.projects_projectsSection__gy_tn{padding:40px 20px;max-width:1200px;margin:0 auto}.projects_header__xBwNG{text-align:center;margin-bottom:50px}.projects_header__xBwNG h1{font-size:3rem;margin-bottom:10px}.projects_header__xBwNG p{font-size:1.2rem;color:#A0AEC0}.projects_filterButtons__PfTxK{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.projects_filterButtons__PfTxK button{background-color:#2D3748;color:#E2E8F0;border:none;padding:10px 20px;border-radius:20px;font-family:Tajawal,sans-serif;font-size:1rem;cursor:pointer;transition:background-color .2s}.projects_filterButtons__PfTxK button:hover{background-color:#4A5568}.projects_filterButtons__PfTxK button.projects_active__CT4W_{background-color:#007BFF;color:white}.projects_projectsGrid__dwGgH{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:30px;gap:30px}.ProjectCard_designCard__w2THn{background-color:#2D3748;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:15px;text-decoration:none;color:inherit;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.ProjectCard_designCard__w2THn:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1)}.ProjectCard_cardFooter___zL6X,.ProjectCard_cardHeader__6en2g{display:flex;justify-content:space-between;align-items:center;width:100%}.ProjectCard_cardHeader__6en2g h3{margin:0;font-size:1.2rem;color:white}.ProjectCard_cardHeader__6en2g span{font-size:.9rem;color:#A0AEC0}.ProjectCard_circularImageContainer__UaXVk{width:100%;aspect-ratio:1/1;position:relative;border-radius:50%;overflow:hidden}.ProjectCard_projectImage__Nfx9I{object-fit:cover}.ProjectCard_cardFooter___zL6X span{font-size:.9rem;color:#A0AEC0}.ProjectCard_codeCard__GcYm4{background-color:#2D3748;border-radius:15px;overflow:hidden;display:block;text-decoration:none;color:inherit;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.ProjectCard_codeCard__GcYm4:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1)}.ProjectCard_rectangularImageContainer__e3Ym6{width:100%;aspect-ratio:16/9;position:relative}.ProjectCard_cardContent__UjA6H{padding:20px}.ProjectCard_cardContent__UjA6H h3{margin-top:0;font-size:1.5rem;color:white}.ProjectCard_cardContent__UjA6H p{margin-bottom:0;color:#A0AEC0}