.main-portfolio{background:linear-gradient(#0d0d0d,#0d0d0d);padding:80px 0}.portfolio-wrapper{position:relative}.portfolio-wrapper:before{content:"";z-index:0;background-color:#ffffff1a;width:1px;position:absolute;top:0;bottom:0;left:50%}.portfolio-masonry{column-count:2;z-index:1;column-gap:30px;position:relative}@media (max-width:768px){.portfolio-masonry{column-count:1}.portfolio-wrapper:before{display:none}}.portfolio-card{break-inside:avoid;border-radius:12px;margin-bottom:30px;padding:20px}.portfolio-img{border-radius:10px;width:100%}.portfolio-lable{color:var(--white);font-family:var(--font-secondary);margin-top:1rem;font-size:24px;font-weight:600}.portfolio-desc p,.portfolio-desc span{color:var(--grey);font-family:var(--font-secondary);font-size:16px}.portfolio-outer{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.portfolio-inner{max-width:calc(33% - 10px);color:var(--white);font-family:var(--font-secondary);background-color:#262626;border-radius:10px;flex:calc(33% - 10px);justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.portfolio-inner img{width:25px}@media only screen and (max-width:1199px){.portfolio-inner{flex:calc(50% - 10px);max-width:calc(50% - 10px)}}@media only screen and (max-width:991px){.portfolio-inner{flex:100%;max-width:100%}}.card-separator{border:none;border-top:1px solid #b09a9a52;margin:20px 0}