.main-portfolio-upd{background-image:url(../media/portfolio-bg.0wzy3vm1kya6k.png);background-position:50%;background-size:cover}.outer-portfolio-upd{flex-wrap:nowrap;gap:20px;height:60vh;display:flex}.portfolio-card-upd{cursor:pointer;flex:20%;max-width:20%;height:100%;transition:all .4s;position:relative;overflow:hidden}.portfolio-card-upd.expanded{flex:80%;max-width:80%;position:relative}.portfolio-card-upd .portfolio-img-upd{object-fit:cover;width:100%;height:100%;transition:transform .4s}.portfolio-card-upd:hover .portfolio-img-upd{transform:scale(1.05)}.content-portfolio-upd-div{z-index:2;width:100%;padding:20px;position:absolute;bottom:0;left:0}.portfolio-title-upd{color:var(--white);font-family:var(--font-secondary);font-size:30px}.portfolio-p-upd{color:var(--white);font-family:var(--font-secondary);font-size:18px}.bottom-top-shadow-portfolio{z-index:1;background-image:linear-gradient(#0000 0%,#0003 0%,#000 90%);width:100%;position:absolute;top:0;bottom:0}.p-readmore-dtl{color:var(--white);font-size:16px;font-family:var(--font-secondary);margin:0}@media only screen and (max-width:768px){.outer-portfolio-upd{flex-direction:column;height:600px}.portfolio-card-upd{flex:100%;max-width:100%}.portfolio-card-upd.expanded{flex:100%;max-width:100%;position:relative}.portfolio-p-upd{display:none}.portfolio-title-upd{font-size:24px}}