#project-circle{position:absolute;top:-6rem;right:1rem;width:300px;padding-bottom:100%}@media (max-width:1200px){#project-circle{padding-bottom:0}}#project-circle:hover .eye{box-shadow:0 0 20px 0 #720bab}#project-circle:hover .eye:before{width:160%;height:160%}#project-circle:hover .eye svg{animation-play-state:paused}#project-circle:hover .eye i:before{font-size:40px}#project-circle .eye{display:flex;width:8rem;height:8rem;background:#720bab;align-items:center;justify-content:center;border-radius:50%;transform:translate(260px,80px);position:fixed;text-decoration:none;z-index:9;font-size:0;position:relative;box-shadow:0 0 0 0 #720bab;transition:.3s}#project-circle .eye:before{content:"";width:110%;height:110%;border:1px solid #949494;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;transition:width .3s,height .3s}#project-circle .eye i{color:#000;line-height:0;transition:all .3s}#project-circle .eye i:before{transition:all .3s;font-size:30px;color:#000}@media screen and (max-width:768px){#project-circle{right:5rem}}#project-circle text{font-size:16px;font-weight:700;fill:#bd45ff}#project-circle>svg{position:absolute;top:0;width:100%;height:240px;z-index:10;animation:rotate 5s linear infinite;pointer-events:none}@media screen and (max-width:768px){#project-circle>svg{animation:unset}}@keyframes rotate{0%{transform:rotate(1turn)}to{transform:rotate(0)}}section#project{padding-top:12rem;min-height:140vh;background:#262626}@media (max-width:768px){section#project{padding-top:4rem}}@media (max-width:1200px){section#project{overflow-x:hidden}}@media (max-width:576px){section#project{overflow-x:unset!important}}section#project .container{padding:0 2rem!important}@media (max-width:768px){section#project .container{padding:0 1rem!important}}section#project .project-addon{position:absolute;z-index:4;height:30rem;width:30rem;bottom:-26rem;right:-16rem}section#project .project-addon img{-o-object-fit:contain!important;object-fit:contain!important}@media (max-width:576px){section#project .project-addon{bottom:-20rem;right:0;z-index:99}}section#project .project-addon .shadow-img-abs{position:absolute;left:0;z-index:-1;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section#project .img-cont{height:45rem;width:100%;margin-bottom:2rem}@media (max-width:768px){section#project .img-cont{height:20rem}}section#project .img-cont img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:.4rem}section#project .reading-time{margin-bottom:5rem;font-weight:300;color:#fff}@media (max-width:768px){section#project .reading-time{margin-bottom:3rem}}section#project .reading-time span{color:#949494}section#project .det-cont{display:flex;padding:0 4rem 6rem;border-bottom:1px solid #949494}@media (max-width:768px){section#project .det-cont{flex-direction:column;padding:0}section#project .det-cont .details{width:100%!important;margin-bottom:3rem}}section#project .det-cont .technologies{width:40%;padding-right:0;margin-right:2rem}@media (max-width:768px){section#project .det-cont .technologies{width:100%;margin-bottom:0}}section#project .det-cont .technologies p{color:#949494;margin-bottom:2rem}section#project .det-cont .technologies img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;margin-right:2rem;margin-bottom:2rem;filter:grayscale(1);transition:all .3s}@media (max-width:768px){section#project .det-cont .technologies img{width:34px;height:34px}}section#project .det-cont .technologies img:hover{filter:grayscale(0)}section#project .det-cont .details{width:60%}section#project .det-cont .details .title-link{display:flex;align-items:center;justify-content:space-between}@media (max-width:768px){section#project .det-cont .details .title-link{flex-direction:column;align-items:flex-start}}section#project .det-cont .details a{white-space:nowrap;color:#bd45ff;font-weight:700!important;margin-top:2.5rem;text-decoration:none;display:block}@media (max-width:768px){section#project .det-cont .details a{margin-left:0!important}}section#project .det-cont .details a:hover i{margin-right:1rem}section#project .det-cont .details a i{font-size:1.3rem;transition:all .3s}section#project .det-cont .details h1{font-weight:700!important;margin-bottom:1.2rem;margin-left:0;width:100%}@media (max-width:768px){section#project .det-cont .details h1{margin-bottom:1.2rem}}section#project .det-cont .details h4{color:#949494;display:flex;flex-direction:column;margin:0 0 2rem}@media (max-width:768px){section#project .det-cont .details h4{margin-bottom:3rem}}section#project .det-cont .details p{font-size:1.8rem;margin:0!important;width:100%}section#project .content{padding-top:4rem;padding-bottom:8rem}@media (max-width:576px){section#project .content{padding-bottom:4rem}}section#project .content h2,section#project .content h3,section#project .content h4{margin:1rem 0!important}section#project .content .img-container img{margin-top:2rem;border-radius:.4rem}section#project .content p{width:70%;margin:0!important}@media screen and (max-width:768px){section#project .content p{width:100%}}section#project .content .more-details .image-container{width:100%;height:auto;margin-top:8rem}@media (max-width:576px){section#project .content .more-details .image-container{margin-top:4rem;height:20rem}}section#project .content .more-details .image-container img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section#project .content .more-details .video-container{width:100%;height:auto;margin-top:8rem}section#project .content .more-details .video-container.center{margin-top:4rem;width:60%;margin-left:auto;margin-right:auto}@media (max-width:576px){section#project .content .more-details .video-container.center{width:100%;padding:0 1.5rem;margin-top:2rem}}@media (max-width:576px){section#project .content .more-details .video-container{margin-top:4rem;height:20rem}section#project .content .more-details .video-container iframe{height:20rem!important}}section#project .content .more-details .video-container img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section#project .content .more-details .text{margin-top:8rem}@media (max-width:576px){section#project .content .more-details .text{margin-top:4rem}}section#project .content .more-details .text p{width:70%}@media (max-width:576px){section#project .content .more-details .text p{width:100%}}section#project .content .more-details .central-text h2,section#project .content .more-details .central-text h3,section#project .content .more-details .central-text h4{width:70%;text-align:center;margin-left:auto!important;margin-right:auto!important}@media (max-width:768px){section#project .content .more-details .central-text h2,section#project .content .more-details .central-text h3,section#project .content .more-details .central-text h4{width:100%;text-align:left}}section#project .content .more-details .central-text p{width:70%;text-align:center;margin-left:auto!important;margin-right:auto!important}@media (max-width:768px){section#project .content .more-details .central-text p{width:100%;text-align:left}}@media (max-width:576px){section#project .content .reverse-mobile{flex-direction:column-reverse}}section#project aside{position:fixed;left:2rem;z-index:1}@media (max-width:1200px){section#project aside{display:none}}section#project aside div{display:flex;flex-direction:column;align-items:center}section#project aside div p{font-weight:300;margin-bottom:2rem;color:#fff}section#project aside div a{color:#720bab;margin-bottom:1rem;transition:all .3s}section#project aside div a:hover{transform:rotate(30deg);transition:all .3s}section#project aside div a i{font-size:2rem}section#project .progress-container{width:100%;height:1rem;background:transparent;position:fixed;bottom:0}section#project .progress-bar{height:1rem;background:#720bab;width:0;transition:all 0s!important}section#project .fixed-elem{width:10rem;height:1rem;background-color:#720bab;position:fixed;left:0;bottom:0}section#project .relared-project{position:relative;padding-bottom:8rem;padding-top:7rem}@media (max-width:768px){section#project .relared-project{padding-bottom:4rem}}section#project .relared-project .img-cont{padding-left:10rem;display:flex;justify-content:flex-end;position:relative}section#project .relared-project .img-cont a{width:100%}section#project .relared-project .img-cont a:hover img{transform:scale(1.01)}section#project .relared-project .img-cont a img{filter:brightness(.8);transition:all .3s}@media (max-width:768px){section#project .relared-project .img-cont{padding-left:unset}section#project .relared-project .img-cont img{width:100%}}section#project .relared-project #project-circle{right:-14rem;top:-1rem;z-index:99}@media (max-width:768px){section#project .relared-project #project-circle{right:-13rem}}section#project .relared-project #project-circle a{position:absolute;top:-4rem;right:41rem}section#project .relared-project #project-circle svg{top:-4rem;right:4rem;pointer-events:none}section#project .relared-project h2{position:absolute;top:1rem;z-index:9;color:#fff}@media (max-width:768px){section#project .relared-project h2{top:3.5rem;width:60%}}.floating-project{position:absolute;bottom:-5rem;right:0}@media (max-width:768px){.floating-project{display:none}}.breadcrumb{background-color:transparent;justify-content:flex-start;padding:4rem 0 2rem;display:flex;align-items:baseline}.breadcrumb li{margin-right:2rem;position:relative;min-height:1rem;min-width:1rem}.breadcrumb li.active a{color:#fff;font-weight:400;z-index:1;position:relative;margin-left:.5rem}@media (max-width:768px){.breadcrumb li.active a{margin-left:0}}.breadcrumb li p{display:none!important}.breadcrumb li p:nth-of-type(2){display:inline-block!important;color:#949494;padding:0 .5rem;margin-bottom:0}.breadcrumb li a{color:#949494;font-weight:300}.breadcrumb li span{background-color:#fff;width:1rem;height:.1rem;display:block;position:absolute;top:50%;left:40%}section.clutch{background-color:#262626;position:relative;padding-bottom:8rem;display:flex;align-items:center;justify-content:center}@media (max-width:768px){section.clutch{margin-top:1rem;padding-bottom:4rem}}section.clutch .cont{width:85%}@media (max-width:768px){section.clutch .cont{width:100%}}