.projects-card-item{position:relative;padding:1em;border:1px solid #212138;cursor:pointer;transition:.5s;height:100%}.projects-card-item .dot{position:absolute;transition:.5s;opacity:0}.projects-card-item .dot.dot-1{top:-.2em;right:-.2em}.projects-card-item .dot.dot-2{top:-.2em;left:-.2em}.projects-card-item .dot.dot-3{bottom:-.2em;right:-.2em}.projects-card-item .dot.dot-4{bottom:-.2em;left:-.2em}.projects-card-item:hover{background-color:rgba(28,132,252,.05);-webkit-backdrop-filter:blur(2em);backdrop-filter:blur(2em);border:1px solid #328af1}.projects-card-item:hover .dot,.projects-card-item:hover .hide{opacity:1}.projects-card-item:hover .part{display:flex}.projects-card-item:hover+.hide{opacity:1}.projects-card-item .image{max-height:225px;overflow:hidden}.projects-card-item .content-card{margin-top:20px;display:grid;align-content:space-between}.projects-card-item .content-card h3{font-size:20px}.projects-card-item .content-card i{font-size:16px}.projects-card-item .content-card .slug{background-color:#071c42;color:#1fa5fd;display:block;width:-moz-fit-content;width:fit-content;padding:2px 5px;margin-bottom:12px;margin-inline-end:5px;font-size:14px;border-radius:.25rem}.project-details .project-sidebar{padding:1rem 2rem;background-color:#101930;border-radius:.875rem;position:sticky;top:100px}.project-details .project-sidebar .img-sidebar{width:264px;margin-top:-50px;margin-inline-start:-50px}.project-details .project-sidebar h6{color:#bad9fc;font-weight:600}.project-details .project-sidebar ul li{line-height:2}.project-details .project-sidebar ul li i{margin-inline-end:12px}.project-details .content-details .card-content{margin-bottom:20px}.project-details .content-details .card-content .cover{width:100%;position:absolute;top:-50px;right:-50%;transition:.5s;opacity:1}.project-details .content-details .card-content .cover.ar{right:auto;left:-50%}@media(max-width:768px){.project-details .content-details .card-content .cover{top:-50px;right:0!important;left:0!important}}.project-details .content-details .card-content .content{position:relative;z-index:2}.project-details .content-details .card-content .content .img-content{max-height:400px;overflow:hidden;border-radius:.875rem;padding:0}.project-details .content-details .card-content .content .img-content img{cursor:pointer;transition:20s}.project-details .content-details .card-content .content .img-content img:hover{transform:translateY(calc(-100% + 400px))}.project-details .content-details .card-content .content .title{font-size:2.5rem;margin-bottom:1rem}@media(max-width:768px){.project-details .content-details .card-content .content .title{font-size:1.5rem}}.project-details .content-details .card-content .content p{margin-bottom:2rem;line-height:1.5}.project-details .content-details .card-content .content ul{margin-bottom:2rem}.project-details .content-details .card-content .content ul li{line-height:2.5}.project-details .content-details .card-content .content ul li i{margin-inline-end:12px}.project-details .content-details .card-content .content ul li span{color:#fff}.projects .filters{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:40px}.projects .filters .item{background-color:#232c3d;padding:.4em .6em .35em;border-radius:3px;margin-inline-end:10px;cursor:pointer;transition:1s;font-size:17px}.projects .filters .item.active{background-color:#328af1}