.Projects{color:#d2d3d4;padding:20px 20px 80px}.Projects .P_head{display:flex;justify-content:space-between;align-items:center;color:#fff}.Projects ul{padding:20px 0;list-style:none}.Projects ul .card{display:flex;flex-wrap:wrap;flex-direction:column;gap:20px;padding:40px 20px;margin-top:20px;background-color:#00000056;border-radius:12px;justify-content:flex-start;align-items:stretch;position:relative}.Projects ul .card .projectType{position:absolute;right:0px;top:1rem;height:max-content;width:max-content;font-weight:600;color:#fff;font-size:.75rem;padding:.25rem .75rem;border-radius:100px 0 0 100px}.Projects ul .card .projectType[data-project_type=Paid]{background-color:transparent;box-shadow:0 0 0 0 var(--primary);animation:blink 3s infinite ease-in-out}.Projects ul .card .projectType:not([data-project_type=Paid]){background-color:var(--primary);border-left:1px solid var(--primary);border-top:1px solid var(--primary);border-bottom:1px solid var(--primary)}@keyframes blink{50%{background-color:var(--primary);box-shadow:-4px 0 10px 0 var(--primary)}}.Projects ul .card .heroImage{height:auto;border-radius:12px;width:100%}.Projects ul .card .heroImage+.selectors{opacity:0;transition:opacity .4s ease-in-out}.Projects ul .card .selectors{position:absolute;top:50px;left:40px;display:flex;flex-direction:row;gap:20px}.Projects ul .card .selectors .select_Image{object-fit:cover;height:50px;width:50px;box-shadow:0 0 0 2px #34464f;background-size:cover;border-radius:6px;transition:box-shadow .2s ease-in-out}.Projects ul .card .selectors .select_Image.activeImage,.Projects ul .card .selectors .select_Image:hover{box-shadow:0 0 0 2px #fff}.Projects ul .card .heroImage:hover+.selectors,.Projects ul .card .selectors:hover{opacity:1}.Projects ul .card .read{flex-basis:100%;display:flex;flex-direction:column;gap:20px}.Projects ul .card .read p#time{font-size:.8rem}.Projects ul .card .read h3.project_heading{color:#fff;font-size:1.8rem}.Projects ul .card .discription{display:flex;flex-wrap:wrap;margin:15px 0}.Projects ul .card .discription span{padding:10px;margin:5px;background-color:#00000020;border-radius:4px}.Projects ul .card a{text-decoration:none;padding:10px;color:#fff;text-align:center;transition:.2s;border-right:5px solid var(--primary);border-left:5px solid var(--primary)}.Projects ul .card a:hover{text-decoration:underline white;background-color:#00000056}@media screen and (min-width: 768px){.Projects ul>.card{flex-direction:row;justify-content:space-between}.Projects ul>.card .heroImage{width:48%;flex-basis:48%;transition:1s ease-in-out;object-fit:contain;background-color:var(--AboutListBG)}.Projects ul>.card .read{flex-basis:48%}.Projects ul>.card :is(.discription,a){flex-basis:100%}}@media screen and (max-width: 480px){.Projects ul>.card{flex-direction:row}.Projects ul>.card .selectors{display:grid;grid-template-columns:repeat(3,1fr)}.Projects ul>.card .projectType{top:.5rem}.Projects ul>.card .heroImage,.Projects ul>.card .card,.Projects ul>.card .discription,.Projects ul>.card a{flex-basis:100%}.Projects ul>.card p,.Projects ul>.card span{font-size:13px}}