.aboutus-wrapper{display:flex;flex-direction:column;gap:80px;margin:60px auto;max-width:1200px;padding:20px}.section{align-items:center;display:flex;gap:40px}.section:nth-child(2n){flex-direction:row-reverse}.gallery{display:flex;flex:1 1;gap:15px}.big-img{border-radius:12px;box-shadow:0 4px 10px #0003;height:400px;object-fit:cover;width:55%}.small-gallery{display:flex;flex-direction:column;gap:15px;width:45%}.small-gallery img{border-radius:12px;box-shadow:0 4px 10px #0003;height:190px;object-fit:cover;width:100%}.content{flex:1 1}.content h2{color:#182e1c;font-size:32px;margin-bottom:15px}.content p{color:#444;font-size:16px;line-height:1.8;margin-bottom:15px;text-align:justify}.content ul{list-style:none;padding:0}.content li{color:#333;font-size:16px;margin-bottom:10px}@media (max-width:900px){.section{flex-direction:column!important;text-align:center}.gallery{flex-direction:column}.big-img{height:250px;width:100%}.small-gallery{flex-direction:row;width:100%}.small-gallery img{height:120px}}.placement-section{background:#f9f9f9!important;border-radius:12px;padding:40px}.placement-section h2{color:#0073e6}.placement-section ul li{color:#222;font-weight:500}.timeline-wrapper{font-family:Segoe UI,sans-serif;margin:auto;max-width:1100px;padding:60px 20px}.timeline-title{color:#222;font-size:32px;font-weight:700;margin-bottom:10px;text-align:center}.timeline-subtitle{color:#555;font-size:18px;margin-bottom:50px;text-align:center}.timeline{margin:0 auto;padding:20px 0;position:relative}.timeline:before{background:#e53935;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{padding:20px 40px;position:relative;width:50%}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%}.timeline-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:15px;padding:20px}.timeline-content img{border-radius:12px;height:80px;object-fit:cover;width:120px}.timeline-content h3{color:#b71c1c;font-size:18px;margin-bottom:8px}.timeline-item:before{background:#fff;border:4px solid #e53935;border-radius:50%;content:"";height:20px;position:absolute;right:-10px!important;top:30px;width:20px;z-index:1}.timeline-item.right:before{left:-10px!important;right:auto}@media (max-width:900px){.timeline:before{left:8px}.timeline-item.right:before{left:12px}.timeline-item{padding-left:40px;text-align:left!important;width:100%}.timeline-item:before{left:0;right:auto}.timeline-item.right:before{left:12px!important;right:auto}}.career-wrapper{background:linear-gradient(180deg,#e53935,#c62828);color:#fff;font-family:Segoe UI,sans-serif;margin-top:-143px;padding:60px 20px;text-align:center}.career-header h1{font-size:36px;font-weight:700;margin-bottom:15px}.career-header p{font-size:18px;margin-bottom:25px}.btn{background:#222;color:#fff;font-size:16px;padding:12px 28px;transition:.3s}.btn:hover{background:#444}.career-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:50px auto}.career-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#222;padding:20px;text-align:left;width:320px}.salary-box{background:#ffca28;border-radius:8px;color:#000;display:inline-block;font-weight:700;margin-bottom:12px;padding:10px 16px}.salary-box h3{font-size:20px;margin:0}.salary-box p{font-size:14px;margin:0}.career-card h2{font-size:20px;margin:10px 0}.skills{color:#333;font-size:16px}.skills span{color:#c62828;font-weight:700}.note{font-size:14px;margin-top:20px;opacity:.9}@media (max-width:992px){.career-header h1{font-size:28px}.career-header p{font-size:16px}.career-card{width:280px}}@media (max-width:768px){.career-wrapper{padding:40px 15px}.career-header h1{font-size:24px}.career-header p{font-size:15px}.career-cards{gap:15px}.career-card{max-width:400px;width:100%}}@media (max-width:480px){.career-wrapper{margin-top:-100px;padding:30px 12px}.career-header h1{font-size:20px}.btn,.career-header p{font-size:14px}.btn{padding:10px 22px}.career-card{padding:16px}.career-card h2{font-size:18px}.skills{font-size:14px}.note{font-size:12px}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.placement-slider{background:#1e1e1e;overflow:hidden;padding:40px 20px;text-align:center}.slider-title{color:#fff;font-size:28px;font-weight:600;margin-bottom:30px}.slider-container{overflow:hidden;position:relative;width:100%}.slider-track{animation:scroll 25s linear infinite;display:flex;width:200%}.logo-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;flex:0 0 auto;height:100px;justify-content:center;margin:0 15px;transition:transform .3s ease;width:200px}.logo-card img{max-height:60px;max-width:80%;object-fit:contain}.logo-card:hover{transform:scale(1.05)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.placement-section_job{align-items:center;background:#1c1c1c;color:#fff;display:flex;gap:40px;justify-content:space-between;padding:60px 80px;position:relative}.placement-content{flex:1 1;max-width:50%}.placement-content h1{font-size:42px;font-weight:700;line-height:1.3;margin-bottom:20px}.placement-content p{color:#ccc;font-size:18px;margin-bottom:40px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.feature-card{background:#0000;border:1px dashed #666;border-radius:8px;padding:25px 20px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#292929;border-color:#ff5722;transform:translateY(-5px)}.feature-icon{color:#ff5722;font-size:40px;margin-bottom:10px}.feature-card p{font-size:16px;font-weight:500;margin:0}.placement-image{background:url(/static/media/istockphoto-1146475545-612x612.7ac6157ce9361c25c007.jpg) no-repeat 50%/cover;border-radius:12px;box-shadow:0 8px 20px #0006;flex:1 1;min-height:600px}@media (max-width:992px){.placement-section_job{flex-direction:column;padding:40px 20px;text-align:center}.placement-content{margin-bottom:30px;max-width:100%}.placement-content h1{font-size:32px}.placement-content p{font-size:16px;margin-bottom:30px}.features-grid{gap:15px;grid-template-columns:1fr}.placement-image{min-height:350px;width:100%}}@media (max-width:600px){.placement-section_job{gap:25px;padding:30px 15px}.placement-content h1{font-size:24px}.placement-content p{font-size:14px}.feature-card{padding:18px 15px}.feature-icon{font-size:32px}.feature-card p{font-size:14px}.placement-image{border-radius:8px;min-height:250px}}*{font-family:system-ui}:root{--light-color:#e9e9e9;--dark-green:#182e1c;--yellow:#f4e324;--hot:#e63946;--new:#2a9d8f;--navbar-height:70px;--top-offset:45px;--top-container-start-with:0}.App-contaiiner{margin-top:0;margin-top:var(--top-container-start-with)}.footer{background-color:#182e1c;color:#fff;padding:40px 20px 20px;position:relative}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-logo-section{flex:1 1;margin-bottom:20px;min-width:200px}.footer-logo{height:60px;margin-bottom:20px}.footer-socials a{background-color:#182e1c;border-radius:6px;color:#fff;display:inline-block;font-size:33px;height:36px;margin-right:10px;padding:3px;text-align:center;width:36px}.footer-links{display:flex;flex:3 1;flex-wrap:wrap;justify-content:space-between;min-width:250px}.footer-column{margin-bottom:20px;min-width:150px}.footer-column h4{font-size:18px;margin-bottom:10px}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{color:#dcdcdc;text-decoration:none}.footer-column ul li a:hover{color:#fff}.footer-bottom{color:#ccc;margin-top:30px;text-align:center}.scroll-top-btn{border-radius:10px;box-shadow:0 4px 10px #0003;height:40px;width:40px}.scroll-top-btn,.scroll-top-btn:hover{background-color:#182e1c}.scroll-top-btn{align-items:center;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #00000040;color:#fff;cursor:pointer;display:flex;font-size:18px;height:45px;justify-content:center;position:fixed;right:20px;transition:opacity .3s ease,transform .2s ease;width:45px}.scroll-top-btn:hover{background-color:#0f4d2f;transform:scale(1.1)}*{box-sizing:border-box;margin:0;padding:0}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;color:#182e1c;display:flex;height:var(--navbar-height);justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:var(--top-offset);z-index:1100}.navbar-spacer{height:calc(var(--top-offset) + var(--navbar-height))}.nav-logo img{cursor:pointer;height:45px}.nav-links{align-items:center;display:flex;gap:20px}.nav-links a{color:#182e1c;font-size:1rem;padding:10px 0;text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-auth,.user-info{display:flex;gap:10px}.user-info{align-items:center;font-weight:700}.logout-btn{background:#182e1c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:5px 10px}.logout-btn:hover{background:#333}.nav-toggle{background:#0000;border:0;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:6px}.nav-toggle .bar{background-color:#182e1c;border-radius:2px;height:3px;width:25px}@media (max-width:768px){:root{--navbar-height:56px}.nav-toggle{display:flex}.nav-links{align-items:flex-start;background:#fff;border-bottom:1px solid #eee;box-shadow:0 6px 12px #00000014;display:none;flex-direction:column;gap:8px;left:0;padding:12px 20px;position:absolute;right:0;top:57px;z-index:1000}.nav-links.open{display:flex}.nav-auth{display:none}.mobile-auth{display:block;margin:10px 0;width:100%}.mobile-auth-top{border-bottom:1px solid #eee;font-weight:700;padding-bottom:10px}.mobile-username{color:#182e1c;display:block;font-size:1rem;padding:10px;width:100%}.mobile-auth-bottom{border-top:1px solid #eee;padding-top:10px}.mobile-auth .logout-btn{font-size:1rem;padding:10px;text-align:left;width:100%}}@media (min-width:769px){.mobile-auth{display:none!important}}.close-icon{background:#0000;border:none;color:#182e1c;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px}.close-icon:hover{color:#333}@media (min-width:769px){.close-icon{display:none}}.dropdown-menu a.active,.dropdown-toggle.active,.nav-links a.active{border-radius:6px;color:#ff1e1e!important;text-decoration:underline}.dropdown{display:inline-block;position:relative}.dropdown-toggle{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;padding:8px 12px}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:none;flex-direction:column;left:0;min-width:200px;position:absolute;top:100%;z-index:1000}.dropdown-menu a{color:#000;display:block;padding:10px;text-decoration:none}.dropdown-menu a:hover{background:#f2f2f2}.dropdown.open .dropdown-menu{display:flex}.popup-box{animation:fadeIn .3s ease-in-out;box-shadow:0 6px 20px #00000059;max-width:90%}.popup-close{transition:transform .2s}.popup-close:hover{transform:rotate(90deg)}.logo{color:#182e1c}.subtitle{color:#777;font-size:15px;margin-bottom:15px}.input-field{transition:border .3s,box-shadow .3s}.input-field:focus{border-color:#182e1c;box-shadow:0 0 5px #14532d66;outline:none}.password-wrapper .input-field{width:100%}.eye-icon{color:#333;transition:color .2s ease}.input-error{background:#ffe6e6!important;border:2px solid red!important}.error-text{font-size:13px;margin:4px 0 8px}.info-text,.terms-text{color:#aaa;font-size:12px;line-height:1.4;margin:10px 0}.info-text a,.terms-text a{color:#182e1c;font-size:13px;font-weight:900;text-decoration:none}.info-text a:hover,.terms-text a:hover{text-decoration:underline}.signup-btn{transition:.3s ease}.login-box{display:flex;justify-content:space-evenly}.login-box p{margin:0}.Sign_up_link{color:#18311d;font-weight:600;text-decoration:none}.LogIn_navBar_but{background-color:#18311d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:11px 18px;transition:background-color .3s ease,color .3s ease}.LogIn_navBar_but:hover{background-color:#fff;border:1px solid #18311d;color:#18311d}@media (max-width:480px){.popup-box{padding:20px 15px;width:95%}.logo{font-size:34px}.signup-btn{padding:10px}}.popup-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.popup-box{background:#fff;border-radius:10px;color:#182e1c;padding:30px 25px;position:relative;text-align:center;width:380px}.popup-close{background:none;border:none;color:#182e1c;cursor:pointer;font-size:32px;position:absolute;right:15px;top:10px}.logo{font-size:42px;margin-bottom:15px}.input-field{background:#fff;border:1px solid #333;border-radius:5px;color:#182e1c;font-size:14px;margin:6px 0;outline:none;padding:12px;transition:border .2s,background .2s;width:100%}.input-field:focus{background:#f9fff9;border:1.5px solid #182e1c}.password-wrapper{position:relative;width:100%}.password-wrapper .input-field{padding-right:40px}.eye-icon{color:#555;cursor:pointer;font-size:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.eye-icon:hover{color:#182e1c}.error-text{color:red;font-size:12px;margin:4px 0 6px;text-align:left}.signup-btn{background:#182e1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;transition:.2s;width:100%}.signup-btn:hover{background:#fff;border:1px solid #182e1c;color:#182e1c}.login-box{border-top:1px solid #333;font-size:14px;margin-top:15px;padding-top:15px}.Sign_up_link{color:#d13232;font-size:17px;font-weight:900}.Sign_up_link:hover{text-decoration:underline}.success-popup{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.success-box{animation:fadeInScale .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;color:green;font-size:18px;font-weight:700;padding:20px 30px;text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.social-navbar{align-items:center;background-color:#182e1c;color:#fff;display:flex;flex-wrap:wrap;height:7vh;justify-content:space-between;left:0;padding:12px 30px;position:fixed;top:0;width:100vw;z-index:1100}.navbar-title{font-size:18px;font-weight:700}.social-icons{display:flex;gap:18px}.social-icons a{color:#fff;font-size:22px;transition:color .3s ease,transform .3s ease}.social-icons a:hover{color:#fff;transform:scale(1.2)}@media (max-width:768px){.social-navbar{align-items:center;flex-direction:column;gap:10px;height:auto;padding:14px 16px;text-align:center}.navbar-title{font-size:16px;margin:0;order:1;width:100%}.social-icons{gap:14px;justify-content:center;order:2;width:100%}}@media (max-width:480px){.social-navbar{align-items:center;flex-direction:column;gap:8px;height:auto}.navbar-title{font-size:14px;order:1;width:100%}.social-icons{justify-content:center;order:2;width:100%}.social-icons a{font-size:20px}}.all-courses-page{background:#f4f7fb;min-height:100vh}.banner{height:200px;margin:0 auto 40px;overflow:hidden;position:relative;width:100%}.banner-images{display:flex;height:100%;transition:transform .6s ease-in-out;width:100%}.banner-images img{flex-shrink:0;height:200px;object-fit:cover;width:100%}.banner-text{color:#fff;left:50%;position:absolute;text-align:center;text-shadow:0 2px 6px #0009;top:50%;transform:translate(-50%,-50%)}.banner-text h2{font-size:1.8rem;margin-bottom:8px}.banner-text p{font-size:1rem}.header-row{align-items:center;display:flex;justify-content:space-between;margin:20px auto;max-width:1100px;padding:0 20px}.header-row h1{color:#182e1c;font-size:2rem;font-weight:700;margin:0}.search-box{border:1px solid #ccc;border-radius:6px;font-size:15px;padding:10px 14px;transition:border .3s ease;width:260px}.search-box:focus{border:1px solid #182e1c;outline:none}.courses-container{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1100px}.course-category{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:25px}.course-category h2{border-bottom:2px solid #e0e0e0;color:#182e1c;font-size:1.6rem;margin-bottom:20px;padding-bottom:10px}.course-columns{display:flex;flex-wrap:wrap;gap:50px;margin-bottom:20px}.course-list{list-style:none;margin:0;padding:0}.course-list li{color:#444;font-size:15px;font-weight:500;margin:10px 0;padding-left:15px;position:relative}.course-list li:before{color:#182e1c;content:"•";font-weight:700;left:0;position:absolute;top:0}.enroll-btn-container{text-align:right}.enroll-btn{background-color:#182e1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 22px;transition:all .3s ease}.enroll-btn:hover{background-color:#004d40;transform:translateY(-2px)}.no-results{color:#999;font-size:16px;text-align:center}@media (max-width:768px){.banner,.banner-images img{height:200px}.banner-text h2{font-size:1.4rem}.header-row{flex-direction:column;gap:15px;text-align:center}.search-box{width:100%}.course-columns{flex-direction:column;gap:20px}.enroll-btn-container{text-align:center}.enroll-btn{width:100%}}*,:after,:before{box-sizing:border-box}.inquiry-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.inquiry-popup{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0003;max-width:90%;overflow:visible;padding:30px 30px 24px;position:relative;width:400px;z-index:2100}.inquiry-popup h2{color:var(--dark-green);margin:0 0 20px;text-align:center}.inquiry-popup .form{display:flex;flex-direction:column;gap:15px}.inquiry-popup input,.inquiry-popup select{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:15px;padding:10px}.submit-btn{background-color:var(--dark-green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px;transition:.2s ease-in-out}.submit-btn:hover{background-color:#284d2f}.inquiry-popup>.close-btn{align-items:center;background:#0000;color:#111;cursor:pointer;display:inline-flex;font-size:25px;font-weight:700;height:36px;justify-content:center;line-height:1;position:absolute;right:8px;text-decoration:none;top:8px;-webkit-user-select:none;user-select:none;width:36px;z-index:2200}.inquiry-popup>.close-btn:focus-visible{outline:2px solid var(--dark-green);outline-offset:2px}.contact-page{margin:auto;width:100%}.contact-banner{align-items:center;background:var(--dark-green);border-radius:0 0 80px 0;color:#fff;display:flex;height:250px;margin-bottom:40px;margin-top:39px;overflow:hidden;width:100%}.contact-banner-img{width:65%}.contact-banner-img img{-webkit-mask-image:linear-gradient(90deg,#0000,#000 20%);mask-image:linear-gradient(90deg,#0000,#000 20%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;width:100%}.contact-banner-text{padding-left:100px;width:35%}.contact-banner-text h1{font-size:36px;margin-bottom:15px}.contact-banner-text p{font-size:16px;line-height:1.6}.contact-container{display:flex;flex-wrap:wrap;gap:20px;margin:0 auto 40px;width:80%}.contact-info{background:#182e1c;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;flex:1 1;min-width:280px;padding:60px}.info-block{margin-bottom:20px}.info-block h3{font-size:16px;margin:5px 0}.info-block p{font-size:14px;line-height:1.5;margin:0}.contact-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;min-width:280px;padding:20px}.contact-form h2{color:#333;margin-bottom:15px}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:8px;font-size:16px;margin:10px 0;padding:12px;width:100%}.contact-form button{background:#182e1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:.3s}.contact-form button:hover{background:#164e36}.map-container{width:100%}.map-container iframe{border:none;border-radius:12px;height:400px;width:100%}@media (max-width:768px){.contact-banner{flex-direction:column;text-align:center}.contact-banner-text{margin-bottom:20px;padding:0}.contact-banner-img img{max-width:100%}.contact-container{flex-direction:column}}.slider-container1{border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 4px 15px #0003;overflow:hidden;position:relative;width:100%;z-index:0}.slider-image{display:block;height:75vh;object-fit:cover;width:100%}.nav-button{background:#ffffffb3;border:none;border-radius:50%;cursor:pointer;padding:10px;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease}.nav-button:hover{background:#fff}.nav-button.left{left:15px}.nav-button.right{right:15px}.dots{bottom:90px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background:#fff9;border:none;border-radius:50%;cursor:pointer;height:12px;transition:transform .2s ease,background .3s ease;width:12px}.dot.active{background:#fff;transform:scale(1.2)}.inquiry-box{background:#fff;border-radius:12px;box-shadow:0 5px 18px #0003;margin:-58px auto;max-width:900px;padding:20px;position:relative;width:100%;z-index:3}.inquiry-heading{border-bottom:2px solid #182e1c;color:#182e1c;font-size:20px;font-weight:700;margin-bottom:15px;padding-bottom:8px;text-align:center}.inquiry-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center}.inquiry-form input{border:1px solid #ccc;border-radius:6px;font-size:15px;outline:none;padding:12px 14px;width:220px}.inquiry-form input:focus{border-color:#182e1c}.inquiry-form button{background:#182e1c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:12px 20px;transition:background .3s ease}.inquiry-form button:hover{background:#fff;border:1px solid #182e1c;color:#182e1c;padding:11px 19px}@media (max-width:768px){.inquiry-form{align-items:center;flex-direction:column;gap:12px}.inquiry-form button,.inquiry-form input{width:100%}}.about-wrapper{align-items:center;display:flex;gap:40px;justify-content:center;margin:60px auto;max-width:1150px;padding:30px}.about-images{display:flex;flex:1 1;gap:15px}.img1{border-radius:12px;box-shadow:0 4px 10px #0003;height:450px;object-fit:cover;width:50%}.right-images{display:flex;flex-direction:column;gap:15px;width:50%}.img2,.img3{border-radius:12px;box-shadow:0 4px 10px #0003;height:218px;object-fit:cover;width:100%}.about-content{flex:1 1}.about-content h2{color:#182e1c;font-size:32px;margin-bottom:15px}.about-content p{color:#444;font-size:16px;line-height:1.8;margin-bottom:15px;text-align:justify}@media (max-width:900px){.about-wrapper{text-align:center}.about-images,.about-wrapper{flex-direction:column}.img1{height:250px}.img1,.right-images{width:100%}.img2,.img3{height:180px}}.about-subtitle{font-size:40px;font-weight:700;line-height:1;line-height:1.4;margin-bottom:20px}.about-subtitle .highlight1{color:#0073e6;font-size:56px;line-height:1}.about-subtitle .highlight2{color:#f60;font-size:56px;line-height:1}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.slider-container{margin:40px auto;max-width:1200px;padding:0 20px}.quote-container{align-items:center;background:#182e1c;border-radius:12px;color:#fff;display:flex;gap:30px;justify-content:center;min-height:400px;padding:40px 30px}.quote-left{justify-content:center;width:70%}.quote-image{border-radius:10px;max-height:360px;object-fit:contain;width:100%}.quote-right{padding-right:20px;width:30%}.quote-text{font-size:18px;line-height:1.6}.highlight{font-weight:700}.signature{font-size:18px;font-style:italic;margin-top:20px;opacity:.9}.swiper-button-next,.swiper-button-prev{color:#fff!important;font-weight:700}.swiper-pagination-bullet{background:#fff!important}@media (max-width:992px){.quote-container{flex-direction:column;height:600px;padding:30px 0}.quote-left{margin-bottom:20px;width:80%}.quote-right{padding-left:0;width:80%}.quote-text{font-size:18px}.signature{font-size:16px}}@media (max-width:600px){.quote-text{font-size:16px}.signature{font-size:14px}.quote-container{min-height:auto;padding:20px 15px}.quote-image{max-height:200px}}.card-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 5%;width:90%}.course-card{border:1px solid #ddd;box-shadow:0 2px 6px #0000001a;transition:transform .2s}.rating{margin:5px 0}.button-group{justify-content:space-between;margin-top:10px}.enquiry{background:#0c3d25!important;color:#fff!important}.enquiry,.enquiry:hover{border:1px solid #0c3d25!important}.enquiry:hover{background:#fff!important;color:#0c3d25!important}.pagination{align-items:center;display:flex;font-size:14px;justify-content:space-evenly;margin:30px 10px}.page-numbers{display:flex;gap:8px}.page-btn{background:#0000;border:none;border-radius:50%;padding:6px 12px;transition:.2s}.page-btn:hover{background:#e0e0e0}.page-btn.active{background:#1976d2}.next-btn{background:#0000;border-radius:6px;color:#1976d2;font-weight:700}.card-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.course-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .2s ease}.course-card:hover{transform:translateY(-5px)}.course-image{height:160px;object-fit:cover;width:100%}.course-content{padding:15px}.course-content h3{font-size:18px;margin-bottom:8px}.rating{color:#ff9800;font-size:14px;margin-bottom:10px}.description{color:#555;font-size:14px;margin-bottom:15px}.button-group{display:flex;gap:10px}.btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;padding:8px 12px;transition:background .3s ease}.read-more{background:#fff!important;border:1px solid #0c3d25!important;color:#0f4d2f!important}.read-more:hover{background:#cdcccc!important;color:#000!important}.enquiry{background:#0c3d25;color:#fff}.enquiry,.enquiry:hover{border:1px solid #0c3d25}.enquiry:hover{background:#fff;color:#0c3d25}.pagination{margin-top:25px;text-align:center}.page-numbers{margin-top:10px}.page-btn{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;margin:0 5px;padding:8px 12px;transition:background .3s ease}.page-btn:hover{background:#f0f0f0}.page-btn.active{background:#0f4d2f;color:#fff;font-weight:700}.stats-container{background-color:#182e1c;border-radius:16px;color:#fff;flex-wrap:wrap;gap:30px;justify-content:space-around;margin:5%;padding:30px 20px;width:90%}.stat-card,.stats-container{align-items:center;display:flex}.stat-card{gap:15px;min-width:200px}.icon-circle{align-items:center;background-color:#ffffff26;border-radius:50%;display:flex;height:70px;justify-content:center;width:70px}.icon-circle img{height:32px;width:32px}.stat-text h3{font-size:24px;font-weight:700;margin:0}.stat-text p{font-size:16px;margin:0}.features-section{background-color:#fff;padding:60px 20px;text-align:center}.features-title{color:#2a68ff;font-size:32px;font-weight:700;margin-bottom:40px}.features-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.feature-card{align-items:center;display:flex;flex-direction:column;width:200px}.feature-image{height:80px;margin-bottom:20px;width:80px}.feature-text{color:#000;font-size:16px;font-weight:600;text-align:center}.feature-card:hover{background-color:#d0d0d0}:root{--dark-green:#0d2f1f;--light-color:#f7f7f7;--top-offset2:109px}.page-container{color:#fff;display:flex;text-align:center;width:100%}.sidebar{color:#0d2f1f;color:var(--dark-green);height:1300px;overflow-y:auto;padding:15px;text-align:left;width:20%}.sidebar,.sidebar:hover{background:#ededed}.sidebar h2{font-size:20px;margin-bottom:15px}.sidebar ul{list-style:none;padding:0}.sidebar ul li{border-radius:5px;cursor:pointer;padding:5px;transition:all .3s ease}.sidebar ul li:hover{color:#0d2f1f;color:var(--dark-green);transform:translateX(5px)}.active-topic-btn{border-radius:6px;color:#0d2f1f;color:var(--dark-green);display:block;font-weight:900;margin:3px 0;padding:5px 10px}.active-sub-btn{background:#28a745;color:#fff}.active-sub-btn,.active-subsub-btn{border-radius:6px;display:block;font-weight:700;margin:4px 0;padding:6px 12px;text-align:left;width:100%}.active-subsub-btn{background:#ffc107;color:#000}.main-content{background:#fff;color:#000;height:1300px;overflow-y:auto;text-align:left;width:65%}.banner-slider{border-radius:10px;height:100px;margin:1% auto 20px;overflow:hidden;position:relative;width:80%}.banner-slide-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.rightbar{background:#ededed;color:#0d2f1f;color:var(--dark-green);height:1300px;padding:20px;width:15%}.ad-box{background:#fff;border-radius:8px;margin-bottom:20px;padding:12px;text-align:center}.price{font-size:18px;margin:15px 0}.price .old{color:#aaa;margin-right:8px;text-decoration:line-through}.price .new{color:#000;font-size:20px;font-weight:700}.slider{border-radius:10px;height:450px;margin-top:20px;overflow:hidden;position:relative;width:100%}.slide-image{border-radius:6px;display:block;height:100%;object-fit:cover;width:100%}.menu-btn{background:#0d2f1f87;border:none;border-bottom-right-radius:33px;border-top-right-radius:33px;color:#fff;cursor:pointer;display:none;font-size:20px;height:69px;left:-3px;padding:10px 15px;position:fixed;top:156px;transition:all .3s ease;width:74px;z-index:1100}.menu-btn:hover{background:#0d2f1f;background:var(--dark-green);transform:scale(1.05)}.close-btn{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:22px;margin-bottom:10px;transition:all .3s ease}.close-btn:hover{color:#fff;transform:rotate(90deg)}.overlay{display:none}footer{color:#fff;margin-top:auto;padding:2px;width:100%}@media (max-width:1024px){.sidebar{width:25%}.rightbar{display:none}.main-content{width:100%}}@media (max-width:768px){.page-container{flex-direction:column;top:53px}.menu-btn{display:block}.sidebar{height:82vh;left:-100%;max-width:234px;position:fixed;top:161px;transition:left .3s ease-in-out;width:70%;z-index:1200}.sidebar.open{left:0;top:102px}.sidebar .close-btn{display:block}.main-content{margin:0;order:1;width:100%}.rightbar{display:none}footer{order:3}.slider{height:300px}.banner-slider{height:200px}}@media (max-width:480px){.banner-slider{height:150px}.slider{height:200px}.rightbar{display:none}}.subtopic-layer{animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.back-btn{background:#0000!important;border:none!important;border-radius:6px!important;color:#0d2f1f!important;color:var(--dark-green)!important;cursor:pointer!important;display:block!important;font-weight:700;margin-bottom:10px!important;margin-left:58%!important;padding:8px!important;text-align:right!important;text-align:left!important;transition:background .3s!important;width:68px!important}.back-btn:hover{background:#0000000d}.back-btn:hover,.subtopic-title{color:#0d2f1f;color:var(--dark-green)}.subtopic-title{font-size:16px;font-weight:700;margin-bottom:12px}.subtopic-layer button{background:#0000;border:none;border-radius:5px;color:#0d2f1f;color:var(--dark-green);cursor:pointer;display:block;font-size:15px;margin:4px 0;padding:8px;text-align:left;transition:all .3s ease;width:100%}.subtopic-layer button:hover{background:#0000000d;color:#0d2f1f;color:var(--dark-green);transform:translateX(5px)}.Next_Previous_button_container{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 5%}.Next_button{background:#16a34a;width:110px}.Next_button,.Previous_button{border:none;border-radius:8px;box-shadow:0 3px 6px #0000004d;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.Previous_button{background:#2563eb}.imgEditor{width:100%}.tutorial-container{background:#fff;color:#333;line-height:1.7;min-height:100vh;padding:2rem}.tutorial-title{color:#1f7a39;font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.tutorial-intro{font-size:1.1rem;margin:0 auto 2rem;max-width:800px}.tutorial-section{margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.section-subtitle{font-weight:600;margin-bottom:.5rem;margin-top:1rem}.tutorial-list{list-style:disc;padding-left:1.5rem}.code-block{background:#1e1e1e;border-radius:6px;color:#d4d4d4;font-family:monospace;font-size:.9rem;margin:.5rem 0;padding:1rem}.learn-more{color:#15803d;font-weight:600;text-decoration:none}.learn-more:hover{text-decoration:underline}.code-block-wrapper{margin:.5rem 0;position:relative}.copy-btn{background:#15803d!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:.8rem;padding:4px 10px;position:absolute;right:8px;top:8px;transition:background .3s}.copy-btn:hover{background:#105129}.navbar2{align-items:center;background:#111827;border-bottom:1px solid #ccc;border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:8px 12px;position:static}.navbar2,.navbar2>.dropdown>a,.navbar2>a{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes colorChange{0%{background-color:#3b82f6}50%{background-color:#f59e0b}to{background-color:#3b82f6}}@keyframes transformAnim{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(100px) rotate(180deg)}to{transform:translateX(0) rotate(1turn)}}.fadeIn{animation:fadeIn 2s ease-in-out}.bounce{animation:bounce 1s infinite}.rotate360{animation:rotate360 3s linear infinite}.colorChange{animation:colorChange 4s infinite}.transformAnim{animation:transformAnim 3s ease-in-out infinite}.tooltip{cursor:pointer;display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#111;border-radius:6px;color:#fff;font-size:.9rem;max-width:200px;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity .4s ease,transform .4s ease;visibility:hidden;white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:1}.tooltip:hover .tooltiptext{opacity:1;transform:translateY(-5px);visibility:visible}.tooltip-top .tooltiptext{bottom:125%;left:50%;transform:translateX(-50%) translateY(0)}.tooltip-bottom .tooltiptext{left:50%;top:125%;transform:translateX(-50%) translateY(0)}.tooltip-left .tooltiptext{right:125%;top:50%;transform:translateY(-50%) translateX(0)}.tooltip-right .tooltiptext{left:125%;top:50%;transform:translateY(-50%) translateX(0)}.code-demo-box{background-color:#e4e4e4;border-radius:8px;font-size:1.3rem;margin-bottom:1rem;margin-top:1rem;padding:10px}.bitwise-key-section{grid-gap:.75rem;background:linear-gradient(135deg,#181818,#252525);border-radius:1rem;box-shadow:0 0 12px #0000004d;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:1.5rem 0;padding:1.25rem}.bitwise-key-section button{background:#282c34;border:1px solid #3d3f47;border-radius:.6rem;color:#fff;cursor:pointer;font-weight:600;padding:.6rem .8rem;transition:all .25s ease-in-out}.bitwise-key-section button:hover{background:#3d3f47;transform:translateY(-2px)}.output-box{background:#f8fafc;border-radius:8px;color:#1e293b;font-family:Fira Code,monospace;margin-top:10px;padding:12px}.try_it_button{background:#182e1c;border:none;border-radius:8px;box-shadow:0 3px 6px #0000004d;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 16px}.Key_point_container{border-radius:12px;margin-bottom:2rem;padding:1rem 1rem 1rem 35px}.highlight_code{font-size:20px;font-weight:900}.highlight_code_1{font-weight:900}body{background-color:#f8fafc;color:#111827;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:0}.html-editors-container{background:#fff;border-radius:1.25rem;box-shadow:0 2px 8px #0000000d;margin:2rem auto;max-width:900px;padding:2rem}h1,h2,h3{color:#0f172a;margin-bottom:.75rem}h1{font-size:2rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:500}section{background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem}pre{border-radius:.75rem;font-family:Consolas,Courier New,monospace;overflow-x:auto;padding:1rem}button,pre{font-size:.9rem}button{background-color:#2563eb;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease-in-out}ol,ul{padding-left:1.25rem}li{margin-bottom:.5rem}.code-inline{background-color:#f3f4f6;border-radius:.25rem;font-family:Courier New,monospace;padding:.1rem .3rem}.screenshot-placeholder{align-items:center;border:2px dashed #cbd5e1;border-radius:.75rem;color:#94a3b8;display:flex;height:10rem;justify-content:center;margin-top:.75rem}footer{border-top:1px solid #e2e8f0;color:#6b7280;font-size:.85rem;margin-top:2rem;padding-top:1rem;text-align:center}.html-main-container{background:#fff;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh;padding:20px}.html-main-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.html-main-header{background:linear-gradient(90deg,#3498db,#2c3e50);color:#fff;padding:40px;text-align:center}.html-main-title{font-size:3.2rem;font-weight:800;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d}.html-main-tagline{font-size:1.4rem;font-weight:500;opacity:.9}.html-main-main{padding:30px}.html-main-section{background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000014;margin-bottom:40px;padding:25px;transition:transform .3s ease}.html-main-section:hover{transform:translateY(-5px)}.html-main-section-title{align-items:center;border-bottom:3px solid #3498db;color:#2c3e50;display:flex;font-size:2.2rem;font-weight:700;margin-bottom:25px;padding-bottom:15px}.html-main-section-title i{color:#3498db;font-size:2rem;margin-right:15px}.html-main-code-block{background:#2d3748;border-radius:8px;color:#e2e8f0;font-family:Courier New,monospace;margin:20px 0;overflow-x:auto;padding:20px;position:relative}.html-main-code-header{align-items:center;color:#a0aec0;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:15px}.html-main-copy-btn{background:#4a5568;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;transition:background .3s}.html-main-copy-btn:hover{background:#2d3748}.html-main-tag{color:#63b3ed}.html-main-attribute{color:#fbb6ce}.html-main-value{color:#68d391}.html-main-comment{color:#a0aec0}.html-main-example{background:#f8f9fa;border-left:4px solid #3498db;border-radius:0 8px 8px 0;margin:20px 0;padding:20px}.html-main-table{border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin:20px 0;overflow:hidden;width:100%}.html-main-table td,.html-main-table th{border-bottom:1px solid #e2e8f0;padding:15px;text-align:left}.html-main-table th{background:#3498db;color:#fff;font-size:1.1rem;font-weight:600}.html-main-table tr:nth-child(2n){background:#f8f9fa}.html-main-table tr:hover{background:#edf2f7}.html-main-best-practice{background:#e6fffa;border-left:4px solid #38b2ac}.html-main-best-practice,.html-main-warning{border-radius:0 8px 8px 0;margin:20px 0;padding:20px}.html-main-warning{background:#fff5f5;border-left:4px solid #e53e3e}.html-main-footer{background:#2c3e50;color:#fff;padding:30px;text-align:center}.html-main-back-to-top{align-items:center;background:#3498db;border-radius:50%;bottom:30px;box-shadow:0 4px 10px #0000004d;color:#fff;display:flex;height:50px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:30px;text-decoration:none;transition:all .3s ease;width:50px;z-index:1000}.html-main-back-to-top.show{opacity:1;pointer-events:auto}.html-main-back-to-top:hover{background:#2980b9;transform:translateY(-5px)}@media (max-width:768px){.html-main-content{border-radius:0}.html-main-title{font-size:2.5rem}.html-main-section{padding:15px}.html-main-section-title{font-size:1.8rem}}@keyframes html-main-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.html-main-section{animation:html-main-fadeIn .5s ease forwards}.html-main-section:first-child{animation-delay:.1s}.html-main-section:nth-child(2){animation-delay:.2s}.html-main-section:nth-child(3){animation-delay:.3s}.html-main-section:nth-child(4){animation-delay:.4s}.html-main-section:nth-child(5){animation-delay:.5s}.html-main-section:nth-child(6){animation-delay:.6s}.html-main-section:nth-child(7){animation-delay:.7s}.html-main-section:nth-child(8){animation-delay:.8s}.html-main-section:nth-child(9){animation-delay:.9s}.html-main-section:nth-child(10){animation-delay:1s}.html-main-element-example{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin:15px 0;padding:15px}.html-main-element-demo{background:#fff;border:1px dashed #cbd5e0;border-radius:4px;margin:10px 0;padding:15px}.html-main-h1{color:#2c3e50;font-size:2.5rem;font-weight:800;margin:25px 0 15px}.html-main-h2{color:#2c3e50;font-size:2rem;font-weight:700;margin:20px 0 12px}.html-main-h3{color:2c3e50;font-size:1.5rem;font-weight:600;margin:18px 0 10px}.html-main-h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:15px 0 8px}.html-main-strong{color:#2c3e50;font-weight:700}.html-main-ol,.html-main-ul{margin:15px 0;padding-left:30px}.html-main-li{line-height:1.6;margin:8px 0}.html-main-copy-btn.copied{background:#38b2ac}.html-main-copy-toast{animation:fadeInOut 3s forwards;background:#38b2ac;border-radius:4px;bottom:100px;box-shadow:0 4px 12px #00000026;color:#fff;padding:10px 20px;position:fixed;right:30px;z-index:1001}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.html-container{font-family:Arial,sans-serif;line-height:1.6;padding:20px}section{margin-bottom:2rem}code{color:#d63384}.quiz-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:20px}.question-text{font-weight:700;margin-bottom:15px}.options-section{margin-bottom:20px}.option-wrapper{margin-bottom:10px}.option-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:5px 10px;transition:all .2s}.option-label input{margin-right:10px}.option-label.correct{background-color:#d4edda;border:1px solid #28a745}.option-label.wrong{background-color:#f8d7da;border:1px solid #dc3545}.feedback{margin-bottom:15px}.next-btn,.restart-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.next-btn:disabled{background-color:#999;cursor:not-allowed}.exercise-container{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}.exercise-item{margin-bottom:30px}.question{font-weight:700;margin-bottom:10px}.code-input{background-color:#f4f4f4;border:1px solid #ccc;border-radius:5px;font-family:Courier New,monospace;font-size:14px;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.feedback{font-weight:700;margin-top:5px}.correct{color:green}.wrong{color:red}.examples-container{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}.example-item{margin-bottom:40px}.example-item h2{color:#007bff}code{font-family:Courier New,monospace;font-size:14px}.syllabus-container{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}.syllabus-section{margin-bottom:30px}.syllabus-section h2{color:#007bff}.studyplan-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.day-plan{margin-bottom:30px}.day-plan h2{color:#1a73e8}.day-plan h3{color:#333}ul{list-style-type:disc;margin-left:20px}.divider{margin:20px 0}.flowchart-container{margin-bottom:40px;text-align:center}.flowchart{align-items:center;display:flex;flex-direction:column;font-weight:700;gap:5px}.flow-node{background-color:#e0f0ff;border:1px solid #1a73e8;border-radius:6px;padding:10px 20px;text-align:center;width:250px}.arrow{color:#1a73e8;font-size:24px}.interview-container{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}.faq-item{margin-bottom:20px}.faq-question{color:#1a73e8;font-weight:600}.faq-answer-box{background-color:#f5f5f5;border-radius:8px;margin-top:10px;padding:15px;transition:all .3s ease-in-out}.faq-answer{color:#333;line-height:1.6}.divider{margin:15px 0}@media (max-width:768px){.interview-container{padding:15px}.faq-answer-box{padding:10px}.faq-question{font-size:1rem}}.bootcamp-container{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}.bootcamp-section{margin-bottom:25px}.section-title{color:#1a73e8;font-weight:700}.section-topics{margin-top:10px;padding-left:15px}.topic-item{margin-bottom:20px}.topic-title{color:#333;font-weight:600}.topic-content{color:#555;line-height:1.6}.divider{border:0;border-top:1px solid #ccc;margin:10px 0}@media (max-width:768px){.bootcamp-container{padding:15px}.section-title{font-size:1.2rem}.topic-title{font-size:1rem}}.container{margin:0 auto;max-width:1400px;padding:20px;width:100%}.title{font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto)}.card{background:var(--light-color);border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 6px #0000001a;padding:20px;transition:transform .2s ease-in-out}.card:hover{transform:translateY(-3px)}.card-title{border-bottom:2px solid #eee;font-size:1.2rem;font-weight:600;margin-bottom:12px;padding-bottom:8px}.list{list-style:none;margin:0;padding:0}.list-item{margin:8px 0}.link{align-items:center;color:#333;display:flex;font-size:.95rem;justify-content:space-between;text-decoration:none}.link:hover{text-decoration:underline}.badge{border-radius:6px;font-size:.75rem;font-weight:700;margin-left:10px;padding:2px 8px}.badge.hot{background-color:#fdd;color:#d60000}.badge.new{background-color:#dfd;color:#007a00}.col1-row1{grid-column:1;grid-row:1}.col1-row2{grid-column:1;grid-row:2}.col2-row1{grid-column:2;grid-row:1}.col2-row2{grid-column:2;grid-row:2}.col3-span{grid-column:3;grid-row:1/span 2}.selected-info{background:#f5f5f5;border-left:4px solid #07f;border-radius:8px;margin-top:30px;padding:15px}.loader-container{align-items:center;background:#0f172a;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity 1s ease-out;width:100%;z-index:9999}.fade-out{opacity:0;pointer-events:none}.loader-text{display:flex;font-size:3rem;font-weight:700;gap:5px}.loader-text span{animation:wave 1s ease-in-out infinite;display:inline-block;opacity:0;transform:translateY(20px)}@keyframes wave{0%{opacity:0;transform:translateY(20px)}40%{color:#38bdf8;opacity:1;text-shadow:0 0 10px #38bdf8,0 0 20px #38bdf8;transform:translateY(0)}to{color:#94a3b8;opacity:.5;text-shadow:none;transform:translateY(-10px)}}.loading-sub{color:#94a3b8;font-size:18px;letter-spacing:2px;margin-top:15px}.html-css-js-container{background:#020617;color:#e2e8f0;display:flex;flex-direction:column;font-family:Fira Code,JetBrains Mono,monospace;height:100vh}.header{align-items:center;background:#0f172a;border-bottom:1px solid #1e293b;box-shadow:0 3px 6px #0006;display:flex;justify-content:space-between;padding:14px 24px}.header h3{color:#60a5fa;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0}.run-button{background:linear-gradient(90deg,#1e40af,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #2563eb66;color:#f8fafc;cursor:pointer;font-size:15px;font-weight:500;letter-spacing:.5px;padding:8px 20px;transition:all .3s ease}.run-button:hover{background:linear-gradient(90deg,#2563eb,#1e40af);box-shadow:0 4px 12px #2563eb99;transform:scale(1.04)}.editor-grid{grid-gap:12px;background:#0f172a;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:14px}.editor-panel{background:#1e293b;border:1px solid #334155;border-radius:10px;box-shadow:0 2px 10px #0000004d;overflow:hidden}.editor-panel h4{background:#1e293b;border-bottom:1px solid #334155;color:#38bdf8;font-size:13px;font-weight:600;letter-spacing:.6px;margin:0;padding:6px 10px;text-transform:uppercase}.output-panel{background:#0b1120;border-top:1px solid #334155;color:#f8fafc;display:flex;flex:1 1;flex-direction:column;padding:16px 24px}.output-panel h4{color:#60a5fa;font-size:14px;font-weight:600;letter-spacing:.7px;margin:0 0 8px;text-transform:uppercase}.output-panel iframe{background:#fff;border:2px solid #1e293b;border-radius:8px;box-shadow:0 4px 10px #0006;flex:1 1;width:100%}pre{border-radius:6px;font-family:Fira Code,monospace;font-size:14px;line-height:1.4;margin-top:10px;padding:6px}.success{color:#22c55e}.error{color:#ef4444}.html-css-js-container{color:#1e293b}.react-terminal-container{background-color:#0f0f0f;color:#fff;display:flex;flex-direction:column;font-family:JetBrains Mono,Fira Code,monospace;height:86vh;overflow:hidden;width:100%}.top-pane{border-bottom:2px solid #222;border-top:1px solid #222;display:flex;flex:1 1;overflow:hidden}.editor-pane{background:#1e1e1e;border-right:2px solid #333;display:flex;flex:1 1;flex-direction:column;min-width:320px}.editor-header{align-items:center;background:#151515;border-bottom:1px solid #333;color:#fff;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px}.editor-header h3{font-size:15px;font-weight:500;margin:0}.run-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:background .2s ease,transform .1s ease}.run-btn:hover{background:#0056d2;transform:scale(1.05)}.editor-body{background-color:#282c34;height:79vh;overflow:auto}.preview-pane-Console{background:#fff;border-left:2px solid #333;display:flex;flex:1 1;flex-direction:column;height:86vh;min-width:320px}.preview-pane{background:#fff;border-bottom:2px solid #333;flex:1 1;overflow:hidden}.preview-pane iframe{background:#fff;border:none;height:100%;width:100%}.console-pane{background:#1e1e1e;border-top:2px solid #333;color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:max-height .4s ease,opacity .3s ease}.console-pane.closed{max-height:40px;opacity:.9}.console-pane.open{max-height:200px;opacity:1}.console-header{align-items:center;background:#151515;border-bottom:1px solid #333;color:#00d8ff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:8px 12px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.console-header:hover{background:#202020}.toggle-icon{color:#aaa;font-size:14px}.console-content{flex:1 1;overflow-y:auto;padding:10px 14px}.console-log{background:#1e1e1e!important;color:#fff;font-size:13px;line-height:1.4;margin:0}.console-empty{color:#555;font-size:13px;font-style:italic;text-align:center}.console-content::-webkit-scrollbar,.editor-body::-webkit-scrollbar{width:6px}.console-content::-webkit-scrollbar-thumb,.editor-body::-webkit-scrollbar-thumb{background:#000;border-radius:4px}.console-content::-webkit-scrollbar-thumb:hover,.editor-body::-webkit-scrollbar-thumb:hover{background:#000}@media (max-width:1024px){.top-pane{flex-direction:column}.editor-pane,.preview-pane-Console{border-left:none;border-right:none;height:auto;min-width:100%}.editor-body,.preview-pane{height:70vh}.console-pane.open{max-height:40vh}}@media (max-width:768px){.editor-header{align-items:flex-start;flex-direction:column;gap:8px}.run-btn{text-align:center;width:100%}.editor-body,.preview-pane{height:60vh}.console-pane.open{max-height:50vh}.console-content{font-size:12px;padding:8px}}
/*# sourceMappingURL=main.f4e9241a.css.map*/