@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#32cd32;--dark-bg:#1a1a1a;--darker-bg:#121212;--text-color:#fff;--text-muted:#ffffffb3}body{color:var(--text-color);font-family:sans-serif;overflow-x:hidden;padding:0}body,header.header{background-color:#1a1a1a;background-color:var(--dark-bg)}header.header{border-bottom:1px solid #ffffff14;height:80px;left:0;position:fixed;top:0;transition:all .4s cubic-bezier(.16,1,.3,1),background-color .4s;width:100%;z-index:1000}body.light-mode header.header{background-color:#f8f9fa;border-bottom:1px solid #00000014}body.light-mode .link.f_flex.uppercase li a,body.light-mode .sub-title{color:#22223b}body.light-mode .link.f_flex.uppercase li a:hover:before{background-color:#32cd32}header.header.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a1af2;height:70px}.container.d_flex{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 40px}.name-container{margin-right:auto;z-index:1001}.sub-title{color:#fff;color:var(--text-color);font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;transition:all .3s ease}.sub-title span{color:#32cd32;color:var(--primary-color)}.desktop-nav{margin-left:60px;margin-right:40px}.link.f_flex.uppercase{display:flex;gap:30px;list-style:none;margin:0;padding:0}.link.f_flex.uppercase li a{color:#fff;color:var(--text-color);font-size:.85rem;font-weight:500;letter-spacing:1px;padding:8px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.link.f_flex.uppercase li a:before{background-color:#32cd32;background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.16,1,.3,1);width:0}.link.f_flex.uppercase li a:hover:before{width:100%}.button-group{display:flex;gap:16px;pointer-events:none;position:fixed;right:20px;top:15px;transition:right .4s ease;z-index:1002}.header.menu-open .button-group{right:70px}.home-btn.mode-btn{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#fff;color:var(--text-color);display:flex;font-size:1.2rem;height:43px;justify-content:center;pointer-events:auto;transition:all .3s ease,background .4s,color .4s;width:43px;z-index:1003}body.light-mode .home-btn.mode-btn{background:#e9ecef;color:#22223b}body.light-mode .home-btn.mode-btn:hover{background:#32cd32;color:#fff}.home-btn.mode-btn:hover{background:#32cd3233;color:#32cd32;color:var(--primary-color)}.toggle{align-items:center;background:#0000;border:none;color:#fff;color:var(--text-color);cursor:pointer;display:none;font-size:1.4rem;height:44px;justify-content:center;pointer-events:auto;transition:color .3s,background .3s;width:44px;z-index:1002}body.light-mode .toggle{color:#22223b}body.light-mode .toggle:hover{background:#e9ecef;color:#32cd32}.toggle:hover{background:#32cd3214;color:#32cd32;color:var(--primary-color)}.header.menu-open .toggle{display:none!important}.nav-links-mobile{background-color:#121212;background-color:var(--darker-bg);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:120px 40px 60px;position:fixed;top:0;transform:translateX(100%);transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%;z-index:999}.nav-links-mobile.active{transform:translateX(0)}.mobile-menu-header{align-items:center;display:flex;height:44px;position:fixed;right:20px;top:15px;z-index:1002}.esc-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;width:45px;z-index:1003}.esc-button:hover{background:#32cd32;background:var(--primary-color);color:#000}.mobile-nav-list{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.mobile-nav-list li a{align-items:center;color:#fff;color:var(--text-color);display:flex;font-size:2rem;font-weight:500;gap:15px;opacity:0;padding:12px 0;text-decoration:none;transform:translateX(20px);transition:all .3s ease}.nav-links-mobile.active .mobile-nav-list li a{opacity:1;transform:translateX(0)}.nav-item-number{color:#32cd32;color:var(--primary-color);font-size:1rem;font-weight:400}.nav-item-label{position:relative}.nav-item-label:after{background-color:#32cd32;background-color:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.16,1,.3,1);width:0}.mobile-nav-list li a:hover .nav-item-label:after{width:100%}.mobile-nav-list li:first-child a{transition-delay:.1s}.mobile-nav-list li:nth-child(2) a{transition-delay:.2s}.mobile-nav-list li:nth-child(3) a{transition-delay:.3s}.mobile-nav-list li:nth-child(4) a{transition-delay:.4s}.mobile-nav-list li:nth-child(5) a{transition-delay:.5s}.mobile-nav-list li:nth-child(6) a{transition-delay:.6s}.mobile-nav-list li:nth-child(7) a{transition-delay:.7s}@keyframes menuBounceOnce{0%,to{transform:translateY(0)}20%{transform:translateY(-8px)}40%{transform:translateY(0)}60%{transform:translateY(-4px)}80%{transform:translateY(0)}}.nav-links-mobile.active .mobile-nav-list li a{animation:menuBounceOnce 2s 1 both}.nav-links-mobile.active .mobile-nav-list li:first-child a{animation-delay:.05s}.nav-links-mobile.active .mobile-nav-list li:nth-child(2) a{animation-delay:.15s}.nav-links-mobile.active .mobile-nav-list li:nth-child(3) a{animation-delay:.25s}.nav-links-mobile.active .mobile-nav-list li:nth-child(4) a{animation-delay:.35s}.nav-links-mobile.active .mobile-nav-list li:nth-child(5) a{animation-delay:.45s}.nav-links-mobile.active .mobile-nav-list li:nth-child(6) a{animation-delay:.55s}.nav-links-mobile.active .mobile-nav-list li:nth-child(7) a{animation-delay:.65s}.nav-links-mobile.active .mobile-nav-list li:nth-child(8) a{animation-delay:.75s}@media (max-width:1024px){.container.d_flex{padding:0 30px}.desktop-nav{margin-left:40px;margin-right:30px}.link.f_flex.uppercase{gap:20px}}@media (max-width:768px){.desktop-nav{display:none}.toggle{display:flex}.button-group{right:70px}.header.menu-open .button-group{right:110px}.nav-links-mobile{padding:100px 30px 40px}.mobile-nav-list li a{font-size:1.8rem}}@media (max-width:480px){header.header{height:70px}.container.d_flex{padding:0 20px}.sub-title{font-size:1.3rem}.nav-links-mobile{padding:80px 20px 30px}.mobile-nav-list li a{font-size:1.5rem}.nav-item-number{font-size:.9rem}.button-group{right:15px}.header.menu-open .button-group{right:70px}.esc-button,.home-btn,.toggle{font-size:1.1rem;height:40px;width:40px}}.features .box{width:100%}.features .box h2{margin:20px 0}.features .box p{transition:.5s;word-spacing:2px}.features .box i{font-size:30px;left:10%;margin-top:20px;opacity:0;transition:.5s}.features .box:hover{background:linear-gradient(#000,green)}.features .box:hover p{color:#fff}.features .box:hover i{color:#fff;opacity:1}@media(max-width:768px){.features .box{margin-left:10px;padding:5%}}.features .heading h4{color:gray}.features .heading{margin-top:140px}@media (max-width:768px){.features .heading{margin-top:32px}}.hero{position:relative}.hero h3{color:#fff;font-weight:100;letter-spacing:2px}.hero h1{color:#fff;font-size:60px;font-weight:700}.hero h1 span{color:#32cd32}.hero h2{color:#008b00b7;font-size:20px;font-weight:700}.hero h2 span{color:#2bff00bd}.hero p{color:#d3d3d3;font-size:18px;line-height:30px;margin-top:30px}.hero_btn{display:inline-table;margin-top:10%}.hero_btn h4{color:#585858;font-size:15px;font-weight:700;letter-spacing:2px;margin:30px 0}.hero_btn button{background-color:#000;border:2px solid #585858;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;margin-right:10px;margin-top:10px;padding:10px 20px;transition:all .3s ease}.hero_btn button:hover{background-color:#fff;color:#000}.hero_btn i{color:#32cd32;font-size:150%}.hero_btn button img{height:20px;width:20px}.hero .left{margin-right:10%}.hero .right{position:relative;width:40%}.hero .right_img{animation:profile__animate 8s ease-in-out 1s infinite;background:#000;border-radius:20px;box-shadow:10px 10px 30px #00000080;height:400px;margin-top:60px;overflow:hidden;position:relative;width:400px}.hero .right_img img{animation:img_animate 8s ease-in-out 1s infinite;border-radius:20px;box-shadow:0 4px 15px #00000080;height:100%;object-fit:cover;width:100%}@keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes img_animate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}body.light-mode .hero h1,body.light-mode .hero h3,body.light-mode .hero p{color:#000}body.light-mode .hero h2{color:#007bff}body.light-mode .hero h2 span{color:#0056b3}body.light-mode .hero_btn h4{color:#007bff}body.light-mode .hero_btn button{background-color:#fff;border:2px solid #007bff;color:#000}body.light-mode .hero_btn button:hover{background-color:#007bff;color:#fff}body.light-mode .hero_btn i{color:#007bff}body.light-mode .hero .right_img{background:#fff;box-shadow:10px 10px 30px #0003}body.light-mode .hero .right_img img{box-shadow:0 4px 15px #0003}.hero_action_btns{display:flex;gap:1.5rem;margin-top:1.5rem}.hero-btn-filled{align-items:center;background:linear-gradient(90deg,#6a82fb,#5f2c82);border:none;border-radius:2.5em;box-shadow:0 4px 24px #5a50c81a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.7em;padding:.65em 1.5em;text-decoration:none;transition:background .2s,box-shadow .2s,color .2s}.hero-btn-filled:hover{background:linear-gradient(90deg,#5f2c82,#6a82fb);box-shadow:0 8px 32px #5a50c82e}.hero-btn-outline{align-items:center;background:#0000;border:2.5px solid #4285f4;border-radius:2.5em;color:#4285f4;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.7em;padding:.65em 1.5em;text-decoration:none;transition:background .2s,color .2s,border .2s}.hero-btn-outline:hover{background:#e3f0ff;border-color:#174ea6;color:#174ea6}body.light-mode .hero-btn-filled{background:linear-gradient(90deg,#4285f4,#6dd5fa);color:#22223b}body.light-mode .hero-btn-filled:hover{background:linear-gradient(90deg,#6dd5fa,#4285f4);color:#fff}body.light-mode .hero-btn-outline{border-color:#174ea6;color:#174ea6}body.light-mode .hero-btn-outline:hover{background:#e3f0ff;border-color:#4285f4;color:#fff}.hero-btn-icon{align-items:center;display:flex;font-size:1.25em}.hero-btn-filled,.hero-btn-outline{font-size:1rem;padding:.65em 1.5em}.hero-btn-icon{font-size:1.05em}@media (max-width:600px){.hero-btn-filled,.hero-btn-outline{font-size:.95rem;padding:.55em 1em}}@media (max-width:768px){.hero .left,.hero .right{margin-left:20px;width:100%}.hero .f_flex{flex-direction:column;flex-direction:column-reverse}.hero .right_img{height:54vh;margin-top:24px;width:100%}.hero-left,.hero-right{flex-basis:100%}}.Portfolio,.Portfolio .box{position:relative}.Portfolio .box{border-radius:10px}.Portfolio .box:hover{background:linear-gradient(green,#000);transform:translateY(0)}.Portfolio.full-page{background:#000;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:9999}.Portfolio.full-page .container{margin:0 auto;max-width:1200px}.Portfolio .content.grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px 0}.Portfolio .img{height:auto;overflow:hidden;transition:.5s}.Portfolio img{border-radius:10px;transition:.5s;width:100%}.Portfolio .box .img:hover img{transform:scale(1.2)}.Portfolio .category{margin:20px 0 30px;text-transform:uppercase}.Portfolio .category span{color:#adff2f;font-size:13px;font-weight:500;letter-spacing:2px}.Portfolio .arrow{bottom:11%;color:#adff2f;opacity:0;position:absolute;right:30px;transform:rotate(-45deg);transition:.5s}.Portfolio .title:hover .arrow{opacity:1}.Portfolio h2{font-size:18px;padding-bottom:30px;transition:.5s}.Portfolio .box:hover h2{color:#adff2f}.Portfolio .box:hover{color:#fff}.load-more{align-items:center;display:flex;justify-content:center;margin-top:20px}.text-center button{background:orange;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:16px;padding:20px 150px;transition:background-color .3s ease}.load-more button:hover{background-color:green}body.active-modal{overflow-y:hidden}.btn-modal{display:block;font-size:18px;margin:100px auto 0;padding:10px 20px}.modal-content{background-color:#2b2b2b;border-radius:3px;border-radius:10px;box-shadow:4px 4px 8px #adff2f,-4px -4px 8px #686868;left:8%;line-height:1.4;max-width:85%;min-width:60%;padding:50px;position:absolute;top:12%;z-index:9999}.modal-text{padding:0 100px 0 50px}.modal-text h1{font-size:30px;margin:20px 0}.modal-text p{color:#adff2f;font-size:17px;line-height:25px;margin-bottom:20px}.modal-text button{color:#adff2f;margin-right:20px}.modal-text button i{margin-left:10px}.modal-text button.close-modal{border-radius:50%;font-size:20px;height:50px;padding:0;position:absolute;right:10px;text-align:center;top:10px;width:50px}.modal-text button.close-modal i{margin:0}.professional-modal-content .button{gap:1rem}@media (max-width:600px){.professional-modal{min-height:100vh}.professional-modal,.professional-modal-content{align-items:center;display:flex;justify-content:center}.professional-modal-content{box-sizing:border-box;flex-direction:column;left:auto!important;margin:auto;max-width:98vw;right:auto!important;text-align:center;width:100vw}.modal-flex{align-items:center;flex-direction:column;justify-content:center}.modal-img{margin:0 auto 12px}.modal-text{align-items:center;justify-content:center;text-align:center}}@media (max-width:1024px){.Portfolio .content.grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:15px 0}.Portfolio .container{max-width:98vw;padding:0 10px}}@media (max-width:768px){.Portfolio .content.grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:10px 0}.Portfolio .container{max-width:100vw;padding:0 5px}.Portfolio .heading h1{font-size:2rem}}@media (max-width:480px){.Portfolio .content.grid{gap:10px;grid-template-columns:1fr;padding:5px 0}.Portfolio .container{padding:0 2px}.Portfolio .heading h1{font-size:1.3rem}.Portfolio .box{margin:0 auto 18px;max-width:320px}}.Portfolio .heading h4{color:gray}.box{background:#fff;background:var(--card-bg,#fff);transition:background .3s}body.light-mode .box{--card-bg:#fff;color:#22223b}body:not(.light-mode) .box{--card-bg:#23272f;color:#f8fafc}body:not(.light-mode) .box,body:not(.light-mode) .box h2,body:not(.light-mode) .box label,body:not(.light-mode) .box p,body:not(.light-mode) .box span,body:not(.light-mode) .professional-modal-content,body:not(.light-mode) .professional-modal-content .modal-text,body:not(.light-mode) .professional-modal-content h1,body:not(.light-mode) .professional-modal-content p{color:#f8fafc!important}.mode-indicator{background:#e0e7ef;border-radius:1em;color:#2563eb;display:inline-block;font-size:.95rem;font-weight:500;margin-bottom:.7em;padding:.3em 1em}body:not(.light-mode) .mode-indicator{background:#23272f;border:1px solid #32cd32;color:#32cd32}.professional-modal{align-items:center;display:flex;justify-content:center;min-height:100vh}.professional-modal-content{margin:0}.Resume .heading h1{font-size:40px}.Resume .content{margin:auto;max-width:85%}.Resume .box{padding:40px}.Resume hr{background-color:#e3e9ed;border:1px solid #e3e9ed;margin:30px 0}.Resume .rate .btn_shadow{color:blue;font-weight:700;padding:15px 30px;transition:.5s}.Resume p{font-size:18px;transition:.5s}.Resume .box{background:#000;margin-bottom:40px;position:relative}.Resume .btn_shadow:hover{transform:translate(0)}.Resume .box:hover .btn_shadow{background:blue;box-shadow:none;color:#fff}.Resume .box:hover{background:linear-gradient(#000,gray)}.Resume .box:hover p{color:#fff}.Resume .content-section,.Resume .left{position:relative}.Resume .left:after{height:100%;left:0;top:0;width:5px}.Resume .box:after,.Resume .left:after{background:#d9dee2;content:"";position:absolute;z-index:-1}.Resume .box:after{height:5px;left:-8%;top:50%;transform:translateY(-50%);width:50px}.Resume .box:before{background:#fff;border:5px solid #d9dee2;border-radius:50%;content:"";height:10px;left:-10%;position:absolute;top:50%;transform:translateY(-50%);transition:background .5s ease;width:10px;z-index:0}.Resume .box:hover:before{background:#adff2f}.year-icon-row{align-items:center;display:flex;gap:15px}@media (max-width:768px){.Resume .d_flex{flex-direction:column}.Resume .left:after{height:90%;top:10%}}.Skill{height:100%;margin-bottom:50px}.sub-title span{color:#a000e7}.container1{height:100%;margin-left:10px;padding:75px 0;width:500px}.heading1{margin-bottom:50px;text-align:center;text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:10px}body{align-items:center;background-color:#f9f9f9;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh}.call-to-action{text-align:center}.call-to-action h2{color:orange;font-size:2rem;margin-bottom:1rem}#resume-button{background:#0000;border:2px dashed #a000e7;border-radius:5px;color:#a000e7;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}#resume-button:hover{background-color:#adff2f;color:#000;transform:scale(1.05)}.bar{font-size:23px}.Technical-bars .bar{margin:40px 0}.Technical-bars .bar:first-child{margin-top:0}.Technical-bars .bar:last-child{margin-bottom:0}.Technical-bars .bar .info{margin-bottom:5px}.Technical-bars .bar .info span{animation:showText .5s linear 1s forwards;font-size:17px;font-weight:500;opacity:0}.Technical-bars .bar .progress-line{animation:animate .2s cubic-bezier(1,0,.5,1) forwards;background-color:#fff;border-radius:10px;height:10px;position:relative;transform:scaleX(0);transform-origin:left;width:100%}@keyframes animate{to{transform:scaleX(1)}}.Technical-bars .bar .progress-line span{animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards;background-color:orange;border-radius:10px;height:100%;position:absolute;transform:scaleX(0);transform-origin:left}.progress-line.html span{width:50%}.progress-line.arduino span{width:90%}.progress-line.raspberrypi span{width:65%}.progress-line.solidworks span{width:60%}.progress-line.altium span{width:70%}.progress-line.matlab span{width:30%}.progress-line.c span{width:85%}.progress-line.python span{width:80%}.progress-line span:after{animation:showText .5s linear 1.5s forwards;border-radius:3px;color:#fff;font-size:12px;opacity:0;padding:1px 8px;position:absolute;right:0;top:-28px}.progress-line.arduino span:after{content:"90%"}.progress-line.raspberrypi span:after{content:"65%"}.progress-line.solidworks span:after{content:"60%"}.progress-line.altium span:after{content:"70%"}.progress-line.matlab span:after{content:"30%"}.progress-line.c span:after{content:"85%"}.progress-line.python span:after{content:"80%"}.progress-line span:before{animation:showText .5s linear 1.5s forwards;border-color:#000 #0000 #0000;border-style:solid;border-width:7px 0 0 7px;content:"";height:0;opacity:0;position:absolute;right:0;top:-10px;width:0}@keyframes showText{to{opacity:1}}.radial-bars{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.radial-bars .radial-bar{height:170px;margin-bottom:10px;position:relative;width:50%}.radial-bars .radial-bar svg{height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:120px}.radial-bars .radial-bar .progress-bar{stroke-width:15;stroke:#fff;fill:#0000;stroke-dasharray:502;stroke-dashoffset:502;stroke-linecap:round;animation:animate-bar 1s linear forwards}@keyframes animate-bar{to{stroke-dashoffset:-1}}.path{stroke-width:15;stroke:orange;fill:#0000;stroke-dasharray:502;stroke-dashoffset:502;stroke-linecap:round}.path-1{animation:animate-path1 1s linear 1s forwards}.path-2{animation:animate-path2 1s linear 1s forwards}.path-3{animation:animate-path3 1s linear 1s forwards}.path-4{animation:animate-path4 1s linear 1s forwards}@keyframes animate-path1{to{stroke-dashoffset:50}}@keyframes animate-path2{to{stroke-dashoffset:175}}@keyframes animate-path3{to{stroke-dashoffset:125}}@keyframes animate-path4{to{stroke-dashoffset:75}}.radial-bar .percentage{top:50%;transform:translate(-50%,-50%)}.radial-bar .percentage,.text{animation:showText .5s linear 1s forwards;font-size:17px;font-weight:500;left:50%;opacity:0;position:absolute}.text{bottom:-5px;text-align:center;transform:translateX(-50%);width:100%}@media (max-width:768px){.container1{width:200px}.radial-bars .radial-bar svg{height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:80px}.heading1{text-decoration-thickness:2px;text-underline-offset:5px}.bar{font-size:13px}}.modal-blog.modal,.modal-blog.overlay{overflow:scroll}.modal-blog.modal .modal-content{left:0;margin:auto auto 10%;max-width:70%;position:relative;top:10%}.modal-blog .modal-content .left,.modal-blog .modal-content .right{margin-top:30px;padding:0;width:100%}.blog_contact .left,.blog_contact .right{margin:0 25px 0 0}@media (max-width:768px){.modal-blog.modal .modal-content{margin-bottom:20%;max-width:90%}}.Contact{padding:50px 0}.Contact .left{padding-right:20px;width:36%}.Contact .right{padding:35px;width:60%}.Contact img{border-radius:10px;height:auto;width:100%}.Contact .box{border-radius:10px;box-shadow:0 0 20px #0000001a;padding:30px}.Contact .details h1{color:#fff;font-size:35px;font-weight:600;margin:20px 0}.Contact .details p{color:#fff;font-size:17px}.Contact .button{margin-top:20px}.Contact button{background-color:#f1f1f1;border:1px solid #0000;border-radius:5px;color:#555;cursor:pointer;font-size:14px;margin-right:20px;padding:10px 15px;transition:all .3s ease}.Contact button:hover{background-color:#007bff;border-color:#007bff;color:#fff}.Contact .right form{display:flex;flex-direction:column}.Contact .right input,.Contact .right textarea{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-top:10px;outline:none;padding:12px;transition:border .3s ease}.Contact .right input:focus,.Contact .right textarea:focus{border-color:#adff2f}.Contact .right button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:30px;padding:20px;width:100%}.Contact .right button:hover{background-color:#adff2f;color:#000}.Contact .right button i{margin-left:10px}.Contact .input span{color:#666;font-size:13px}@media (max-width:768px){.Contact .d_flex{align-items:center;flex-direction:column}.Contact .left,.Contact .right{margin-top:50px;width:100%}.Contact .left{padding-right:0}.Contact .box{padding:20px}.Contact .details h1{font-size:30px}.Contact .details p{font-size:16px}.Contact .right form{padding:20px;width:100%}.Contact .right input,.Contact .right textarea{font-size:16px;padding:10px}.Contact .right button{font-size:18px;padding:15px}}.light-mode .Contact .details h1,.light-mode .Contact .details p,.light-mode .Contact .right button,.light-mode .Contact .right input,.light-mode .Contact .right textarea{color:#000}.light-mode .Contact .right input,.light-mode .Contact .right textarea{background-color:#fff;border:1px solid #ccc}.light-mode .Contact .right input:focus,.light-mode .Contact .right textarea:focus{border-color:#007bff}.light-mode .Contact .right button{background-color:#007bff;color:#fff}.light-mode .Contact .right button:hover{background-color:#0056b3}.blog-root{background:#0000;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Arial,sans-serif;min-height:100vh;position:relative;transition:background .3s}.blog-root:before{animation:bgFade 8s ease-in-out infinite alternate;background:radial-gradient(ellipse at 60% 20%,#00bcd41a 0,#0000 60%),radial-gradient(ellipse at 20% 80%,#32cd321a 0,#0000 70%);content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}@keyframes bgFade{0%{filter:blur(0);opacity:.7}to{filter:blur(2px);opacity:1}}.blog-root>*{position:relative;z-index:1}.blog-root.light-mode{background:#0000}.blog-page.top{margin-top:80px}.blog-header{background:#0000;padding:0}.blog-header .heading{margin:50px 0 30px;position:relative}.blog-header .heading:after{border-radius:2px;content:"";display:block;height:4px;margin:24px auto 0;opacity:.15;width:80px}.blog-header .heading:after,.blog-title{background:linear-gradient(90deg,#32cd32,#00bcd4)}.blog-title{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:fadeInDown .8s cubic-bezier(.23,1,.32,1);-webkit-background-clip:text;background-clip:text;color:inherit;font-size:60px;font-weight:700;letter-spacing:1px;margin:20px 0 10px;transition:color .3s}.blog-subtitle{color:#32cd32;font-size:1.2rem;font-weight:400;letter-spacing:2px;margin-bottom:0;transition:color .3s}.blog-root.light-mode .blog-subtitle{color:#007bff}.blog-main,.blog-page{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:0 0 3rem}.blog-container,.blog-page .container{margin:0 auto;max-width:1100px;width:100%}.blog-list{grid-gap:35px;display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0}.blog-list .box{animation:fadeInUp .8s cubic-bezier(.23,1,.32,1) forwards;background:#302e2e;box-shadow:0 4px 32px #2c3e501a,0 1.5px 8px #00bcd414;color:#232b39;display:flex;flex-direction:column;margin:0 auto 18px;max-width:320px;min-height:420px;opacity:0;transition:box-shadow .3s,transform .3s,opacity .5s,background .4s,color .4s}.blog-list .box:hover{background:linear-gradient(135deg,#000,#32cd32);color:#fff}.blog-list .box .img{align-items:center;background:linear-gradient(135deg,#e0e7ef,#f8fafc);border-radius:10px 10px 0 0;display:flex;height:200px;justify-content:center;margin-bottom:32px;overflow:hidden;width:100%}.blog-list .box .img img{border-radius:10px 10px 0 0;box-shadow:0 2px 8px #2c3e5014;height:100%;object-fit:cover;transition:transform .5s;width:100%}.blog-list .box .img:hover img{transform:scale(1.08)}.blog-list .box .category{color:#00bcd4;font-size:14px;font-weight:500;letter-spacing:2px;margin-bottom:24px}.blog-list .box .title h2{color:#232b39;font-size:22px;font-weight:700;margin-bottom:.5rem;transition:color .2s}.blog-list .box:hover .title h2{color:#00bcd4}.blog-list .box .title{align-items:center;display:flex;justify-content:space-between}.cyan-arrow{color:cyan!important;font-size:1.3rem;margin-left:10px;transition:color .2s}.cyan-arrow:hover{color:#00bcd4!important}@media (max-width:1024px){.blog-list{grid-gap:20px;grid-template-columns:repeat(2,1fr);padding:15px 0}.blog-title{font-size:40px}}@media (max-width:600px){.blog-header .heading{margin:30px 0 15px}.blog-title{font-size:2rem}.blog-main,.blog-page{padding:0 0 2rem}.blog-list{gap:1.2rem;grid-template-columns:1fr;padding:10px 0}.blog-list .box{max-width:320px;min-height:340px;min-width:180px}.blog-list .box .img{height:140px;margin-bottom:22px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.blog-footer{box-shadow:none;font-size:1rem;letter-spacing:.5px;padding:1.5rem 0 1rem;text-align:center;transition:color .3s}.blog-footer,.blog-root.light-mode .blog-footer{background:#0000;color:inherit}.modal-content .close-modal{position:absolute;right:20px;top:20px;z-index:10}.modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.overlay{background-color:#000}.professional-modal .overlay{background:#0009}.professional-modal-content{animation:fadeInUp .5s cubic-bezier(.23,1,.32,1);background:#fff;background:var(--modal-bg,#fff);border-radius:18px;box-shadow:0 8px 40px #2c3e502e;color:#22223b;color:var(--modal-text,#22223b);display:flex;flex-direction:column;margin:5vh auto;margin-top:0!important;max-width:540px;padding:2.5rem 2rem 2rem;position:relative;transition:background .3s,color .3s;width:95vw}body.light-mode .professional-modal-content{--modal-bg:#fff;--modal-text:#22223b}body:not(.light-mode) .professional-modal-content{--modal-bg:#23272f;--modal-text:#f8fafc}.modal-flex{align-items:flex-start;display:flex;flex-direction:row;gap:2rem}.modal-img{align-items:center;background:#f8fafc;border-radius:12px;box-shadow:0 2px 12px #2c3e501a;display:flex;flex:0 0 200px;justify-content:center;max-height:200px;max-width:200px;overflow:hidden}.modal-img img{border-radius:12px;height:auto;object-fit:cover;width:100%}.modal-text{color:#22223b;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0}.modal-category{color:#32cd32;font-size:.95rem;font-weight:500;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.professional-modal-content h1{color:#22223b;font-size:1.5rem;margin:0 0 .7rem}.professional-modal-content p{color:#374151;font-size:1.08rem;line-height:1.6;margin-bottom:1.2rem}.close-modal{align-items:center;background:#f8fafc;border-radius:50%;box-shadow:0 2px 8px #2c3e501a;color:#22223b;display:flex;font-size:1.2rem;height:38px;justify-content:center;position:absolute;right:18px;top:18px;transition:background .2s,color .2s;width:38px;z-index:2}.close-modal:hover{background:#32cd32;color:#fff}@media (max-width:600px){.professional-modal{align-items:center;display:flex;justify-content:center;min-height:100vh}.professional-modal-content{box-sizing:border-box;display:flex;left:auto!important;margin:auto;margin-top:0!important;max-height:90vh;max-width:98vw;right:auto!important;text-align:center;width:100vw}.modal-flex,.professional-modal-content{align-items:center;flex-direction:column;height:auto;justify-content:center;overflow-y:auto}.modal-flex{max-height:80vh}.modal-img{margin:0 auto 12px}.modal-text{align-items:center;justify-content:center;text-align:center}}.blog-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.featured-blog-card{display:flex;flex-direction:column;height:370px;justify-content:flex-start;margin:0 auto;overflow:hidden;width:320px}.featured-blog-card .box{display:flex;flex-direction:column;height:100%}.featured-blog-card .img{align-items:center;background:linear-gradient(135deg,#e0e7ef,#f8fafc);border-radius:10px 10px 0 0;display:flex;height:180px;justify-content:center;margin-bottom:24px;max-height:180px;min-height:180px;overflow:hidden;width:100%}.featured-blog-card .img img{border-radius:10px 10px 0 0;box-shadow:0 2px 8px #2c3e5014;height:100%;object-fit:cover;transition:transform .5s;width:100%}@media (max-width:600px){.featured-blog-card{height:340px;max-width:98vw;width:98vw}.featured-blog-card .img{height:120px;margin-bottom:16px;max-height:120px;min-height:120px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#000;color:#fff;font-family:Poppins,sans-serif;transition:background .3s ease,color .3s ease}body.light-mode{background-color:#fff;color:#000}.container{margin:auto;max-width:90%}.d_flex{justify-content:space-between}.d_flex,.f_flex{display:flex}a{color:#32cd32;text-decoration:none}body.light-mode a{color:#007bff}li{list-style:none}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}button{background-color:initial;border:none;cursor:pointer;outline:none}.btn_shadow{background:linear-gradient(145deg,#1f1f1f,#2b2b2b);border-radius:6px;box-shadow:4px 4px 8px #0d0d0d,-4px -4px 8px #363636;color:#fff;cursor:pointer;padding:18px 25px;transition:all .3s ease}.btn_shadow:hover{background:#32cd32;color:#fff;transform:translateY(-10px)}body.light-mode .btn_shadow{background:linear-gradient(145deg,#e0e0e0,#f0f0f0);box-shadow:4px 4px 8px #c9c9c9,-4px -4px 8px #fff;color:#000}body.light-mode .btn_shadow:hover{background:#007bff;color:#fff}.box_shadow{background:linear-gradient(145deg,#1f1f1f,#2b2b2b);border-radius:10px;box-shadow:4px 4px 8px #0d0d0d,-4px -4px 8px #363636;padding:20px}body.light-mode .box_shadow{background:linear-gradient(145deg,#e0e0e0,#f0f0f0);box-shadow:4px 4px 8px #c9c9c9,-4px -4px 8px #fff}.left,.right,.row{width:50%}.top{margin-top:80px}.mtop{margin-top:40px}.heading{margin:50px 0;text-align:center}.heading h4{color:#32cd32;font-weight:400;letter-spacing:2px}.heading h1{color:inherit;font-size:60px;font-weight:600;margin:20px 0}.grid{grid-gap:35px;display:grid;grid-template-columns:repeat(3,1fr)}p{color:inherit;line-height:1.6}.text-center{text-align:center}.primary_color{color:#32cd32}input,textarea{background-color:#000;border:3px solid #363636;border-radius:8px;color:#fff;font-size:16px;margin-bottom:20px;outline:none;padding:15px;width:100%}input:focus,textarea:focus{border-color:#32cd32}body.light-mode input,body.light-mode textarea{background-color:#fff;border:3px solid #e0e0e0;color:#000}body.light-mode input:focus,body.light-mode textarea:focus{border-color:#007bff}footer{background-color:#1f1f1f;margin:60px 0;padding:20px 0;text-align:center}footer p{font-size:14px;margin-top:10px}footer a{font-weight:500}body.light-mode footer{background-color:#f0f0f0}body.light-mode footer p{color:#000}body.light-mode footer a{color:#007bff}.btn-ripple{overflow:hidden;position:relative}.btn-ripple .ripple{animation:ripple-effect .6s linear;background:#32cd3240;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0);z-index:2}@keyframes ripple-effect{to{opacity:0;transform:scale(4)}}.card-lift{transition:box-shadow .3s,transform .3s}.card-lift:hover{box-shadow:0 12px 40px #2c3e502e,0 4px 24px #00bcd41a;transform:translateY(-8px) scale(1.03)}@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr)}.left,.right{width:100%}.heading h1{font-size:40px}.btn_shadow{padding:15px 20px}.box_shadow{padding:20px}input,textarea{padding:12px}}@media (max-width:480px){.grid{grid-template-columns:1fr}.heading h1{font-size:30px}.btn_shadow{padding:12px 18px}}
/*# sourceMappingURL=main.bb021d38.css.map*/