.portfolio-block{background-color:#fff}.portfolio-block .portfolio-showcase__container{display:grid;gap:60px;grid-template-columns:160px 1fr;margin:0 auto;position:relative}@media(max-width:998px){.portfolio-block .portfolio-showcase__container{gap:0;height:100%}}.portfolio-block .portfolio-showcase__sidebar{height:fit-content;position:relative;top:0}@media(max-width:998px){.portfolio-block .portfolio-showcase__sidebar{position:sticky;top:20px}}.portfolio-block .portfolio-showcase__title{color:#08102e;font-size:48px;margin-bottom:40px;max-width:60%}@media(max-width:998px){.portfolio-block .portfolio-showcase__title{min-width:100%}}.portfolio-block .portfolio-showcase__categories{display:flex;flex-direction:column;gap:16px}@media(max-width:1200px){.portfolio-block .portfolio-showcase__categories{flex-direction:row}}.portfolio-block .portfolio-showcase .category-button{background:none;border:none;color:rgba(9,21,67,.251);cursor:pointer;font-family:Poppins,serif;font-size:16px;font-weight:500;overflow:hidden;padding:8px 0;position:relative;text-align:left;transition:color .3s ease;z-index:1}.portfolio-block .portfolio-showcase .category-button:hover{color:#00786e}.portfolio-block .portfolio-showcase .category-button.active{color:#00786e;font-weight:500}.portfolio-block .portfolio-showcase .category-button:active{transform:scale(.98)}.portfolio-block .portfolio-showcase__content{display:flex;flex-direction:column;gap:20px;height:fit-content;max-width:520px;position:relative;transform-origin:center center;transition:opacity .25s ease,height .3s ease,transform .25s ease;will-change:opacity,height,transform}.portfolio-block .portfolio-showcase__heading{color:#08102e;display:flex;font-size:36px;font-weight:600;line-height:45px;margin:0;max-width:620px;padding:0;white-space:normal}.portfolio-block .portfolio-showcase__meta{border-top:1px solid rgba(45,61,124,.102);display:flex;gap:40px;margin-bottom:32px;padding-top:20px}.portfolio-block .portfolio-showcase .meta-item .meta-label{color:#00786e;font-size:14px;font-weight:600;margin-bottom:8px}.portfolio-block .portfolio-showcase .meta-item .meta-value{color:#08102e;font-size:16px;max-width:200px}.portfolio-block .portfolio-showcase__actions{display:flex;gap:24px}.portfolio-block .portfolio-showcase .action-button{align-items:center;color:#00786e;display:inline-flex;font-size:16px;font-weight:500;gap:8px;text-decoration:none;transition:all .3s ease}.portfolio-block .portfolio-showcase .action-button svg{transition:transform .3s ease}.portfolio-block .portfolio-showcase .action-button:hover{color:#00786e;opacity:.8}.portfolio-block .portfolio-showcase .action-button:hover svg{transform:translate(4px,-4px)}.portfolio-block .portfolio-showcase__image{border-radius:8px;max-width:600px;overflow:hidden;position:absolute;right:-70px;top:0;transform-origin:center center;transition:opacity .25s ease,height .3s ease,transform .25s ease;width:50%;will-change:opacity,height,transform}@media(max-width:1399px){.portfolio-block .portfolio-showcase__image{max-width:450px}}@media(max-width:1200px){.portfolio-block .portfolio-showcase__image{display:none}}.portfolio-block .portfolio-showcase__image img{border-radius:20px;display:block;min-height:380px;object-fit:cover;position:relative;transition:opacity .25s ease;width:710px}.portfolio-block .portfolio-showcase__image .position_click_button{left:100px;opacity:0;position:absolute;top:150px;transition:opacity .35s,visibility .35s;visibility:hidden;z-index:2}.portfolio-block .portfolio-showcase__image a{display:block;position:relative}.portfolio-block .portfolio-showcase__image a:before{background:rgba(0,0,0,.1);border-radius:20px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s,visibility .35s;visibility:hidden;z-index:1}.portfolio-block .portfolio-showcase__image a:hover .position_click_button,.portfolio-block .portfolio-showcase__image a:hover:before{opacity:1;visibility:visible}@media(max-width:1200px){.portfolio-block .portfolio-showcase__container{gap:40px;grid-template-columns:1fr}}@media(max-width:1200px)and (max-width:998px){.portfolio-block .portfolio-showcase__container{gap:0}}@media(max-width:1200px){.portfolio-block .portfolio-showcase__image{margin-top:40px;max-width:none;position:relative;right:auto;width:100%}}@media(max-width:768px){.portfolio-block .portfolio-showcase__title{font-size:36px;margin-bottom:24px}.portfolio-block .portfolio-showcase__heading{font-size:32px}.portfolio-block .portfolio-showcase__meta{gap:20px}.portfolio-block .portfolio-showcase__actions{gap:16px}}.portfolio-showcase .container{position:relative}.portfolio-showcase__image_mobile{display:none;transform-origin:center center;transition:opacity .25s ease,height .3s ease,transform .25s ease;will-change:opacity,height,transform}@media(max-width:1200px){.portfolio-showcase__image_mobile{display:block}.portfolio-showcase__image_mobile img{width:100%}}.fade-out{transition:opacity .15s ease-out,transform .15s ease-out}.fade-in,.fade-out{opacity:0;will-change:opacity,transform}.fade-in{animation:fadeIn .2s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.loading-indicator{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.loading-wrapper{height:100%;width:100%}.loader{animation:spin .8s linear infinite;border:3px solid rgba(0,120,110,.2);border-radius:50%;border-top-color:#00786e;height:30px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:#ffebee;border-radius:4px;color:#c62828;font-weight:500;padding:15px;text-align:center}.portfolio-showcase__image.fade-in{animation:fadeIn .2s ease-in forwards;display:block;opacity:0}@media(max-width:1200px){.portfolio-showcase__content{height:fit-content;margin-top:40px}.portfolio-showcase__categories{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box;gap:16px;margin:0;max-width:100%;padding-bottom:10px;position:relative;scrollbar-width:thin;white-space:nowrap;width:100%}.portfolio-showcase__categories::-webkit-scrollbar{height:4px}.portfolio-showcase__categories::-webkit-scrollbar-thumb{background-color:rgba(0,120,110,.3);border-radius:4px}.category-button{flex:0 0 auto;min-width:max-content;padding:8px 12px;text-align:center;white-space:nowrap}.portfolio-showcase__container{height:fit-content}.portfolio-showcase__container,.portfolio-showcase__sidebar{max-width:100%;overflow:hidden;width:100%}}@media(max-width:767px){.portfolio-showcase__categories{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:none}.portfolio-showcase__categories::-webkit-scrollbar{display:none}.portfolio-showcase__categories:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8));content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:30px}}@media(max-width:998px){.portfolio-showcase__image{display:none!important}}@media(min-width:1020px){.portfolio-showcase .container{min-height:380px}}