#portfolio-flters li{display:inline-block;font-weight:500;color:var(--dark);cursor:pointer;transition:0.5s;border-bottom:2px solid transparent;padding:8px 15px;font-size:14px;font-weight:600;text-transform:uppercase}#portfolio-flters li:hover,#portfolio-flters li.active{color:var(--primary);border-color:var(--primary)}.portfolio .portfolio-item{margin-bottom:30px}.portfolio .portfolio-wrap{position:relative;overflow:hidden;z-index:1;background:rgba(21,21,21,0.6);transition:0.3s}.portfolio .portfolio-wrap::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(21,21,21,0.6);transition:opacity 0.3s;opacity:0;z-index:2}.portfolio .portfolio-wrap img{transition:transform 0.3s ease-in-out}.portfolio .portfolio-wrap .portfolio-info{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity 0.3s ease-in-out}.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;font-weight:600;color:#fff}.portfolio .portfolio-wrap .portfolio-info p{color:rgba(255,255,255,0.7);font-size:14px;text-transform:uppercase;margin:0;font-style:italic}.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;font-size:28px;margin-right:5px;transition:color 0.3s;display:inline-block}.portfolio .portfolio-wrap .portfolio-links a:hover{color:#a7a5a4}.portfolio .portfolio-wrap:hover::before{opacity:1}.portfolio .portfolio-wrap:hover img{transform:scale(1.2)}.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-details-slider img{width:100%}.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #a7a5a4}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#a7a5a4}.portfolio-details .portfolio-info{padding:30px;box-shadow:0px 0 30px rgba(21,21,21,0.08)}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li + li{margin-top:10px}.portfolio-details .portfolio-description{padding-top:30px}.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0}.portfolio .portfolio-wrap .portfolio-links a{font-size:15px;margin:0 5px 0 0;transition:0.3s}@media (max-width:768px){.portfolio #portfolio-flters li{font-size:12px;padding:6px 12px}.portfolio .portfolio-wrap .portfolio-info{padding:10px}}