@import url(https://fonts.googleapis.com/css2?family=Laila:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.title{color:#6b0404;font-family:Laila,serif;font-size:40px;font-weight:700;line-height:100%}@media(max-width:1024px){.title{font-size:36px}}@media(max-width:768px){.title{font-size:24px}}.detail-para{color:#000;font-family:Laila,serif;font-size:24px;font-weight:500;line-height:140%}@media(max-width:768px){.detail-para{font-size:16px}}.pt-48{padding-block:48px}@media(max-width:768px){.pt-48{padding-block:24px}}.ml-72{margin-inline:72px}@media(max-width:1024px){.ml-72{margin-inline:36px}}@media(max-width:768px){.ml-72{margin-inline:16px}}.laila-light{font-weight:300}.laila-light,.laila-regular{font-family:Laila,serif;font-style:normal}.laila-regular{font-weight:400}.laila-medium{font-weight:500}.laila-medium,.laila-semibold{font-family:Laila,serif;font-style:normal}.laila-semibold{font-weight:600}.laila-bold{font-family:Laila,serif;font-style:normal;font-weight:700}.main-nav{margin:auto;width:70vw}@media(max-width:1024px){.main-nav{width:calc(100vw - 32px)}}.main-nav .nav{align-items:center;border-bottom:2px solid #a0bf24;box-shadow:0 4px 2px -2px #0003;display:flex;justify-content:space-between;padding:8px 0;position:relative;width:100%}@media(max-width:768px){.main-nav .nav .icon img{height:40px;width:40px}}.main-nav .nav .nav-items{align-items:center;display:flex;flex-basis:1;justify-content:space-between;transition:all 1s linear;width:80%}@media(max-width:1074px){.main-nav .nav .nav-items{background-color:#fff;background:#fff;display:none;flex-direction:column;left:0;padding:16px;position:absolute;top:0;transition:all 1s linear;width:100%}}.main-nav .nav .nav-items.active{display:flex;transform:translateY(0);transform-origin:right;transition:all 1s linear;z-index:1001}.main-nav .nav .nav-items.open{transform:translateX(0)}.main-nav .nav .nav-items li{list-style:none}.main-nav .nav .nav-items li a{color:#6b0404;font-family:Laila,serif;font-size:18px;font-weight:600;text-decoration:none}.main-nav .nav .nav-items li a.active{border-bottom:2px solid #353d15;color:#353d15}.main-nav .nav .nav-items li:active a{border-bottom:2px solid #353d15;color:#151354}.main-nav .nav .nav-items li:hover{background-color:#a0bf24;border-radius:5px;transition:all .5s linear}.main-nav .nav .nav-items li:hover a{color:#fff}.main-nav .nav .header-close{color:#6b0404;display:none;font-size:24px;font-weight:800}@media(max-width:1024px){.main-nav .nav .header-close{display:block;z-index:1003}}.hero .main-hero-box{align-items:center;display:flex;gap:36px;justify-content:space-between;margin:auto;padding-top:36px}@media(max-width:1024px){.hero .main-hero-box{align-items:center;flex-direction:column-reverse;flex-wrap:wrap;justify-content:center;padding-top:24px}}.hero .main-hero-box .left-box{display:flex;margin:auto}@media(max-width:1024px){.hero .main-hero-box .left-box img{height:70%;margin:auto;width:70%}}.hero .main-hero-box .right-box{display:flex;flex-direction:column;gap:12px;justify-content:center;text-align:center}.hero .main-hero-box .right-box p{font-weight:500}@media(max-width:768px){.hero .main-hero-box .right-box p{display:flex;flex-direction:column;gap:16px}}.hero .main-hero-box .right-box p span.name{color:#6b0404;font-size:32px;font-weight:600}.hero .main-hero-box .right-box .profile-name{animation:fadeInOut 5s infinite;border-bottom-right-radius:1px solid gray;box-shadow:0 4px 2px -2px #0003;color:#353d15;margin:auto;opacity:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:.5}10%,90%{opacity:1}}.case-study{background-image:url(/static/media/case-bg.fbe0f24cc10d088d6e6b.png);background-position:bottom}.case-study .case-main{align-items:center;display:flex;gap:36px;justify-content:space-between;object-fit:cover;position:static}@media(max-width:1074px){.case-study .case-main{flex:100% 1;flex-direction:column}}.case-study .case-main .case-left{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px;justify-content:center;text-align:center}.case-study .case-main .case-left .case-para{color:#151354}.case-study .case-main .case-left .list-work li{color:#151354;font-size:20px;text-align:left}.case-study .case-main .case-left p{color:#151354;font-size:20px}.case-study .case-main .case-right{grid-gap:32px;display:grid;flex:1 1;gap:32px;grid-template-columns:repeat(2,230px);justify-content:space-around}@media(max-width:768px){.case-study .case-main .case-right{grid-template-columns:1fr}}.case-study .case-main .case-right .case-right-box{align-items:center;border-bottom:2px solid #6b0404;border-left:2px solid #6b0404;border-radius:10px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;padding-bottom:8px;text-align:center}.case-study .case-main .case-right .case-right-box:hover{transform:scale(1.1);transition:all .5s linear}.case-study .case-main .case-right .case-right-box .case-img{height:350px;width:200px}.case-study .case-main .case-right .case-right-box .case-img img{border-radius:10px 10px 0 0;width:99%}.case-study .case-main .case-right .case-right-box .case-title{font-size:24px}.case-detail-page{opacity:0;position:relative;transform:translateX(-100%);transition:all .5s linear}.case-detail-page .case-detail-main{background:#0003;left:0;position:absolute;top:0;width:100%;z-index:1000}.case-detail-page .case-detail-main .deatilpages .detail-close-icon{color:#6b0404;height:32px;position:absolute;right:10px;top:10px;width:32px;z-index:1002}@media(max-width:768px){.case-detail-page .case-detail-main .deatilpages .detail-close-icon{height:20px;width:20px}}.case-detail-page .case-detail-main .details{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;justify-items:center;margin-inline:16px;margin-top:16px;padding:24px}@media(max-width:1024px){.case-detail-page .case-detail-main .details{grid-gap:12px;grid-template-columns:repeat(2,1fr)}}.case-detail-page .case-detail-main .details .detail-img img{width:100%}.case-detail-page .case-detail-main .grid2{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:0 18% 20% 15% 15% 12% 20%;justify-items:center}@media(max-width:1024px){.case-detail-page .case-detail-main .grid2{grid-template-columns:25% 25% 25% 25%;margin:16px}}.case-detail-page .case-detail-main .grid2 .detail-img{align-items:center;margin:auto}.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(2){grid-column:2;grid-row:1/3}@media(max-width:1024px){.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(2){grid-row:1/2}}.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(3){grid-column:3;grid-row:1/3}@media(max-width:1024px){.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(3){grid-column:1;grid-row:2/3}}.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(4){grid-column:4;grid-row:1/3}@media(max-width:1024px){.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(4){grid-column:2;grid-row:1/2}}.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(5){grid-column:5;grid-row:1/2}@media(max-width:1024px){.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(5){grid-column:2;grid-row:2/3}}.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(6){grid-column:5;grid-row:2/3}@media(max-width:1024px){.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(6){grid-column:3;grid-row:1/2}}.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(7){grid-column:6;grid-row:1/2}@media(max-width:1024px){.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(7){grid-column:3;grid-row:2/3}}.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(8){grid-column:6;grid-row:2/3}@media(max-width:1024px){.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(8){grid-column:4;grid-row:1/3}}.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(9){grid-column:7;grid-row:1/3}@media(max-width:1024px){.case-detail-page .case-detail-main .grid2 .detail-img:nth-child(9){grid-column:4;grid-row:2/3}.case-detail-page .case-detail-main .grid2 .detail-img{max-width:200px}}.case-detail-page .case-detail-main .grid3{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:20% 30% 25% 25%;justify-items:center}@media(max-width:768px){.case-detail-page .case-detail-main .grid3{grid-template-columns:50% 50%}}.case-detail-page .case-detail-main .grid3 .detail-img{align-items:center}.case-detail-page .case-detail-main .grid3 .detail-img:first-child{grid-column:1;grid-row:1/2}.case-detail-page .case-detail-main .grid3 .detail-img:nth-child(2){grid-column:1;grid-row:2/3}.case-detail-page .case-detail-main .grid3 .detail-img:nth-child(3){grid-column:2;grid-row:1/2}.case-detail-page .case-detail-main .grid3 .detail-img:nth-child(4){grid-column:2;grid-row:2/3}.case-detail-page .case-detail-main .grid3 .detail-img:nth-child(5){grid-column:3;grid-row:1/3}.case-detail-page .case-detail-main .grid3 .detail-img:nth-child(6){grid-column:4;grid-row:1/3}.case-detail-page .case-detail-main .grid4{display:grid;grid-template-columns:50% 50%}.case-detail-page .case-detail-main .grid4 .detail-img:first-child{grid-column:1;grid-row:1/2;margin-right:auto}.case-detail-page .case-detail-main .grid4 .detail-img:nth-child(2){grid-column:1;grid-row:2/3;margin-left:auto}.case-detail-page .case-detail-main .grid4 .detail-img:nth-child(3){grid-column:2;grid-row:1/2}.case-detail-page .case-detail-main .grid4 .detail-img:nth-child(4){grid-column:2;grid-row:2/3}.slide-in{opacity:1;transform:translateX(0)}.prototype-link{position:absolute;top:0}.prototype-link .figma-link{color:red;font-size:20px;left:50px;text-decoration:underline;top:100px}.stepvest{background-color:#000}.stepvest .case-title{color:#e7f5e1}.stepvest img{padding-top:50px}.munchon{background-color:#fff}.munchon img{height:350px;width:100px}.collegepur{background-color:#7c6cd4}.collegepur img{padding:50px 0}.todo{background-color:#fff}.project-page{background-image:none;overflow:hidden;position:relative}.project-page :before{background-image:url(/static/media/dummy-page-bg.683fc4d17f03f5fe5fab.png);background-position:50%;background-size:cover;content:"";height:100%;left:20%;opacity:.05;overflow:hidden;position:absolute;top:10%;transform:rotate(-10deg);transform-origin:center;width:100%;z-index:-1}.project-page .proj-main{grid-template-columns:60% 40%}@media(max-width:768px){.project-page .proj-main{display:flex;flex-direction:column-reverse}}.project-page .proj-main .proj-box{width:60%}.project-page .proj-main .case-left .proj-para,.project-page .proj-main .case-left .title{color:#151354}.dummy-pro-page .pro-img{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dummy-pro-page .pro-img .border-top{background-color:#c57f3e;height:8px;left:-5%;position:absolute;top:0;width:120%}.dummy-pro-page .pro-img .border-right{background-color:#c57f3e;height:120%;position:absolute;right:0;top:-5%;width:8px}.dummy-pro-page .pro-img .border-bottom{background-color:#c57f3e;bottom:0;height:8px;position:absolute;right:-5%;width:120%}.dummy-pro-page .pro-img .border-left{background-color:#c57f3e;bottom:-5%;height:120%;left:0;position:absolute;width:8px}.portfolios{grid-gap:3.5rem 2.5rem;display:grid;grid-template-columns:50% 50%;margin:auto}@media(max-width:1520px){.portfolios{grid-gap:3rem 2rem}}@media(max-width:1024px){.portfolios{grid-gap:3.5rem 2.5rem}}@media(max-width:830px){.portfolios{align-items:center;display:flex;flex-direction:column;width:100%}}.portfolios .portfolio-item{position:relative}.portfolios .portfolio-item .image{image-rendering:auto}.portfolios .portfolio-item img{border-radius:15px;height:180px;object-fit:cover;width:350px}@media(max-width:1520px){.portfolios .portfolio-item img{width:300px}}.portfolios .portfolio-item .hover-item{align-items:center;background:#000001cc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:.2;opacity:0;position:absolute;top:0;transform:scale(0);transition:all .4s ease-in-out;width:350px}@media(max-width:1520px){.portfolios .portfolio-item .hover-item{width:300px}}.portfolios .portfolio-item .hover-item h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.portfolios .portfolio-item .hover-item .icons,.portfolios .portfolio-item .hover-item .icons .icon{align-items:center;display:flex;justify-content:center}.portfolios .portfolio-item .hover-item .icons .icon{background-color:#d9d9d9;border-radius:50%;cursor:pointer;height:50px;margin:0 1rem;transition:all .4s ease-in-out;width:50px}@media(max-width:768px){.portfolios .portfolio-item .hover-item .icons .icon{height:35px;width:35px}}.portfolios .portfolio-item .hover-item .icons .icon svg{height:30px;width:30px}@media(max-width:768px){.portfolios .portfolio-item .hover-item .icons .icon svg{height:20px;width:20px}}.portfolios .portfolio-item .hover-item .icons .icon:hover{background-color:#a0bf24}.portfolios .portfolio-item .hover-item .icons .icon:hover i{color:#6b0404}.portfolios .portfolio-item:hover .hover-item{opacity:1;transform:scale(1)}.about-container{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;margin:auto;padding-bottom:2rem;padding-top:2rem;width:90vw}@media(max-width:1113px){.about-container{grid-template-columns:1fr}}.about-container .right-about{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,3fr));padding-right:6rem}@media(max-width:930px){.about-container .right-about{grid-template-columns:1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.about-container .right-about .about-item{background-color:rgba(157,200,157,.431);border:1px solid #d9d9d9;border-radius:5px;box-shadow:1px 2px 15px #0000001a;transition:all .4s ease-in-out}.about-container .right-about .about-item:hover{border:1px solid #353d15;box-shadow:1px 4px 15px #00000052;cursor:default;transform:1px solid #a0bf24}.about-container .right-about .about-item .abt-text{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1.5rem}.about-container .right-about .about-item .abt-text .large-text{color:#151354;font-size:2rem;font-weight:700}@media(max-width:768px){.about-container .right-about .about-item .abt-text .large-text{font-size:1.5rem}}.about-container .right-about .about-item .abt-text .small-text{color:#6b0404;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding-left:3rem;position:relative;text-transform:uppercase}@media(max-width:768px){.about-container .right-about .about-item .abt-text .small-text{font-size:1rem}}.about-container .right-about .about-item .abt-text .small-text:before{background-color:var(--color-grey-5);content:"";height:2px;left:0;position:absolute;top:15px;width:2rem}.about-container .right-about .btn-icon svg{width:.8em .8em}.about-container .left-about{padding-right:1rem}@media(max-width:1110px){.about-container .left-about{padding-right:5rem}}.about-container .left-about p{color:var(--color-grey-1);font-size:1.2rem;line-height:1.75rem;padding:1rem}@media(max-width:768px){.about-container .left-about p{font-size:.8rem}}.about-container .left-about h4{font-size:2rem;text-transform:uppercase}@media(max-width:768px){.about-container .left-about h4{font-size:1.5rem}}.about-container .left-about .btn-con{background-color:#6b0404;border-radius:15px;padding:.8rem 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-container .left-about .btn-con a{color:#fff;font-size:1rem}.about-container .left-about .btn-con .btn-icon svg{color:#fff;width:.8em .8em}.about-stats{padding-bottom:4rem}.about-stats .progress-bars{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:769px){.about-stats .progress-bars{grid-template-columns:1fr}}.about-stats .progress-bars .progress-bar{display:flex;flex-direction:column}.about-stats .progress-bars .progress-bar .prog-title{color:#b0350f;font-size:1.2rem;font-weight:700;text-transform:uppercase}.about-stats .progress-bars .progress-bar .progress-con{align-items:center;display:flex}.about-stats .progress-bars .progress-bar .progress-con .prog-text{color:#151354;font-weight:600}.about-stats .progress-bars .progress-bar .progress-con .progress{background-color:#d9d9d9;height:.45rem;margin-left:1rem;position:relative;width:75%}.about-stats .progress-bars .progress-bar .progress-con .progress span{background-color:#a0bf24;height:100%;left:0;position:absolute;top:0;transition:all .4s ease-in-out}.about-stats .progress-bars .progress-bar .progress-con .progress .react{width:50%}.about-stats .progress-bars .progress-bar .progress-con .progress .vue{width:30%}.about-stats .progress-bars .progress-bar .progress-con .progress .html{width:80%}.about-stats .progress-bars .progress-bar .progress-con .progress .css{width:75%}.about-stats .progress-bars .progress-bar .progress-con .progress .js{width:50%}.about-stats .progress-bars .progress-bar .progress-con .progress .bootStrap,.about-stats .progress-bars .progress-bar .progress-con .progress .figma{width:70%}.experience{display:flex;flex-direction:column;gap:2rem}.timeLine{margin-bottom:.5rem}.timeLine .timeLine-item{padding-left:3rem;position:relative}.timeLine .timeLine-item:before{background-color:#c57f3e;content:"";height:100%;left:-3px;position:absolute;top:0;width:3px}@media(max-width:768px){.timeLine .timeLine-item:before{left:14px}.timeLine .timeLine-item{padding-left:2rem}}.timeLine .timeLine-item .timeLine-icon{align-items:center;background-color:#a0bf24;border-radius:50%;display:flex;height:50px;justify-content:center;left:-27px;padding:10px;position:absolute;top:0;width:50px}.timeLine .timeLine-item .timeLine-icon svg{color:#fff;font-size:24px}.timeLine .timeLine-item .timeLine-icon svg path{background-color:#fff}@media(max-width:768px){.timeLine .timeLine-item .timeLine-icon{height:40px;left:-7px;width:40px}}.timeLine .timeLine-item .tl-details{padding-right:2rem}.timeLine .timeLine-item .tl-details .tl-details-top{display:flex;flex-direction:column}.timeLine .timeLine-item .tl-details .tl-details-top .tl-duration{background-color:#d9d9d9;border-radius:20px;color:#353d15;display:inline-block;font-size:1rem;font-weight:700;padding:.5rem .7rem;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.timeLine .timeLine-item .tl-details .tl-details-top p{color:#151354;font-size:1.2rem;font-weight:700;padding:1rem 0;text-decoration:underline;text-transform:uppercase}@media(max-width:768px){.timeLine .timeLine-item .tl-details .tl-details-top p{font-size:1rem}}.timeLine .timeLine-item .tl-details .tl-details-top p .ui{color:#6b0404;display:inline-block;font-size:2rem;font-weight:800;padding:.2rem 0}@media(max-width:768px){.timeLine .timeLine-item .tl-details .tl-details-top p .ui{font-size:1.2rem}}.timeLine .timeLine-item .tl-details .tl-details-top p span{color:#353d15;font-size:1.5rem;font-weight:700;margin-left:.5rem}@media(max-width:768px){.timeLine .timeLine-item .tl-details .tl-details-top p span{font-size:1.2rem}}.timeLine .timeLine-item .ui{color:var(--color-grey-2);display:inline-block;font-size:1.5rem;font-weight:500;padding:.2rem .6rem}@media(max-width:768px){.timeLine .timeLine-item .ui{font-size:1rem}}.timeLine .timeLine-item h5{font-size:1.2rem;font-weight:600;padding:1rem 0;text-transform:uppercase}.timeLine .timeLine-item h5 span{color:var(--color-grey-2);font-size:1rem;font-weight:500}.timeLine .timeLine-item .list-work>li,.timeLine .timeLine-item p{color:var(--color-grey-2);font-size:24px;font-weight:600}@media(max-width:768px){.timeLine .timeLine-item .list-work>li,.timeLine .timeLine-item p{font-size:1rem}}.timeLine .timeLine-item .list-work{margin-bottom:36px;padding-left:36px}.timeLine .timeLine-item .list-work h3{color:#000;font-size:28px;text-decoration:underline}.about-page .title{text-align:center;text-decoration:underline}.contact .title{text-align:center}.contact-content-con{display:flex;padding:2.5rem}.contact-content-con .left-contact{flex:3 1;margin:0 2rem;width:100%}.contact-content-con .left-contact h4{color:#353d15;font-size:2rem;margin-top:1rem;text-transform:uppercase}@media(max-width:768px){.contact-content-con .left-contact h4{font-size:1rem}}.contact-content-con .left-contact p{color:#151354;font-size:1.5rem;line-height:2rem;margin:.5rem 0}@media(max-width:768px){.contact-content-con .left-contact p{font-size:1rem}}.contact-content-con .left-contact .contact-info{margin-top:2rem}.contact-content-con .left-contact .contact-info .contact-item{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:0 1.8rem 0 0}@media(max-width:768px){.contact-content-con .left-contact .contact-info .contact-item{align-items:flex-start;flex-direction:column;gap:8px}}.contact-content-con .left-contact .contact-info .contact-item a,.contact-content-con .left-contact .contact-info .contact-item p{font-size:1.5rem;margin:.3rem o!important;padding:0!important}@media(max-width:768px){.contact-content-con .left-contact .contact-info .contact-item a,.contact-content-con .left-contact .contact-info .contact-item p{font-size:1rem}}.contact-content-con .left-contact .contact-info .contact-item .icon{align-items:center;display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon I{align-items:center;display:flex;font-size:1.3rem}.contact-content-con .clear{display:inline-block;margin-top:1rem}*,a,h1,h2,h3,h4,h5,h6 p,img,li,span,ul{box-sizing:border-box;margin:0;padding:0}body{font-family:Laila,serif;min-height:100vh;overflow-x:hidden}
/*# sourceMappingURL=main.3e761032.css.map*/