.portfolio #portfolio-filters{padding:2px 15px;margin:0 auto 35px;list-style:none;text-align:center;border-radius:50px;overflow:auto}.portfolio #portfolio-filters li{cursor:pointer;display:inline-block;padding:10px 20px 12px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;margin-bottom:5px;transition:.3s ease-in-out;border-radius:50px;border-style:solid;border-width:1px;border-color:var(--bs-border-color-translucent)}.portfolio #portfolio-filters li.filter-active,.portfolio #portfolio-filters li:hover{color:color-mix(in srgb,var(--currentSelection) 40%,#000 80%);background:color-mix(in srgb,var(--currentSelection) 80%,rgba(242,244,246,.44) 90%)}.portfolio #portfolio-filters li:last-child{margin-right:0}.portfolio .portfolio-item{margin-bottom:30px}.portfolio .portfolio-item .portfolio-info{opacity:0;position:inherit;left:3%;right:7.5%;top:0;z-index:3;transition:.18s ease-in-out;background:#595959;padding:15px}.portfolio .portfolio-item .portfolio-info h4{font-size:18px;font-weight:600;color:#473d3a}.portfolio .portfolio-item .portfolio-info p{color:#7f6d68;font-size:14px;margin-bottom:0}.portfolio .portfolio-item .portfolio-info .details-link,.portfolio .portfolio-item .portfolio-info .preview-link{position:absolute;right:40px;font-size:24px;top:calc(50% - 18px);color:#635551}.portfolio .portfolio-item .portfolio-info .details-link:hover,.portfolio .portfolio-item .portfolio-info .preview-link:hover{color:#ff5821}.portfolio .portfolio-item .portfolio-info .details-link{right:10px}.portfolio .portfolio-item:hover .portfolio-info{height:15%;opacity:1;top:20px}.portfolio-container{position:relative}.section-title{text-align:center;padding-bottom:30px}.portfolio-item{border-radius:4px;border-style:initial;border-color:#f4f4f4}