@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);*{box-sizing:border-box;font-family:Josefin Sans,sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,p{color:#fff}h1,h2{color:#ff0}p{font-size:18px;line-height:1.5;padding:.5em 0}body{background-image:linear-gradient(180deg,#000,rgba(0,0,0,.4),rgba(0,0,0,.2)),url(/static/media/backgroundImage.067fb6e3b2f3ba36e6ce.png);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:all 2s}body a{text-decoration:none}.closable{align-items:center;align-self:center;cursor:pointer;display:inline;position:absolute;right:11vw;top:4vh;z-index:1}.closable .bar1,.closable .bar2,.closable .bar3{background-color:#fff;height:5px;margin:6px 0;transition:.4s;width:35px}.closable .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px)}.closable .bar2{opacity:0}.closable .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px)}.overlay{-webkit-animation:overlay 1s;animation:overlay 1s;background-color:#000;height:100vh;position:fixed;transition:all 1s;width:100vw;z-index:2}@-webkit-keyframes overlay{0%{opacity:0}to{opacity:1}}@keyframes overlay{0%{opacity:0}to{opacity:1}}.overlay ul{left:50vw;list-style-type:none;position:absolute;text-align:center;top:50vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.overlay ul li{margin:2px 0}.overlay ul li h3{color:hsla(0,0%,100%,.435);font-size:30px;font-weight:500;padding:10px 20px}.overlay ul li h3:hover{color:#fff;transition:color .8s}header{position:-webkit-sticky;position:sticky;transition:all 1s;transition-delay:15s;width:100%;z-index:1}header:hover{opacity:1;transition-delay:.2s}header .header{display:flex;margin:auto;width:80%}header .header .logo{display:inline-flex;transition:all 3s;z-index:0}header .header .logo img{padding:20px 0;width:200px}header .header .menuClickable{align-items:center;align-self:center;cursor:pointer;display:inline;position:absolute;right:11vw;z-index:1}header .header .menuClickable .bar1,header .header .menuClickable .bar2,header .header .menuClickable .bar3{background-color:#fff;height:5px;margin:6px 0;transition:.4s;width:35px}header .header .menuClickable .clicked .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px)}header .header .menuClickable .clicked .bar2{opacity:0}header .header .menuClickable .clicked .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px)}footer div{margin:0 auto;padding:10px;text-align:center}footer div h3{font-weight:400}.img-Container{position:relative}.img-Container img{position:absolute;right:2vw;width:50%}.modal_overlay{background-color:rgba(0,0,0,.96);height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:3}.modal_overlay .close{color:#f1f1f1;font-size:40px;font-weight:700;position:fixed;right:5%;text-shadow:0,0,2,#000;top:3%;transition:.3s}.modal_overlay .modal-img{transition:all 2s}.modal_overlay #caption,.modal_overlay .modal-img{display:block;margin:auto;max-width:900px;width:80%}.modal_overlay #caption{color:#ccc;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;padding:20px 0;text-align:left}.modal_overlay #caption h2{text-transform:capitalize}.container{-webkit-animation:container 2s;animation:container 2s;margin:0 auto;overflow:auto;position:relative;width:80%}@-webkit-keyframes container{0%{opacity:0}to{opacity:1}}@keyframes container{0%{opacity:0}to{opacity:1}}.landingPage{height:110vh}.landingPage img{position:absolute;right:2%;top:2%;width:45%}.landingPage .helloText{align-content:baseline;margin-top:150px;text-shadow:#000 0 0 2px;width:60%}.landingPage .helloText h1{font-size:45px}.landingPage .helloText p span{transition:all 1s}.landingPage .helloText span{cursor:pointer}.landingPage .helloText .btn{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;padding:12px 20px;text-shadow:#000 0 0 0;text-transform:uppercase;transition:all .5s}.landingPage .helloText .btn:hover{background-color:#ff0;border-radius:120px;color:#000;font-weight:700;padding:12px 30px 12px 20px}.landingPage .helloText .btn-white{border:2px solid #ff0;border-radius:100px;color:#fff;display:block;margin:15px 0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.about{height:110vh;overflow-y:auto}.about h1{padding:20px 0;text-align:center}.about .hero_details{grid-gap:40px;display:grid;grid-template-columns:1fr 3fr;width:100%}.about .hero_details .hero_pic img{max-width:250px;position:fixed}.portfolio{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin-bottom:50px;overflow:hidden}.portfolio h1{padding:20px 0;text-align:center}.portfolio .tabs{border-bottom:5px solid #fff;margin:20px 0}.portfolio .tabs button{background:none;border:none;color:#fff;font-size:18px;padding:10px 15px;transition:.5s}.portfolio .tabs button:active,.portfolio .tabs button:visited{background-color:rgba(0,0,0,.19);color:#fff}.portfolio .tabs button:hover{background-color:rgba(0,0,0,.309)}.portfolio .tabs .active-tab.active{background-color:#fff;color:#000}.portfolio .tabs .active-tab.active:active,.portfolio .tabs .active-tab.active:focus{border:none;outline:none}.portfolio .port_box{grid-gap:1em;display:grid;grid-template-columns:repeat(4,1fr)}.portfolio .port_box #portfolio_link{display:inline;float:right}.portfolio .port_box .work{-webkit-animation:work 2s;animation:work 2s;cursor:pointer;position:relative}.portfolio .port_box .work h3{bottom:10%;font-weight:400;left:5%;position:absolute;text-shadow:2px,2px,2px,#000;text-transform:capitalize;transition:all 2s;transition:all .5s;z-index:1}.portfolio .port_box .work img{background-color:rgba(0,0,0,.15);opacity:.5;transition:all 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;width:100%}.portfolio .port_box .work:hover{background-color:#000}.portfolio .port_box .work:hover h3{background-color:rgba(0,0,0,.851);opacity:1;padding:2px 5px 2px 10px;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .5s}.portfolio .port_box .work:hover img{-webkit-animation:img 10s;animation:img 10s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all 1s}@-webkit-keyframes img{50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes img{50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes work{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes work{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contact{height:100vh;text-align:center}.contact h1{padding:20px 0}.contact .socialIcons{padding:20px}.contact .socialIcons img{margin:0 5px;width:60px}.plans{height:100vh;margin-top:20px;overflow-x:hidden}.plans h4{border-bottom:2px;display:inline;float:right;padding-right:5%}.plans h4 a{color:#fff}.plans h4 a img{transition:all .7s;width:15px}.plans h4:hover img{-webkit-transform:translateX(15px);transform:translateX(15px);transition:all .7s}.plans h1{margin-bottom:40px;text-align:center}.plans .plans_box{display:grid;grid-template-columns:repeat(3,1fr);padding:initial;transition:all 1s;transition-delay:.3s}.plans .plans_box span{margin:0 0 80px}.plans .plans_box span .plan{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:hsla(0,1%,47%,.259);border-radius:100%;cursor:pointer;height:250px;margin:0 auto;position:relative;transition-delay:.3s;transition:all 1s;width:250px}.plans .plans_box span .plan img{position:absolute;transition:all 1s;transition-delay:.3s}.plans .plans_box span .plan #mobile{height:65%;left:33%;top:18%}.plans .plans_box span .plan #design,.plans .plans_box span .plan #web{height:45%;left:20%;top:30%}.plans .plans_box span .plan h1{font-weight:400;text-align:center;top:105%;-webkit-transform:translate(-50%);transform:translate(-50%)}.plans .plans_box span .plan h1,.plans .plans_box span .plan ul{left:50%;position:absolute;transition:all 1s;transition-delay:.3s}.plans .plans_box span .plan ul{border-top:2px solid #fff;opacity:0;top:30%;-webkit-transform:translate(-50%) scale(0);transform:translate(-50%) scale(0);width:80%}.plans .plans_box span .plan ul li{list-style-type:none;padding:8px 0}.plans .plans_box span .plan ul li img{margin:-8px 15px 0;width:-webkit-fill-available}.plans .plans_box span .plan ul li .price-tag{background-color:#fff;border-radius:50px;color:#000;display:inline-block;font-weight:700;text-align:center}.plans .plans_box span .plan ul li .price-tag h2{color:red;font-size:40px}.plans .plans_box span .plan ul li .price-tag h2 span{font-size:10px}.plans .plans_box span .plan ul li h3{color:#000;font-size:22px!important;font-weight:300;text-align:center}.plans .plans_box span .plan ul li h3 span{color:#ff0;font-size:50px;font-weight:500}.plans .plans_box span .plan ul .price{position:relative}.plans .plans_box span .plan ul .price img{z-index:0}.plans .plans_box span .plan ul .price .pricespan{color:#fff;position:absolute;top:auto;z-index:4}.plans .plans_box span .plan ul .price .pricespan h1{font-size:40px;font-weight:700}.plans .plans_box span .plan:hover{background-color:hsla(0,0%,100%,.8);border-radius:20px;height:400px;-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all 1s;width:300px}.plans .plans_box span .plan:hover h1{color:rgba(0,0,0,.702);font-weight:700;top:18%}.plans .plans_box span .plan:hover ul{opacity:1;-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}.plans .plans_box span .plan:hover img{position:absolute;transition:all 1s;transition-delay:.3s}.plans .plans_box span .plan:hover #mobile{height:14%;left:45%;top:3%}.plans .plans_box span .plan:hover #design,.plans .plans_box span .plan:hover #web{height:14%;left:37%;top:3%}@media screen and (max-width:1024px){header{background-color:#000;opacity:1;position:-webkit-sticky;position:sticky;z-index:0}header .header{width:90%}header .header .logo img{width:20vw}header .header .logo h2{font-size:3.7vw}header .header .menuClickable{right:5vw}header .header .menuClickable .bar1,header .header .menuClickable .bar2,header .header .menuClickable .bar3{height:3px;width:20px}.container{scrollbar-width:0;width:90%}.container .landingPage .helloText{width:80%}.container .about{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;padding:0}.container .about .hero_details{grid-gap:20px;align-items:center;display:grid;grid-template-columns:1fr;padding:20px 0;width:100%}.container .about .hero_details .hero_pic{justify-self:center}.container .about .hero_details .hero_pic img{max-width:320px;position:static}.container .portfolio .port_box{grid-template-columns:repeat(2,1fr)}.container .plans{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content}.container .plans .plans_box{grid-gap:20px;display:grid;grid-template-columns:repeat(1,1fr);transition:all 1s;transition-delay:.3s}.container .plan{margin-bottom:40px!important}.landingPage{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;padding-bottom:40px}.landingPage img{right:1%;top:10%;width:55%}.landingPage .helloText{margin-top:30%;width:60%}.landingPage .helloText h1{font-size:30px}.landingPage .helloText p{font-size:18px;width:70%}.landingPage .helloText .btn-white{font-size:15px;width:auto}}@media screen and (max-width:768px){header{background-color:#000;background-position-x:50em}header .header{width:95%}header .header .logo img{padding:8px 0;width:200px}header .header .menuClickable{right:5vw}.container{scrollbar-color:none}.container .landingPage .helloText{width:100%}.container .portfolio .port_box{grid-template-columns:repeat(1,1fr)}.container .portfolio .tabs button{font-size:12px}.landingPage img{right:2%;top:11%;width:95%}.landingPage .helloText{margin-top:125%;text-align:center;width:100%}.landingPage .helloText h1{font-size:30px}.landingPage .helloText p{font-size:18px;text-align:center;width:100%}.landingPage .helloText .btn-white{font-size:15px}.landingPage .helloText .btn-white:hover{padding:12px 30px}.overlay ul li h3{font-size:medium}.modal_overlay{width:100%}.modal_overlay #caption,.modal_overlay .modal-img{width:95%}footer div h3{font-size:5vw}}.empty-page{background-color:rgba(0,0,0,.02);display:flex;min-height:60vh;overflow-y:hidden}.skeleton{-webkit-animation:loading 10s infinite;animation:loading 10s infinite;background:linear-gradient(90deg,rgba(32,32,32,.192) 25%,hsla(0,1%,49%,.067) 50%,rgba(65,3,3,.145) 75%);background-size:200% 100%}@-webkit-keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.flex-wrap{display:flex;flex-wrap:wrap}.relative{position:relative}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.backdrop-blur-md{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-container{box-sizing:border-box;padding:1rem;position:relative;text-align:center;width:25%}.icon-container:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.icon-img{height:4rem;margin:0 auto}.floatingWwhatsappBTN{border:none;bottom:1rem;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:14px;line-height:1.5;position:fixed;right:1rem;text-align:center;transition:all .3s ease;width:70px;z-index:10}.floatingWwhatsappBTN:hover{box-shadow:0 0 20px rgba(0,0,0,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}@media (min-width:992px){.floatingWwhatsappBTN{bottom:1.5rem;right:1.5rem;width:100px}}
/*# sourceMappingURL=main.a9af1d5a.css.map*/