.portfolio2-element .row{row-gap:25px}.portfolio2-element .tabs-list{text-align:center;margin-bottom:40px}.portfolio2-element .tabs-list .tab-item{display:inline-block;padding:10px 15px;font-size:17px;color:#333;border-radius:50px;margin:5px 8px}.portfolio2-element .tabs-list .tab-item.active{background-color:#8750F7;color:#fff}.portfolio2-element .portfolio-item{position:relative}.portfolio2-element .item-details-wrap{position:absolute;bottom:0;right:0;width:100%;padding:20px}.portfolio2-element .item-cover{display:flex;align-items:center}.portfolio2-element .item-cover img{width:100%;height:450px;border-radius:15px;transition:ease .15s;border:1px solid #fff0}.portfolio2-element .portfolio-item:hover .item-cover img{border-color:#684ceb}.portfolio2-element .item-content{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background-color:#684ceb;color:#fff;padding:15px;border-radius:15px;transition:ease .15s;transform:translateY(15px);opacity:0}.portfolio2-element .portfolio-item:hover .item-content{transform:translateY(0);opacity:1}.portfolio2-element .item-title{font-size:25px;font-weight:700}.portfolio2-element .item-des{font-size:17px;font-weight:400;margin-top:7px}.portfolio2-element .item-icon{width:50px;display:flex;align-items:center}