.portfolio-widget-container{width:100%;margin:0 auto}.portfolio-widget-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px}.portfolio-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.portfolio-item{margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1);transition:transform 0.3s ease;border-radius:15px}.portfolio-item:hover{transform:scale(1.05)}.portfolio-image{width:100%;overflow:hidden}.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block;transition:all 0.3s ease}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity 0.3s ease}.portfolio-item:hover,.portfolio-title:hover .portfolio-overlay{opacity:1}.portfolio-title{position:absolute;bottom:10px;left:10px;color:#fff;font-size:16px;font-weight:700;opacity:0;transition:opacity 0.3s ease,transform 0.3s ease;transform:translateY(20px);z-index:1}.portfolio-item:hover .portfolio-title{opacity:1;transform:translateY(0)}.portfolio-item a{display:block;width:100%;height:100%}.portfolio-load-more{text-align:center;margin-top:20px}.portfolio-load-more-button{padding:10px 20px;background-color:#d1ad5f;color:#254439;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color 0.3s ease}.portfolio-load-more-button:hover{background-color:#d7ba7a;color:#254439}@media (max-width:768px){.portfolio-item{width:48%!important}}@media (max-width:480px){.portfolio-item{width:48%}}.portfolio-overlay:hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%)}