@import "https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}a{color:#fff;text-decoration:none;transition:all .3s}ul{list-style:none}img{max-width:100%}body{background-color:#202020;font-family:Lexend,sans-serif;font-size:16px;line-height:24px}.container{width:1170px;margin:auto}.header-area{padding:25px 0;transition:padding .3s}.header-area.sticky{z-index:99;background-color:#202020;width:100%;padding:5px;position:fixed;top:0;left:0}.header{justify-content:space-between;align-items:center;display:flex}.logo{text-transform:uppercase;align-items:center;font-size:26px;font-weight:700;display:flex;position:relative}.logo .fa-bolt{color:#fed700;z-index:1;font-size:19.5px;position:absolute;top:60%;left:100%;transform:translate(-50%,-50%)}.signature{width:100px;height:auto;margin-right:10px}.header ul li:first-child{margin-right:auto}.header ul{align-items:center;display:flex}.header ul li{margin:0 15px}.header ul li a{text-transform:capitalize;display:block}.header ul li a.active,.header ul li a:hover{color:#fed700}.header .menu_icon{color:#fff;cursor:pointer;font-size:18px;display:none}.experience .title{color:#fed700}.FirstElement{justify-content:space-around;align-items:center;padding-top:5rem;display:flex}.FirstElement.adjusted-padding{padding-top:40px}.FirstElement .profile-photo{border:15px solid #444;border-radius:50%;width:300px;height:300px;overflow:hidden;box-shadow:5px 7px 25px #00000080}profile-photo .img{width:100%;height:100%;transition:all .5s}.FirstElement .profile-photo img:hover{transform:scale(1.2)}.profile-text{flex-direction:column;max-width:750px;display:flex}.profile-text h5{color:#e5e5e5;font-size:14px}.profile-text h1{color:#fed700;font-size:3rem}.profile-text p{color:#e5e5e5}.profile-text .social i{color:#e5e5e5;margin-right:10px;font-size:18px;transition:all .5s}.profile-text .social i:hover{color:#fed700;transform:rotate(360deg)}@media (width<=750px){.name{font-size:40px!important}}.about-area{background-color:#202020;padding-top:130px}.about{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.about-content{flex-basis:60%}.about-content h4{color:#fed700;text-transform:capitalize;font-size:40px;line-height:70px}.about-content ul{color:#fff;text-align:justify}.about-content ul li{margin-bottom:10px;list-style-type:disc}.about-skills{flex-basis:35%}.about-skills ul li{color:#fff;border-bottom:1px dashed #ddd;margin-bottom:10px;padding-bottom:10px;font-size:18px}.about-skills ul li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.btn-group{margin:45px 0}.btn-group .btn{color:#fff;background-color:#333;border:2px solid #e5e5e5;border-radius:30px;margin:5px 7px 5px 0;padding:12px 25px;box-shadow:0 10px 10px -8px #000000c7}.btn.active{border-color:#fed700}.education-content .row{border-radius:5px;height:400px;margin-bottom:250px;display:flex}.education-content .title{color:#fed700}.education-content .row .education,.education-content .row .internship{color:#e5e5e5;flex:0 0 50%;max-width:50%;margin-top:30px}.education-content h3.title{margin-bottom:30px;font-size:24px;font-weight:700}.education-content .row.timeline-box{flex:0 0 100%;max-width:100%}.education-content .row .timeline{border:1px solid #e5e5e5;border-radius:10px;width:100%;padding:30px 15px;position:relative}.education-content .row .timeline-item{padding-bottom:50px;padding-left:37px;position:relative}.education-content .row .internship .timeline-item{padding-bottom:30px;padding-left:37px;position:relative}.education-content .row .timeline-item:last-child{padding-bottom:0}.education-content .row .timeline-item:before{content:"";background-color:#fed700;width:1px;height:100%;position:absolute;top:0;left:7px}.education-content .row .circle-dot{background-color:#e5e5e5;border-radius:50%;width:15px;height:15px;position:absolute;top:0;left:0}.education-content .row .timeline-title{margin-bottom:12px;font-size:18px;font-weight:700}.education-content .row .internship .timeline-title{margin-bottom:8px;font-size:18px;font-weight:700}.education-content .row .timeline-text{text-align:justify;font-size:16px;line-height:25px}.contact-content{color:#fff;text-align:center;padding:100px 0}.contact-content .contact-title h4{text-transform:capitalize;color:#fed700;padding-bottom:10px;font-size:40px}.contact-content .contact-title p{padding-bottom:20px}.contact{max-width:700px;margin:auto}.contact input,.contact textarea{border:0;width:100%;margin-bottom:10px;padding:15px}.contact .submit{background-color:#fed700;width:auto;padding:10px 40px;font-size:18px;font-weight:700}.contact .submit:hover{cursor:pointer;transform:scale(1.1)}#msg{color:#fff;margin-top:-8px;font-size:20px;display:block}.footer{color:#fff6;text-align:center;border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;max-width:950px;margin:0 auto;padding:15px 0 26px;display:flex}.footer .message{color:#fff6;margin-bottom:10px;font-size:12px}.copyright{font-size:12px}.projects.modern{flex-wrap:wrap;gap:30px;display:flex}.project-card{background:#0d0d1a;border:1px solid #2a2a40;border-radius:15px;flex:30%;transition:all .4s;overflow:hidden;box-shadow:0 0 20px #8000ff33}.project-img img{object-fit:cover;width:100%;height:180px}.project-body{color:#fff;padding:20px}.project-body h4{margin-bottom:10px;font-size:22px}.project-body p{color:#ccc;margin-bottom:15px;font-size:14px}.project-btns{justify-content:space-between;display:flex}.project-btns .btn{background:#6c3bbf;border:none;padding:8px 15px;font-size:14px}.project-btns .btn:hover{background:#8a4dff}.skills-section{text-align:center}.tools-section{text-align:center;margin-top:40px}.skills-section h3,.tools-section h3{margin-bottom:40px;font-size:32px;font-weight:600}.skills-section span,.tools-section span{color:#c770f0}.skills-title{color:gold;margin-top:20px}.skills-grid{grid-template-columns:repeat(5,140px);justify-content:center;gap:25px;display:grid}.skill-card{background:#ffffff05;border:1px solid #c770f0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:140px;height:120px;transition:all .3s;display:flex}.skill-card .icon{color:#c770f0;font-size:32px}.skill-card span{color:#fff;font-size:15px}.about-intro{padding:80px 0}.about-intro ul li{color:#ccc;margin-bottom:15px;line-height:1.7}@media only screen and (width>=1000px) and (width<=1200px){.container{width:970px}}@media (width<=1050px){.FirstElement{flex-direction:column;padding-top:2rem}.profile-text{padding:40px 0}}@media only screen and (width>=768px) and (width<=999px){.container{width:750px}}@media only screen and (width<=767px){.container{width:350px}.header .menu_icon{display:block}.header ul{display:none}.header i{color:#e5e5e5}.profile-text{width:350px}.FirstElement .profile-text p{text-align:justify}.about{flex-direction:column;flex-basis:100%;margin-bottom:30px}.about-skills{width:100%;margin-top:30px}.education-content .row{flex-direction:column;height:auto;margin-bottom:50px}.education-content .row .education,.education-content .row .internship{flex-basis:100%;max-width:100%;margin-top:30px}.project{flex-basis:100%;margin-bottom:30px}}.skills-grid{grid-template-columns:repeat(5,140px);justify-content:center;gap:25px;margin-top:30px;display:grid}.skill-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#ffffff05;border:1px solid #c770f0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:140px;height:120px;transition:all .4s;animation:.6s forwards fadeUp;display:flex;transform:translateY(30px)}.skill-card:first-child{animation-delay:.1s}.skill-card:nth-child(2){animation-delay:.2s}.skill-card:nth-child(3){animation-delay:.3s}.skill-card:nth-child(4){animation-delay:.4s}.skill-card:nth-child(5){animation-delay:.5s}.skill-card:nth-child(6){animation-delay:.6s}.skill-card:nth-child(7){animation-delay:.7s}.skill-card:nth-child(8){animation-delay:.8s}.skill-card .icon{color:#c770f0;font-size:32px;transition:all .3s}.skill-card span{color:#fff;font-size:15px;transition:all .3s}.skill-card:hover{background:linear-gradient(135deg,#c770f0,#6a5af9);transform:translateY(-10px)scale(1.05);box-shadow:0 15px 30px #c770f080}.skill-card:hover .icon,.skill-card:hover span{color:#000}.about-intro{padding:80px 0;animation:.8s fadeUp}.about-intro h2{color:gold;margin-bottom:20px;font-size:42px}.about-intro h2 span{color:#c770f0}.about-intro ul{max-width:900px}.about-intro ul li{color:#ccc;margin-bottom:15px;line-height:1.8;transition:all .3s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (width<=992px){.skills-grid{grid-template-columns:repeat(3,120px)}}@media (width<=600px){.skills-grid{grid-template-columns:repeat(3,120px);gap:10px}.skill-card{width:100px;height:80px}.about-intro h2{font-size:30px}.about-intro ul li{font-size:14px}}html{scroll-behavior:smooth}.header-area{transition:all .3s}.profile-photo img{transition:transform .5s}.profile-photo img:hover{transform:scale(1.15)}.btn{transition:all .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #fed70066}.social i{transition:all .4s}.social i:hover{color:#fed700;transform:rotate(360deg)scale(1.2)}.skill-card{transition:all .4s;position:relative;overflow:hidden}.skill-card:before{content:"";background:linear-gradient(120deg,#0000,#c770f0,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-100%;left:-100%;transform:rotate(25deg)}.skill-card:hover:before{top:100%;left:100%}.skill-card:hover{transform:translateY(-10px)scale(1.05);box-shadow:0 15px 35px #c770f099}.project-card{transition:all .4s}.project-img img{transition:all .5s}.about-intro ul li{transition:all .3s}.about-intro ul li:hover{color:#fff;transform:translate(8px)}.contact input,.contact textarea{transition:all .3s}.contact input:focus,.contact textarea:focus{outline:none;box-shadow:0 0 10px #fed700}.footer{animation:1.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cursor{pointer-events:none;z-index:999;border:2px solid #c770f0;border-radius:50%;width:20px;height:20px;transition:all .1s;position:fixed;transform:translate(-50%,-50%)}.loader{z-index:9999;background:#202020;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed}.spinner{border:5px solid #444;border-top-color:#c770f0;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.project-card{position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(120deg,#0000,#fff3,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-100%;left:-100%;transform:rotate(25deg)}.project-card:hover:before{top:100%;left:100%}.header ul li a{position:relative}.header ul li a:after{content:"";background:#fed700;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:0}.header ul li a:hover:after,.header ul li a.active:after{width:100%}.btn.active{animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #fed70080}70%{box-shadow:0 0 0 15px #fed70000}to{box-shadow:0 0 #fed70000}}.skill-card .icon{animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.scroll-bar{z-index:9999;background:linear-gradient(90deg,#fed700,#c770f0);width:0%;height:4px;position:fixed;top:0;left:0}.FirstElement{background:url(/files/bg.png) 50%/cover no-repeat fixed}.typing-text{color:#c770f0;margin:10px 0;font-size:20px}.typed-cursor{color:#fed700;font-weight:700;animation:.7s infinite blink}@keyframes blink{50%{opacity:0}}.contact-modern{text-align:center;padding:40px 0}.contact-title{color:#fed700;font-size:42px}.contact-title span{color:#c770f0}.contact-sub{color:#ccc;margin-bottom:30px;padding-top:10px}.contact-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:15px;max-width:600px;margin:auto;padding:30px;animation:.8s fadeUp;box-shadow:0 0 20px #c770f033}.input-box{background:#2a2a2a;border-radius:8px;align-items:center;margin-bottom:15px;padding:12px;transition:all .3s;display:flex}.input-box svg{color:#c770f0;margin-right:10px}.input-box input,.input-box textarea{color:#fff;background:0 0;border:none;outline:none;width:100%}.textarea textarea{resize:none;height:100px}.input-box:hover{box-shadow:0 0 10px #c770f0}.contact-btn{background:linear-gradient(135deg,#fed700,#c770f0);border:none;border-radius:30px;margin-top:10px;padding:12px 30px;font-weight:700;transition:all .3s}.contact-btn:hover{transform:scale(1.05);box-shadow:0 10px 25px #fed70080}.education-content{padding:100px 0}.education-content .title{color:#fed700;margin-bottom:30px;font-size:30px}.timeline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;padding:40px;transition:all .3s;position:relative}.timeline:before{content:"";background:linear-gradient(#fed700,#c770f0);border-radius:10px;width:3px;height:calc(100% - 40px);position:absolute;top:20px;left:10px}.timeline-item{margin-bottom:40px;padding-left:50px;transition:all .3s;position:relative}.timeline-item:last-child{margin-bottom:0}.circle-dot{background:#fff;border:3px solid #fed700;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;top:5px;left:-2px}.timeline-item:hover .circle-dot{border-color:#c770f0;transform:scale(1.2)}.timeline-title{color:#fff;margin-bottom:10px;font-size:18px;line-height:1.5}.timeline-text{color:#ccc;line-height:1.6}.timeline-title i{margin-right:6px}.timeline-item:hover{transform:translate(8px)}.timeline-item:nth-child(4){animation-delay:.8s}@media (width<=768px){.timeline{padding:25px}.timeline-item{padding-left:40px}.timeline-title{font-size:16px}}.timeline:before{content:"";background:linear-gradient(#fed700,#c770f0);width:3px;height:0;animation:1.5s forwards growLine;position:absolute;top:0;left:10px}@keyframes growLine{to{height:100%}}.circle-dot{background:#fff;border:3px solid #fed700;border-radius:50%;width:12px;height:12px;animation:2s infinite pulseDot;position:absolute;left:-2px}@keyframes pulseDot{0%{box-shadow:0 0 #fed700}50%{box-shadow:0 0 12px #fed700}to{box-shadow:0 0 #fed700}}.timeline{transition:all .4s}.timeline:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 20px 50px #c770f040}.timeline-item:hover .timeline-title{color:#c770f0}.timeline-item:hover .timeline-text{color:#fff}.timeline-item{opacity:0;animation:.6s forwards slideIn;transform:translate(-30px)}.timeline-item:first-child{animation-delay:.2s}.timeline-item:nth-child(2){animation-delay:.4s}.timeline-item:nth-child(3){animation-delay:.6s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.project-content{text-align:center;padding:100px 0}.project-title h4{color:#fed700;font-size:42px}.project-title p{color:#ccc;margin-top:10px;margin-bottom:50px}.projects{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:25px;transition:all .4s;animation:.6s forwards fadeUp;position:relative;overflow:hidden;transform:translateY(40px)}.project-card:first-child{animation-delay:.2s}.project-card:nth-child(2){animation-delay:.4s}.project-card:nth-child(3){animation-delay:.6s}.project-card:after{content:"";opacity:0;background:linear-gradient(135deg,#0000,#c770f033);border-radius:20px;transition:all .4s;position:absolute;inset:0}.project-card:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 0 30px #c770f0,0 0 60px #c770f04d}.project-card:hover:after{opacity:1}.project-img img{border-radius:10px;width:100%;margin-bottom:15px;transition:all .5s}.project-card:hover img{transform:scale(1.1)}.project-card h4{margin-bottom:10px;font-size:22px}.project-card p{color:#ccc;margin-bottom:20px;font-size:14px}.project-btns{justify-content:space-between;gap:10px;display:flex}.project-btns .btn{background:#6c3bbf;border-radius:8px;flex:1;padding:8px 10px;font-size:13px;transition:all .3s}.project-btns .btn:hover{background:#c770f0;transform:scale(1.05)}@media (width<=992px){.projects{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects{grid-template-columns:1fr}.project-title h4{font-size:30px}.project-title p{margin-top:10px}}#about{margin-top:80px}.about-flex{justify-content:space-between;align-items:center;gap:60px;margin-bottom:100px;display:flex}.about-left h2{color:#fed700;margin-bottom:20px;font-size:45px}.about-left span{color:#c770f0}.about-left p{color:#ccc;margin-bottom:15px;line-height:1.8;transition:all .3s}.about-left p:hover{color:#fff;transform:translate(6px)}.about-right{flex:1;justify-content:center;display:flex}.about-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:15px;width:280px;padding:30px;animation:4s ease-in-out infinite floatCard;display:flex;box-shadow:0 20px 50px #c770f066}.about-badge{color:#000;text-align:center;background:linear-gradient(135deg,#c770f0,#6a5af9);border-radius:10px;padding:10px;font-weight:600;transition:all .3s}.about-badge:hover{transform:scale(1.05);box-shadow:0 10px 20px #c770f080}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.about-right:before{content:"";z-index:-1;background:radial-gradient(circle,#c770f04d,#0000);width:300px;height:300px;position:absolute}@media (width<=768px){.about-flex{text-align:center;flex-direction:column}}.edu-exp-section{background:inherit;padding:80px 0}.section-title{text-align:center;color:gold;margin-bottom:60px;font-size:32px;font-weight:700}.timeline-container{max-width:1100px;margin:auto;position:relative}.timeline-container:after{content:"";background:linear-gradient(gold,#c770f0);border-radius:10px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item .content{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .3s}.timeline-item .content:hover{transform:translateY(-6px);box-shadow:0 0 20px #c770f04d}.timeline-item:after{content:"";z-index:1;background:gold;border-radius:50%;width:14px;height:14px;position:absolute;top:30px;box-shadow:0 0 10px gold}.timeline-item.left:after{right:-7px}.timeline-item.right:after{left:-7px}.timeline-item h3{color:#fff;font-size:18px;font-weight:600}.timeline-item p{color:#c770f0;margin:5px 0;font-size:14px}.timeline-item span{color:#aaa;font-size:13px}@media (width<=768px){.timeline-container:after{left:20px}.timeline-item{text-align:left;width:100%;padding-left:60px;padding-right:20px}.timeline-item.right{left:0}.timeline-item:after{left:10px}}.experience-modern{padding:20px 0}.exp-list{margin-left:30px;position:relative}.exp-list:before{content:"";background:linear-gradient(gold,#c770f0);width:3px;height:100%;position:absolute;top:0;left:-15px}.exp-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:30px;padding:20px;transition:all .3s;position:relative}.exp-card:before{content:"";background:gold;width:30px;height:2px;position:absolute;top:30px;left:-35px}.exp-card:after{content:"";background:gold;border-radius:50%;width:12px;height:12px;position:absolute;top:25px;left:-42px;box-shadow:0 0 10px gold}.exp-card:hover{transform:translate(8px);box-shadow:0 0 20px #c770f04d}.exp-card h3{color:#fff;font-size:18px}.exp-card h4{color:#c770f0;font-size:14px}.exp-card span{color:#aaa;font-size:13px}.exp-card p{color:#ccc;font-size:14px}.timeline-container:before,.timeline-container:after{content:"";background:linear-gradient(gold,#c770f0);width:3px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-container:after{display:none!important}.timeline-item{width:50%;padding:20px 30px;position:relative}.timeline-item.left{text-align:right;left:0}.timeline-item.right{left:50%}.timeline-item:before,.timeline-item:after{content:"";background:gold;border-radius:50%;width:12px;height:12px;position:absolute;top:25px;box-shadow:0 0 10px gold}.timeline-item:after{display:none!important}.timeline-item.left:before{right:-6px}.timeline-item.right:before{left:-6px}.timeline-item .content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:20px}@media (width<=768px){.timeline-container:before{left:10px;transform:none}.timeline-item{width:100%;padding-left:40px;padding-right:10px;text-align:left!important}.timeline-item.left,.timeline-item.right{left:0}.timeline-item:before{right:auto;left:4px!important}.timeline-item .content{margin-bottom:20px}}