.button{cursor:pointer;background-color:var(--main-color);color:#fff;white-space:nowrap;text-overflow:ellipsis;float:right;border:none;border-radius:10rem;align-items:center;gap:.75rem;margin-top:20px;padding:.75rem 1.5rem .75rem 20px;font-family:main-font-Neo;font-weight:600;line-height:1;text-decoration:none;transition:all .3s;display:inline-flex;overflow:hidden}.button .button__icon-svg{font-weight:700;font-size:18px!important}.button__icon-wrapper{width:25px;height:25px;color:var(--main-color);background-color:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.button:hover{background-color:#95c120bf}.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.button:hover .button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.button:hover .button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}
.project-details-page{height:fit-content;margin-bottom:200px;overflow-y:visible;min-height:calc(100vh + 85px)!important}.project-description{color:#fff;text-align:justify;margin-top:20px;font-size:18px;line-height:1.6}.project-landing{width:100%;height:100vh;position:relative}.project-landing:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1;background:linear-gradient(135deg,#0e324ecc,#0e324e80);width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 8px 32px #0000005e}.project-landing .container{z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.project-landing h1{color:var(--main-color);text-transform:capitalize;text-align:center;font-family:main-font-Neo}.project-landing p{color:#fff;text-align:justify;margin-top:20px;font-size:18px;line-height:1.6}.project-details-page .project-details-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:15px;margin-top:20px;display:flex;position:relative}.project-details-page .project-details-container .project-details-card{color:#fff;text-transform:capitalize;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(-135deg,#96c1204d,#96c1200d);border-radius:6px;width:calc(35% - 15px);min-width:300px;padding:10px 20px;font-family:second-font-Levenim-MT;font-weight:550;position:sticky;top:20px;box-shadow:0 8px 32px #0000005e}.project-details-card .info-icon{color:var(--main-color);width:20px!important;height:auto!important;position:relative!important}.project-details-card .info-item{align-items:center;gap:20px;padding:20px 0;font-size:16px;display:flex}.project-details-card .info-item:not(:last-child){border-bottom:1px dotted var(--main-color)}.project-details-card .info-item div{justify-content:center;align-items:center;gap:5px;display:flex}.project-details-card .info-item span{color:var(--main-color);width:60px;font-family:main-font-Neo}.project-details-page .project-images{flex-direction:column;justify-content:center;align-items:center;width:60%;min-width:300px;display:flex;position:relative;gap:10px!important}.project-details-page .project-images .img-container{cursor:pointer;border-radius:6px;width:100%;min-width:200px;height:fit-content;position:relative;overflow:hidden;line-height:0!important}.project-details-page .project-images .img-container img{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#96c12033,#96c1201a);border-radius:6px;width:100%;height:auto;transition:all .3s;box-shadow:0 8px 32px #0000005e}.project-details-page .project-images .img-container:hover:before{opacity:1}.project-details-page .project-images .img-container:before{content:"";opacity:0;z-index:1;background-image:linear-gradient(#0009 50%,#0000004d 80%,#0000);width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.p-galleria .p-galleria-item-prev,.p-galleria .p-galleria-item-next,.p-galleria .p-galleria-close{color:var(--main-color);background-color:#0e324c99;border-radius:20px;margin:5px;transform:scale(.65)}.p-galleria .p-galleria-item-prev:hover,.p-galleria .p-galleria-item-next:hover,.p-galleria .p-galleria-close:hover{background-color:#0e324c}.related-projects{border-top:2px dotted var(--main-color);margin-top:50px;padding-top:20px}.related-projects h2.title{color:var(--main-color);border-left:4px solid var(--main-color);padding:3px 3px 3px 10px;font-family:main-font-Neo}.related-projects-container{flex-wrap:wrap;align-items:center;gap:15px;margin-top:40px;display:flex}.related-projects-container .related-project{cursor:pointer;width:40%;max-width:500px}.related-projects-container .related-project .view-icon{font-size:14px}.related-projects-container .related-project a{text-decoration:none!important}.related-projects-container .related-project .project-img{aspect-ratio:1/.8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(135deg,#0e324ecc,#0e324e80);border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e}.related-projects-container .related-project .project-img:before{content:"";background-color:var(--main-color);opacity:0;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.related-projects-container .related-project img{object-fit:cover;width:100%;height:100%;transition:all .3s;transform:scale(1.1);position:relative!important}.related-projects-container .related-project .project-item-info{padding:15px;line-height:1.6;transition:all .2s}.related-projects-container .related-project .project-item-info h2{color:var(--main-color);text-transform:capitalize;text-shadow:var(--text-shadow);font-family:main-font-Neo;font-size:16px}.related-projects-container .related-project .project-item-info h3{color:#fff;text-shadow:var(--text-shadow);font-size:17px}@media (max-width:800px){.related-projects-container .related-project{width:100%}}.related-projects-container .related-project:hover .project-item-info{transform:translateY(calc(-100% - 10px))}.related-projects-container .related-project:hover .project-img:before{opacity:.4}.related-projects-container .related-project:hover .project-img img{filter:grayscale();transform:scale(1)}@media (max-width:1000px){.project-details-page .project-details-container .project-details-card{width:100%;position:relative;top:0}.project-details-page .project-images{width:100%}}@media (max-width:576px){.project-landing h1{font-size:22px}.project-landing p{font-size:16px}.p-galleria .p-galleria-item-prev,.p-galleria .p-galleria-item-next,.p-galleria .p-galleria-close{transform:scale(.6)}}