.portfolio_area.style_three{background:var(--background)}.portfolio_menu ul{padding:0;margin:0;list-style:none}.portfolio_menu ul li{font-size:16px;font-weight:600}.single_portfolio{background-color:hsl(var(--card));border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;margin-bottom:30px}.single_portfolio:hover{transform:translateY(-10px);box-shadow:0 12px 28px rgba(0,0,0,.2),0 8px 10px rgba(0,0,0,.15)}.single_portfolio_inner{position:relative}.single_portfolio_thumb{position:relative;overflow:hidden}.single_portfolio_thumb img{transition:transform .4s ease}.single_portfolio:hover .single_portfolio_thumb img{transform:scale(1.1)}.portfolio-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(288,70%,59%,.7);display:flex;justify-content:center;align-items:center;gap:1rem;opacity:0;transition:opacity .4s ease}.single_portfolio:hover .portfolio-icon{opacity:1}.portfolio-icon-link{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:white;color:hsl(var(--primary));border-radius:50%;transition:transform .3s ease,background-color .3s ease,color .3s ease}.portfolio-icon-link:hover{transform:scale(1.1);background-color:hsl(var(--primary));color:white}.single_portfolio_content{padding:25px;background:hsl(var(--card))}.single_portfolio_content_title{font-size:1.25rem;font-weight:700;color:hsl(var(--primary));margin-bottom:.75rem;display:block}.single_portfolio_content_desc{color:hsl(var(--muted-foreground));margin-bottom:1rem;font-size:1rem;line-height:1.5;text-align:justify}.single_portfolio_content_duration{color:hsl(var(--foreground));font-weight:500}