#personal-projects{padding:40px 20px;box-sizing:border-box}.personal-project{margin:20px;display:grid;grid-template-columns:repeat(1,minmax(300px,1fr));gap:30px}.personal-project-title{font-size:3rem;margin-bottom:40px;color:#333;padding-inline-start:1.2rem}@media (max-width: 768px){.personal-project{grid-template-columns:repeat(1,minmax(300px,1fr))}}.personal-project-card{border-radius:1rem;box-shadow:0 6px 12px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid #222}.personal-project-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0003}.project-logo{background-color:#f9f9f9;display:flex;justify-content:center;align-items:center;padding:20px;height:120px;border-bottom:1px solid #eee}.project-logo img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:2rem;border:2px solid #5e5e5e}.project-content{display:none;padding:10px;border-top:1px solid #ddd;transition:max-height .3s ease-in-out}.toggle-btn{color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px;font-size:14px;margin:10px}.project-content.active{display:block}.toggle-btn:hover{background-color:#0056b3}.project-name-section{display:flex}.project-link{margin-top:12px;width:5%}.project-link a{color:#0288d1;font-weight:700;padding-left:10px;padding-right:10px;border-radius:5px;border:#adadad solid .1px}.project-link:hover{color:#01579b}.project-name{width:95%;margin-inline-start:10px;font-size:1.8rem;margin-bottom:10px;color:#37474f}.project-description{font-size:1rem;line-height:1.6;color:#616161;margin-bottom:20px}.project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;justify-content:center}.image-container{position:relative;cursor:pointer;border-radius:10px;border:black solid 1px;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-container img{max-height:150px;-o-object-fit:contain;object-fit:contain;border-radius:10px;border:rgb(255,255,255) solid 2px;transition:filter .3s ease-in-out}.image-container:hover img{filter:brightness(.6)}.hover-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease-in-out}.image-container:hover .hover-icon{opacity:1}.hover-icon svg{width:40px;height:40px;stroke:#fff;stroke-width:2}.tags{margin-bottom:10px}.tag{display:inline-block;background:#34475c;color:#fff;padding:5px 10px;border-radius:5px;font-size:.9rem;margin:5px}.project-card{border-radius:12px;padding:20px;font-family:Arial,sans-serif;line-height:1.6;margin:auto}.project-title{font-size:20px;font-weight:700;color:#333;margin-bottom:10px}.project-description{font-size:16px;color:#555}.section-title{font-size:18px;font-weight:700;color:#222;margin-top:15px}.features-list,.responsibilities-list{padding-left:20px;list-style:none}.features-list li,.responsibilities-list li{background:url(../../public/assets/checkmark.png) no-repeat left center;background-size:16px;padding-left:25px;margin-bottom:8px;color:#444}@media (max-width: 1500px){.project-link{width:8%}.project-name{width:92%}}@media (max-width: 1024px){.project-link{width:12%}.project-name{width:88%}}@media (max-width: 480px){.project-link{width:20%}.project-name{width:80%}}