.portfolio-card{border-radius:10px;width:100%;height:100%;max-height:500px;position:relative;overflow:hidden}.portfolio-card img{object-fit:cover;width:100%;height:100%}.portfolio-card .content-overlay{opacity:0;background:linear-gradient(0deg,#000000b3 0,#0000 100px);flex-direction:column;justify-content:flex-end;gap:10px;width:100%;height:100%;padding:10px;transition:transform .4s,opacity .4s;display:flex;position:absolute;top:0;left:0;transform:translate(-100%)}.portfolio-card .content-overlay .content-header h3{color:#fff;font-size:14px;font-weight:700}.portfolio-card .content-overlay .content-footer{justify-content:space-between;gap:5px;display:flex}.portfolio-card .content-overlay .content-footer p{color:#fff;font-size:13px}.portfolio-card .content-overlay .content-footer a{color:#fff;cursor:pointer;font-size:13px;font-weight:600}.portfolio-card:hover .content-overlay{opacity:1;transform:translate(0)}
.portfolio-fluid{width:100%;position:relative;overflow:hidden}.portfolio-fluid:before{content:"";z-index:-1;opacity:.08;background:radial-gradient(circle,#fa7f71 0%,#fff 80%);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:-50%}.portfolio-wrapper{padding-top:5.5rem}.portfolio-wrapper .common-heading h2{text-align:center;font-size:32px}@media only screen and (max-width:576px){.portfolio-wrapper .common-heading h2{font-size:28px}}.portfolio-wrapper .btn-wrapper{justify-content:center;padding-top:3rem;display:flex}.portfolio-wrapper .btn-wrapper button{color:#0e53e2;background:0 0;border:1px solid #0e53e2;border-radius:10px;min-width:150px;padding:8px 15px;font-size:14px;transition:all .5s;overflow:hidden}.portfolio-wrapper .btn-wrapper button:hover{color:#fff;border:1px solid #0e53e2;box-shadow:inset 10em 0 #0e53e2,inset -10em 0 #0e53e2}