.portfolios-details-container{display:flex;gap:40px;padding:35px 70px}.portfolio-left{width:60%}.portfolio-main-imgs{border-radius:10px}.portfolio-left .portfolio-main-imgs img{object-fit:cover;width:100%;height:100%;border-radius:10px}.portfolio-right{width:50%;position:relative}.portfolio-right-content{padding:30px;position:-webkit-sticky;position:sticky;top:-100px;background-color:#000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}.portfolio-right-content h1{font-size:32px;margin:0;text-align:center}.portfolio-right-content p{max-width:500px;text-align:center}.portfolio-right-content hr{border:1px solid rgb(61,61,61)}.portfolio-info-container{margin-bottom:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio-right .portfolio-info{display:flex;justify-content:space-between;max-width:300px;width:100%;margin-top:20px;padding:10px;background-color:#2f2f2f}.portfolio-right .portfolio-info span{text-transform:capitalize}.portfolio-right-content-bottom-content{display:flex;justify-content:center;gap:60px}.relatedPorfolios{background-color:#000;padding:40px 70px 50px;margin-bottom:20px}@media screen and (max-width:1010px){.portfolios-details-container{padding:20px;gap:20px}.portfolio-left,.portfolio-right{width:50%}.portfolio-right-content{margin-right:0}.portfolio-right-content-bottom-content{flex-direction:column;gap:40px;justify-content:space-between;align-items:center}.portfolio-right-content h1{font-size:28px}.portfolio-right-content p{max-width:400px;font-size:16px}}@media screen and (max-width:650px){.portfolios-details-container{flex-direction:column-reverse;padding:10px;gap:10px;border:none}.portfolio-left,.portfolio-right{width:100%}.portfolio-left{background-color:#000;border-radius:20px}.portfolio-left .portfolio-main-imgs{padding:0 20px;border-radius:0}.portfolio-left .portfolio-main-imgs img{box-shadow:0 14px 19px 8px rgba(255,255,255,.29)}.portfolio-right-content h1{font-size:24px}.portfolio-right-content p{max-width:100%;font-size:14px}.portfolio-right-content .gradientBorder{display:inline-block;width:200px;text-align:center;margin-top:0}.relatedPorfolios{padding:40px 20px 50px}}