a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:2px solid #443ffc;outline-offset:3px}a:focus-visible{background:none}.button{pointer-events:auto;cursor:pointer;background:#bcff5c;border:none;padding:.6rem 1.2rem;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block;color:#131314;font-family:Righteous!important}.button:after,.button:before{position:absolute;top:0;left:0;width:100%;height:100%}.button--janus{font-weight:900;width:175px;height:120px;color:#131314;background:none}.button--janus:before{content:"";background:#bcff5c;-webkit-clip-path:path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");clip-path:path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");transition:clip-path .5s cubic-bezier(.585,2.5,.645,.55),-webkit-clip-path .5s cubic-bezier(.585,2.5,.645,.55),background .5s ease}.button--janus:hover:before{background:#bcff5c;-webkit-clip-path:path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z");clip-path:path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z")}.button--janus:after{content:"";height:86%;width:97%;top:5%;border-radius:58% 42% 55% 45%/56% 45% 55% 44%;border:1.5px solid #eba103;transform:rotate(-20deg);transition:transform .5s cubic-bezier(.585,2.5,.645,.55)}.button--janus:hover:after{transform:translate3d(0,-5px,0)}.button--janus span{display:block;transition:transform .3s ease;mix-blend-mode:darken}.button--janus:hover span{transform:translate3d(0,-10px,0)}.button--skoll{overflow:hidden;border-radius:50%;color:#fff;width:60px;height:60px;padding:0;font-weight:500;z-index:10}.button--skoll span{display:block;position:relative}.button--skoll>span{overflow:hidden;mix-blend-mode:difference}.button--skoll:hover>span>span{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s .2s forwards}.button--skoll:before{content:"";background:#02020a;width:100%;height:0;padding-bottom:100%;border-radius:50%;transform:translateZ(0);transition:transform .3s;transition-timing-function:cubic-bezier(.7,0,.2,1)}.button--skoll:hover:before{transform:translate3d(0,100%,0)}.button--calypso{overflow:hidden;font-family:freight-display-pro,serif;font-size:1.15rem;border-radius:.85rem;color:#fff}.button--calypso span{display:block;position:relative;mix-blend-mode:difference;z-index:10}.button--calypso:hover span{animation:MoveScaleUpInitial .3s forwards,MoveScaleUpEnd .3s .3s forwards}@keyframes MoveScaleUpInitial{to{transform:translate3d(0,-105%,0) scaleY(2);opacity:0}}@keyframes MoveScaleUpEnd{0%{transform:translate3d(0,100%,0) scaleY(2);opacity:0}to{transform:translateZ(0);opacity:1}}.button--calypso:before{content:"";background:#000;width:120%;height:0;padding-bottom:120%;top:-110%;left:-10%;border-radius:50%;transform:translate3d(0,68%,0) scale3d(0,0,0)}.button--calypso:hover:before{transform:translateZ(0) scaleX(1);transition:transform .4s cubic-bezier(.1,0,.3,1)}.button--calypso:after{content:"";background:#000;transform:translate3d(0,-100%,0);transition:transform .4s cubic-bezier(.1,0,.3,1)}.button--calypso:hover:after{transform:translateZ(0);transition-duration:.05s;transition-delay:.4s;transition-timing-function:linear}.switch{width:80px;height:35px;background-color:grey;display:flex;justify-content:flex-start;border-radius:50px;padding:10px;cursor:pointer;align-items:center;margin-left:auto;top:-40px;right:0;z-index:100;margin-bottom:1vh}.switch[data-isOn=true]{justify-content:flex-end;background-color:#a297f1}.handle{width:20px;height:20px;background-color:green;border-radius:40px}.card{overflow:hidden}.card .imageContainer{position:relative;overflow:hidden;border-radius:10px}.card .imageContainer .iconsContainer{position:absolute;right:0;bottom:0;width:50px;display:flex;flex-direction:column;justify-content:space-between;height:110px;padding:10px 0;background-color:rgba(0,0,0,.5);border-radius:10px 0 0 10px;transform:translateX(100%);transition:all .4s ease}.card .imageContainer .iconsContainer svg{max-width:32px;fill:#fff;margin:auto;cursor:pointer}.card .imageContainer .iconsContainer a{display:flex;align-items:center;justify-content:center}.card .imageContainer:hover .iconsContainer{transform:translateX(0);transition:all .4s ease}.addBtn{width:48px}.addBtn svg{border:1px solid #000;border-radius:50%;width:100%;height:auto}.headerContainer{background-color:#02020a;z-index:9999999;position:fixed;position:-webkit-sticky;top:0;width:100%;left:0}.headerContainer h1{color:#fff;-webkit-text-fill-color:#000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff}.headerContainer a{z-index:1000}.headerContainer a img{width:100px}.requestCards{box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);background-color:#fff}.requestCards .card{min-width:40%;width:40%}nav{background-color:#ebebeb;width:15rem;padding-top:100px}nav .navMenu .navLink{width:80%;overflow:hidden;padding:5px 0}nav .navMenu .navLink a{display:flex;color:#131314;align-items:center;justify-content:flex-start}nav .navMenu .navLink a>div{width:50%;margin-left:25%}nav .navMenu .navLink a>div img{width:20px;margin:auto}nav .navMenu .navLink a h3{transform:translateY(30px);display:none}nav .navMenu .navLink .active{border:1px solid #f5f5f5}nav .navMenu .home{border-bottom:.5px solid #f5f5f5;padding:20px 0}nav .navMenu .home a{justify-content:center}nav .logout img{max-width:20px}.dashboard{max-height:100vh;overflow:auto;position:relative}.dashboard .topbar{min-height:85px;width:100%;background-color:#bcff5c}.dashboard .topbar .rfm-marquee-container{height:100%}.dashboard .topbar .rfm-marquee-container .rfm-marquee{justify-content:space-around}.dashboard .topbar .rfm-marquee-container .rfm-marquee .locationName h1{color:#131314;-webkit-text-fill-color:#000;-webkit-text-stroke-width:1px;display:flex;align-items:flex-end}.dashboard .topbar .rfm-marquee-container .rfm-marquee .rfm-initial-child-container{justify-content:space-around;width:100%}.dashboard .cardsContainer .card{width:90%;height:250px;justify-self:center;border-radius:25px;background-color:#333;background-image:linear-gradient(150deg,#02020a -26%,#121212 74%);display:flex;flex-direction:column;justify-content:space-between}.dashboard .cardsContainer .card h1{color:#fff;padding-top:15px}.dashboard .cardsContainer .card a{align-self:flex-end}#modal-modal-description,#modal-modal-title{font-family:Righteous!important}.deleteBtn{margin-left:10px!important}.viewContainer{margin-top:8vh;overflow:auto;position:relative}.viewContainer .cardsContainer .card{overflow:hidden}.viewContainer .cardsContainer .card .imageContainer{position:relative;overflow:hidden;border-radius:10px;background-color:#131314}.viewContainer .cardsContainer .card .imageContainer .iconsContainer{position:absolute;right:0;bottom:0;width:50px;display:flex;flex-direction:column;justify-content:space-between;height:110px;padding:10px 0;background-color:rgba(0,0,0,.5);border-radius:10px 0 0 10px;transform:translateX(100%);transition:all .4s ease}.viewContainer .cardsContainer .card .imageContainer .iconsContainer svg{max-width:32px;fill:#fff;margin:auto;cursor:pointer}.viewContainer .cardsContainer .card .imageContainer a h1{color:#fff}.viewContainer .cardsContainer .card .imageContainer:hover .iconsContainer{transform:translateX(0);transition:all .4s ease}.loginContainer{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-image:url(https://d3kuxj311ts9a8.cloudfront.net/creativeapes/landing/creativeapes_landing_70.jpg)}.loginContainer .formContainer{width:400px;height:400px;display:flex;align-items:center;justify-content:space-between;border:1px solid #333;margin-right:0;border-radius:10px}.loginContainer .formContainer .innerContainer{width:100%}.loginContainer .formContainer .innerContainer .formfields{display:flex;flex-direction:column;justify-content:center;height:100%;width:70%;margin:auto}.loginContainer .formContainer .innerContainer .formfields input{margin:10px 0;border-bottom:1px solid #333;outline:none}.loginContainer .formContainer .innerContainer .formfields button{margin-top:50px;padding:10px;background-color:#333;border-radius:10px;color:#e6e6e6}.blog__section_container{display:flex;align-items:center;justify-content:center;flex-direction:column}.blog__section_container .blog_header_container{min-height:60vh;display:flex;justify-content:center;flex-direction:column;max-width:50%}.blog__section_container .blog_header_container .tip_container{margin:30px 0}.blog__section_container .blog_header_container .tip_container p{font-size:1.5rem}.blog__section_container .blog_header_container .heading_container{max-width:100%;margin-left:auto;margin-right:auto;perspective:900px}.blog__section_container .blog_header_container .heading_container h1{text-align:center;font-size:3.5rem;transform:rotateY(-10deg) rotateX(-15deg);line-height:1.1}.blog__section_container .blog_header_container .category_container{margin:30px 0;text-align:center}.blog__section_container .blog_header_container .category_container>div{display:flex;align-items:center;justify-content:space-between;margin:auto}.blog__section_container .blog_header_container .category_container>div button{padding:10px 25px;border:2px solid #000;border-radius:50px;color:#222;font-weight:700}.blog__section_container .blog_header_container .category_container>div .Mui-selected{background-color:#222!important;color:#fff!important}.blog__section_container .blog_post_container{width:85%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:80px;padding-top:50px}.blog__section_container .blog_post_container .tile{width:350px;height:350px;justify-self:center;position:relative;margin:auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog__section_container .blog_post_container .tile .iconsContainer{position:absolute;right:0;bottom:0;width:50px;display:flex;flex-direction:column;justify-content:space-between;height:110px;padding:10px 0;background-color:rgba(0,0,0,.5);border-radius:10px 0 0 10px;transform:translateX(100%);transition:all .4s ease;z-index:1000}.blog__section_container .blog_post_container .tile .iconsContainer svg{max-width:32px;fill:#fff;margin:auto;cursor:pointer}.blog__section_container .blog_post_container .tile .iconsContainer a{display:flex;align-items:center;justify-content:center}.blog__section_container .blog_post_container .tile:hover .iconsContainer{transform:translateX(0);transition:all .4s ease}.blog__section_container .blog_post_container .tile .grid_container{z-index:2}.blog__section_container .blog_post_container .tile .grid_container img{width:100%}.blog__section_container .blog_post_container .tile .title_container{position:absolute;z-index:3;max-width:80%}.blog__section_container .blog_post_container .tile .title_container .tag{text-align:center}.blog__section_container .blog_post_container .tile .title_container .tag p{padding:5px 7px;border-radius:14px;border:2px solid #000;display:inline-block;font-size:.8rem}.blog__section_container .blog_post_container .tile .title_container .title{font-size:1.5rem}.blog__section_container .blog_post_container .tile .title_container .time{position:absolute;bottom:-50px}.blog__section_container .blog_post_container .tile .wave_text_container{position:absolute;left:0;width:100%;height:100%}.blog__section_container .blog_post_container .tile .wave_text_container svg{transform:rotate(120deg) translateX(20%) translateY(45%);width:70%;height:auto}.blog__section_container .blog_post_container .tile .wave_text_container textPath{font-size:1.1rem}.blog__section_container .counter__counter{margin-bottom:50px;width:90%}.blog_banner_container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.blog_banner_container .image_container{position:absolute;width:100%;height:100%;top:0}.blog_banner_container .image_container .quote_img{position:absolute;width:200px}.blog_banner_container .image_container .quote_img img{width:100%}.blog_banner_container .image_container .one{right:10%;top:15%}.blog_banner_container .image_container .two{right:25%;top:15%}.blog_banner_container .image_container .three{right:9%;bottom:15%}.blog_banner_container .image_container .four{left:9%;top:15%}.blog_banner_container .lottie_container{min-height:90vh;perspective:900px;display:flex;flex-direction:column;justify-content:center}.blog_banner_container .lottie_container .heading_text{font-size:9rem;color:#000;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;letter-spacing:5px}.blog_banner_container .lottie_container .first{transform:rotateY(-6deg) rotateX(15deg) translateZ(50px) scaleY(1.2)}.blog_banner_container .lottie_container .second{transform:rotateY(-12deg) rotateX(-8deg) translateZ(150px) scaleY(1.2)}.blog_banner_container .lottie_container .third{transform:rotateY(-12deg) rotateX(-10deg) translateZ(150px) scaleY(1.2)}.blog_banner_container .lottie_container .fourth{transform:rotateY(-6deg) rotateX(-20deg) translateZ(50px) scaleY(1.3)}.back-btn{position:absolute;left:5vh;top:5vh}.pagination_container{display:flex;align-items:center;justify-content:center;padding-bottom:3vh;padding-top:3vh;width:50%;margin:auto}.pagination_container .page-count{padding:.8rem}.pagination_container .page-count h2{cursor:pointer;font-size:1.5rem}.addshowcase__container{width:85vw;display:flex;justify-content:space-between;align-items:flex-start;padding:4rem}.addshowcase__container .inputs__container{width:80%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:1vh;z-index:999999;margin-left:auto}.addshowcase__container .showcase-container{width:100%;margin-top:3vh;padding-bottom:3vh}.addshowcase__container .showcase-container img{padding:2vh;width:50%}.addshowcase__container .showcase-container video{width:50%}.showcase-detail .showcase-container{width:100vw}.showcase-detail .showcase-container img,.showcase-detail .showcase-container video{width:100%}.next-project-container{min-height:45vh;width:100%}.next-project-container .project-container{display:flex;align-items:center;justify-content:space-around;min-height:50vh}.next-project-container .project-container .project-tile{width:25%}.next-project-container .project-container .project-tile .image-tile{position:relative}.next-project-container .project-container .project-tile .image-tile p{color:#131314;line-height:1.18}.next-project-container .project-container .project-tile .image-tile img{width:100%;border-radius:25px;margin-top:1vh}.next-project-container .project-container .project-tile .image-tile svg{position:absolute;bottom:20px;left:20px;width:20px;fill:#fff}.next-project-container .more-projects{padding:0 4vw;margin-top:10vh}.invoice_container{padding:5rem;width:80vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.invoice_container .invoice__type{padding:0 2rem}.invoice_container .invoice__type .invoice__type--name{font-size:1.3rem;font-weight:700;text-transform:uppercase}.invoice_container .sperater{width:100%;background-color:blue;height:1rem;margin-top:1rem}.invoice_container .company__details--container{display:flex;align-items:flex-start;justify-content:space-between;padding:0 2rem;width:100%;margin-top:1rem}.invoice_container .company__details--container .company__details{flex:1}.invoice_container .company__details--container .company__details h1{font-size:1.6rem;font-weight:600}.invoice_container .company__details--container .company__bank--details{flex:1}.invoice_container .company__details--container .company__bank--details h1{font-size:1.3rem;font-weight:600}.invoice_container .invoice__name--container{padding:0 2rem;margin-top:1rem}.invoice_container .invoice__name--container .invoice__name .name{font-size:1rem;font-weight:600}.invoice_container .invoice__name--container .invoice__date .date{font-size:1.2rem;font-weight:600}.invoice_container .invoice__details--container{display:flex;width:100%;justify-content:space-between;padding:0 2rem;margin-top:1rem;min-height:12rem}.invoice_container .invoice__details--container .clients__details--container{flex:1}.invoice_container .invoice__details--container .clients__details--container h1{font-weight:600}.invoice_container .invoice__details--container .payblefrom{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.invoice_container .invoice__details--container .payblefrom h1{font-weight:600}.invoice_container .invoice__details--container .invoice__numbers--container{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.invoice_container .invoice__details--container .invoice__numbers--container h1{font-weight:600}.invoice_container .invoice__table--container{margin-top:1rem;width:100%}.invoice_container .invoice__table--container span{margin-left:10px}.invoice_container .invoice__table--container table{border:none;width:100%}.invoice_container .invoice__table--container td,.invoice_container .invoice__table--container th{text-align:center;padding:8px}.invoice_container .invoice__table--container td:first-child,.invoice_container .invoice__table--container th:first-child{text-align:left;width:50%}.invoice_container .invoice__table--container tr:nth-child(2n){background-color:#ddd}.blog-generator{width:70%;margin:7rem auto auto}.blog-generator h1{font-size:3rem;text-align:center}.blog-generator button{padding:10px 40px;background-color:#131314;color:#fff;border-radius:3px}