@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");*{padding:0;box-sizing:border-box;margin:0}html{color-scheme:dark!important}body{background-color:#0a0a0a}input{font-family:outfit}input::placeholder{font-family:outfit}#main-app-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;width:100vw;height:100vh;background:#0a0a0a;overflow:hidden}#main-app-container .sidebar-main{height:100%}#main-app-container .link-active{color:#5585f7!important}@media (max-width:1116px){#main-app-container{flex-direction:column!important;align-items:normal!important;overflow:hidden!important;height:100%!important;width:100%!important}#main-app-container .sidebar-main{height:100%;width:100%!important}#main-app-container .sidebar-main .sidebar{max-width:100%!important;width:100%!important}#main-app-container main{width:100%!important}#app-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;width:100%;height:100vh;background:#0a0a0a;overflow:hidden}#app-container .sidebar-main,#app-container .sidebar-main .react-tabs{height:100%}#app-container .sidebar-main .react-tabs__tab-list{height:100%;border-bottom:none}#app-container .sidebar-main .react-tabs__tab--selected{background:transparent!important;border-color:transparent!important;border-bottom:none!important}#app-container .sidebar-main .react-tabs__tab--selected:focus{border-bottom:none!important}#app-container .sidebar-main .react-tabs__tab:focus:after{position:absolute;height:0;background:transparent}#app-container .tab{height:100vh}}::-webkit-scrollbar-thumb:hover{background:red!important}::-webkit-scrollbar-thumb{border:none}::-webkit-scrollbar-thumb:hover{background-color:transparent!important}::-webkit-scrollbar{width:4px;cursor:pointer;height:6px;margin:1px!important}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:16px;margin:1px!important}::-webkit-scrollbar-button{display:none}.no-scroll{overflow:hidden}#homepage-main{height:100%;background:#0a0a0a;animation:fadeInFromLeft 1s ease-in-out forwards;overflow:auto}#homepage-main,#homepage-main .homepage-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}#homepage-main .homepage-container{min-width:60%;width:60%;height:100vh;align-items:flex-start;flex-direction:column;margin-left:140px;gap:32px}#homepage-main .homepage-container .content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;margin-top:112px;width:100%}#homepage-main .homepage-container .content h1{color:#eee5e0;font-size:105px;font-style:normal;font-weight:700;line-height:102.5%;letter-spacing:-.525px}#homepage-main .homepage-container .content h1 span{color:#eee5e0;font-size:180px;font-style:normal;font-weight:700;line-height:102.5%;letter-spacing:-11.7px}#homepage-main .homepage-container .content p{color:#787878;font-size:24px;font-style:normal;font-weight:400;line-height:117.5%}#homepage-main .homepage-container .featured-work{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;width:100%}#homepage-main .homepage-container .featured-work h1{color:#eee5e0;font-size:51px;font-style:normal;font-weight:500;line-height:117.5%}#homepage-main .homepage-container .featured-work .featured-wrap{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;width:100%}#homepage-main .homepage-container .featured-work .featured-wrap .bg-color-EB002B{background-color:#eb002b!important}#homepage-main .homepage-container .featured-work .featured-wrap .bg-color-806BF6{background-color:#806bf6!important}#homepage-main .homepage-container .featured-work .featured-wrap .project-card{cursor:pointer;min-width:100%;height:250px;border-radius:23px;display:flex;align-items:end;justify-content:center;flex-direction:column;position:relative;background:#000}#homepage-main .homepage-container .featured-work .featured-wrap .project-card svg{margin-right:80px;opacity:60%;transition:opacity .3s ease-in-out}#homepage-main .homepage-container .featured-work .featured-wrap .project-card img{width:220px;height:200px;object-fit:contain;border-radius:23px;opacity:60%;transition:opacity .3s ease-in-out;margin-right:80px}#homepage-main .homepage-container .featured-work .featured-wrap .project-card .project-wrap{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;position:absolute;left:0;bottom:0;padding:22px;gap:8px;z-index:1}#homepage-main .homepage-container .featured-work .featured-wrap .project-card .project-wrap h1{color:#eee5e0;font-size:36px;font-style:normal;font-weight:700;line-height:normal}#homepage-main .homepage-container .featured-work .featured-wrap .project-card .project-wrap p{color:#787878;font-size:21px;font-style:normal;font-weight:400;line-height:normal}#homepage-main .homepage-container .featured-work .featured-wrap .project-card:hover img,#homepage-main .homepage-container .featured-work .featured-wrap .project-card:hover svg{opacity:100%!important}#homepage-main .corner{position:absolute;top:0;right:0;width:327px;height:369px}#homepage-main .corner img{width:100%;height:100%}@media (max-width:1870px){#homepage-main .corner{width:300px!important;height:300px!important}#homepage-main .homepage-container .content h1{font-size:70px}#homepage-main .homepage-container .content h1 span{font-size:120px}}@media (max-width:1526px){#homepage-main .corner{display:none!important}#homepage-main .homepage-container{width:86%!important;margin-left:80px!important}}@media (max-width:1116px){#homepage-main .homepage-container{margin-left:0!important;width:100%!important;padding:0 22px!important;overflow:hidden!important;height:100%!important}#homepage-main .content{margin-top:120px!important}#homepage-main .featured-wrap{padding-bottom:22px!important}#homepage-main .project-card h1{max-width:180px!important}#homepage-main .project-card img,#homepage-main .project-card svg{margin-right:20px!important;margin-bottom:0!important;height:150px!important}}@media (max-width:812px){#homepage-main .content{gap:12px!important}#homepage-main .content h1{width:-moz-fit-content!important;width:fit-content!important;font-size:42px!important}#homepage-main .content h1 span{letter-spacing:2px!important;font-size:42px!important}#homepage-main .content p{font-size:16px!important}#homepage-main .featured-work h1{font-size:32px!important}#homepage-main .featured-work .featured-wrap .project-card .project-wrap h1{font-size:28px!important}#homepage-main .featured-work .featured-wrap .project-card .project-wrap p{font-size:16px!important}}@media (max-width:1116px){#homepage-main{justify-content:center!important;overflow:hidden!important;width:100%!important}}#workpage-main{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;height:100%;background:#0a0a0a;overflow:hidden;animation:fadeInFromLeft 1s ease-in-out forwards;overflow:auto}#workpage-main .workpage-container{width:60%;height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;margin-left:140px;gap:32px}#workpage-main .workpage-container .content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;margin-top:112px}#workpage-main .workpage-container .content a{text-decoration:none}#workpage-main .workpage-container .content .all-project{font-family:Outfit;font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#5585f7;margin-bottom:8px;text-decoration:none}#workpage-main .workpage-container .content h1{color:#eee5e0;font-size:103.5px;font-style:normal;font-weight:700;line-height:102.5%;letter-spacing:-6.727px}#workpage-main .workpage-container .content .line{width:100%;height:2px;background:#787878}#workpage-main .workpage-container .content p{color:#787878;font-size:24px;font-style:normal;font-weight:400;line-height:117.5%}#workpage-main .workpage-container .featured-work{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;width:100%}#workpage-main .workpage-container .featured-work h1{color:#eee5e0;font-size:51px;font-style:normal;font-weight:500;line-height:117.5%}#workpage-main .workpage-container .featured-work .featured-wrap{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;width:100%}#workpage-main .workpage-container .featured-work .featured-wrap a{text-decoration:none}#workpage-main .workpage-container .featured-work .featured-wrap .project-card{cursor:pointer;min-width:100%;height:250px;border-radius:23px;display:flex;align-items:end;justify-content:center;flex-direction:column;position:relative;background:#000}#workpage-main .workpage-container .featured-work .featured-wrap .project-card svg{margin-right:80px;opacity:60%;transition:opacity .3s ease-in-out}#workpage-main .workpage-container .featured-work .featured-wrap .project-card img{width:220px;height:200px;object-fit:contain;border-radius:23px;opacity:60%;transition:opacity .3s ease-in-out;margin-right:80px}#workpage-main .workpage-container .featured-work .featured-wrap .project-card .project-wrap{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;position:absolute;left:0;bottom:0;padding:22px;gap:8px;z-index:1}#workpage-main .workpage-container .featured-work .featured-wrap .project-card .project-wrap h1{color:#eee5e0;font-size:36px;font-style:normal;font-weight:700;line-height:normal}#workpage-main .workpage-container .featured-work .featured-wrap .project-card .project-wrap p{color:#787878;font-size:21px;font-style:normal;font-weight:400;line-height:normal}#workpage-main .workpage-container .featured-work .featured-wrap .project-card:hover img,#workpage-main .workpage-container .featured-work .featured-wrap .project-card:hover svg{opacity:100%!important}#workpage-main .workpage-container .corner{position:absolute;top:0;right:0;width:327px;height:369px}#workpage-main .workpage-container .corner img{width:100%;height:100%}@media (max-width:1870px){#workpage-main .corner{width:300px!important;height:300px!important}#workpage-main .workpage-container .content h1{font-size:69px}}@media (max-width:1526px){#workpage-main .corner{display:none!important}#workpage-main .workpage-container{width:86%!important;margin-left:80px!important}}@media (max-width:1116px){#workpage-main .workpage-container{margin-left:0!important;width:100%!important;padding:0 22px!important;overflow:hidden!important;height:100%!important}#workpage-main .content{margin-top:120px!important}#workpage-main .featured-wrap{padding-bottom:22px!important}#workpage-main .project-card h1{max-width:180px!important}#workpage-main .project-card img,#workpage-main .project-card svg{margin-right:20px!important;margin-bottom:0!important;height:150px!important}}@media (max-width:812px){#workpage-main .content h1{width:-moz-fit-content!important;width:fit-content!important;font-size:32px!important;letter-spacing:2px!important}#workpage-main .content p{font-size:16px!important}#workpage-main .featured-work h1{font-size:32px!important}#workpage-main .featured-work .featured-wrap .project-card .project-wrap h1{font-size:28px!important}#workpage-main .featured-work .featured-wrap .project-card .project-wrap p{font-size:16px!important}}@media (max-width:1116px){#workpage-main{justify-content:center!important;overflow:hidden!important}}@keyframes sucessMessage{0%{height:0}to{height:100px}}.success-message{display:flex;align-items:center;justify-content:center;position:fixed!important;width:100%;top:0;left:0;z-index:999;height:100px;animation:sucessMessage .2s ease-in-out forwards;color:#eee5e0;background-color:transparent}.success-message .secess-wrap{padding:12px 28px;border-radius:6px;background-color:#3c3c3c!important}#contactpage-main{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;height:100%;background:#0a0a0a;overflow:hidden;animation:fadeInFromLeft 1s ease-in-out forwards;overflow:auto}#contactpage-main .contactpage-container{width:60%;height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;margin-left:140px;gap:32px}#contactpage-main .contactpage-container .content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:12px;margin-top:112px}#contactpage-main .contactpage-container .content h1{color:#eee5e0;font-size:103.5px;font-style:normal;font-weight:700;line-height:102.5%}#contactpage-main .contactpage-container .content .line{width:100%;height:2px;background:#787878}#contactpage-main .contactpage-container .content h1 span{color:#eee5e0;font-size:51px;font-style:normal;font-weight:500;line-height:normal}#contactpage-main .contactpage-container .content p{color:#787878;font-size:24px;font-style:normal;font-weight:400;line-height:117.5%}#contactpage-main .contactpage-container .form-detail{display:flex;align-items:flex-start;justify-content:space-around;flex-direction:column;gap:22px;width:100%}#contactpage-main .contactpage-container .form-detail .form{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;width:100%;position:relative;flex-wrap:wrap;row-gap:16px}#contactpage-main .contactpage-container .form-detail .form .input-container{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:16px;width:48%}#contactpage-main .contactpage-container .form-detail .form .input-container h1{color:#eee5e0;font-size:21px;font-style:normal;font-weight:400;line-height:150%}#contactpage-main .contactpage-container .form-detail .form .input-container input{width:100%;height:70px;border-radius:8px;border:1px solid #787878;background:transparent;outline:none;padding:12px;color:#eee5e0;font-size:18px}#contactpage-main .contactpage-container .form-detail .form .input-container input::placeholder{color:#787878;font-family:Outfit;font-size:18px;font-style:normal;font-weight:400;line-height:150%}#contactpage-main .contactpage-container .form-detail .form .textarea-container{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:16px;width:100%}#contactpage-main .contactpage-container .form-detail .form .textarea-container h1{color:#eee5e0;font-size:21px;font-style:normal;font-weight:400;line-height:150%;width:100%;display:flex;align-items:center;justify-content:flex-start}#contactpage-main .contactpage-container .form-detail .form .textarea-container textarea{color:#eee5e0;font-style:normal;font-weight:400;padding:12px;line-height:150%;width:100%;height:137px;border-radius:8px;border:1px solid #787878;background:transparent;resize:none;font-size:18px;font-family:Outfit}#contactpage-main .contactpage-container .form-detail .form .textarea-container textarea::placeholder{color:#787878;font-family:Outfit;font-size:18px;font-style:normal;font-weight:400;line-height:150%}#contactpage-main .contactpage-container .form-detail .form .textarea-container textarea:focus{outline:none}#contactpage-main .contactpage-container .form-detail .form .textarea-container .submit-btn{margin-top:24px;cursor:pointer;border-radius:8px;border:none;background:#24768f;display:flex;width:400px;padding:16px 104px;justify-content:center;align-items:center;gap:4px;color:#eee5e0!important;font-size:18px;font-style:normal;font-weight:400;line-height:normal}#contactpage-main .contactpage-container .form-detail .form .textarea-container .submit-btn svg{height:25px;width:25px;transition:.3s ease-in!important}#contactpage-main .contactpage-container .form-detail .form .textarea-container .submit-btn:hover svg{transform:rotate(45deg);transition:.3s ease-in!important}#contactpage-main .contactpage-container .form-detail .contact-detail{display:flex;align-items:end;justify-content:space-between;width:100%;flex-direction:row;padding:22px}#contactpage-main .contactpage-container .form-detail .contact-detail .personal-detail{display:flex;align-items:flex-start;justify-content:space-around;flex-direction:column;gap:12px}#contactpage-main .contactpage-container .form-detail .contact-detail .personal-detail .contact{display:flex;align-items:center;justify-content:space-around;flex-direction:row;color:#fff;cursor:pointer;font-size:21px;font-style:normal;font-weight:400;gap:12px;line-height:normal;text-decoration:none}#contactpage-main .contactpage-container .form-detail .contact-detail .personal-detail .contact button{color:#fff;cursor:pointer;font-size:21px;font-style:normal;font-weight:400;background-color:transparent;line-height:normal;outline:none;border:none}#contactpage-main .contactpage-container .form-detail .contact-detail .conectivity{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:42px;row-gap:22px;width:362px}#contactpage-main .contactpage-container .form-detail .contact-detail .conectivity .contacts{display:flex;align-items:center;justify-content:flex-start;gap:12px;color:#fff;width:155px;text-decoration:none;font-size:21px;font-style:normal;font-weight:400;line-height:normal}#contactpage-main .contactpage-container .form-detail .contact-detail .conectivity .contacts svg{width:28px;height:28px}#contactpage-main .contactpage-container .form-detail .contact-detail .conectivity .contacts svg #dr-path{fill:#000}#contactpage-main .contactpage-container .form-detail .contact-detail .conectivity .contacts svg #dr-path path{height:28px!important;width:28px!important}#contactpage-main .contactpage-container .corner{position:absolute;top:0;right:0;width:327px;height:369px}#contactpage-main .contactpage-container .corner img{width:100%;height:100%}@media (max-width:1870px){#contactpage-main .corner{width:300px!important;height:300px!important}#contactpage-main .contactpage-container .content h1{font-size:69px}}@media (max-width:1526px){#contactpage-main .corner{display:none!important}#contactpage-main .contactpage-container{width:86%!important;margin-left:80px!important}}@media (max-width:1116px){#contactpage-main .success-message{width:100%!important;top:120px!important;background-color:red!important}#contactpage-main .contactpage-container{margin-left:0!important;overflow:hidden!important;height:100%!important}}@media (max-width:888px){#contactpage-main .content{gap:12px!important}#contactpage-main .content h1{width:-moz-fit-content!important;width:fit-content!important;font-size:32px!important;letter-spacing:2px!important}#contactpage-main .content h1 span{font-size:32px!important}#contactpage-main .content p{font-size:16px!important}#contactpage-main .form-detail .form{flex-direction:column!important;gap:32px!important}#contactpage-main .form-detail .form .input-container,#contactpage-main .form-detail .form .textarea-container .submit-btn{width:100%!important}#contactpage-main .form-detail .contact-detail{flex-direction:column!important;gap:12px!important;align-items:flex-start!important;padding:0!important;margin-top:12px!important}#contactpage-main .form-detail .contact-detail .personal-detail .contact{font-size:16px!important;gap:12px!important}#contactpage-main .form-detail .contact-detail .personal-detail button{font-size:16px!important}#contactpage-main .form-detail .contact-detail .conectivity{padding-bottom:22px!important;width:100%!important;column-gap:22px!important;justify-content:space-between!important;flex-direction:column!important;align-items:flex-start!important}#contactpage-main .form-detail .contact-detail .conectivity .contacts{font-size:16px!important;gap:12px!important;min-width:110px!important;width:-moz-fit-content!important;width:fit-content!important}}@media (max-width:1116px){#contactpage-main{justify-content:center!important;overflow:hidden!important;width:100%!important}.success-message{width:100%!important;top:80px!important}}.sidebar{justify-content:space-between;min-width:256px;max-width:256px;height:100%;gap:62px;padding:38px 0;z-index:999;background:#0a0a0a;position:relative}.sidebar,.sidebar .logo{display:flex;align-items:flex-start;flex-direction:column}.sidebar .logo{gap:10px}.sidebar .logo a{text-decoration:none}.sidebar .logo .pill{color:#0a0a0a;font-size:48px;font-style:normal;font-weight:400;line-height:normal;border-radius:0 23px 23px 0;background:#eee5e0;padding:12px 24px;font-family:Russo One}.sidebar .logo .menu-icon-main{display:none}.sidebar .links-wrap{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:100%;overflow:auto;transition:height .3s ease-in-out}.sidebar .links-wrap .links{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:42px;height:70%;padding:0 36px}.sidebar .links-wrap .links a{color:#787878;font-size:36px;font-style:normal;font-weight:500;line-height:normal;text-decoration:none}.sidebar .links-wrap .icon-container{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:16px;padding:0 33px;width:100%}.sidebar .links-wrap .icon-container a .linkedin-icon path{fill:#fff}.sidebar .links-wrap .icon-container a svg{height:34px;width:34px}.sidebar .links-wrap .icon-container #up-path{width:34px!important}.sidebar .links-wrap .sidebar-divider{width:2px;height:786px;position:absolute;right:0;top:12%;background-color:#fff}.sidebar .links-wrap .mu-name{position:absolute;right:-19%;top:20%;z-index:999}@media (max-width:1116px){.react-tabs__tab-list{margin:0!important;width:100%!important}.sidebar{gap:0!important;padding:0!important;width:100%!important;position:fixed!important;top:0!important;background:transparent!important;z-index:999;top:0}.sidebar .logo{width:100%!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:12px 0!important;height:88px!important;background-color:#0a0a0a}.sidebar .logo .menu-icon-main{display:flex!important;padding:16px!important}.sidebar .logo .menu-icon-main svg{width:32px!important;height:32px!important}.sidebar .logo .pill{display:flex;align-items:center;justify-content:center;width:100px!important;height:52px!important;font-size:26px!important}.sidebar .links-wrap{height:0;overflow:auto;position:absolute;top:88px;width:100%;background-color:#0a0a0a}.sidebar .links-wrap .links{padding-bottom:200px!important;flex:1 1!important;justify-content:center!important;align-items:center!important;gap:12px!important}.sidebar .links-wrap .links a{font-size:56px!important}.sidebar .links-wrap .icon-container{padding:22px 0!important;display:none!important}.sidebar .mu-name,.sidebar .sidebar-divider{display:none}}@media (min-width:1117px){.sidebar,.sidebar .links-wrap{height:100%!important}}#aboutpage-main{display:flex;align-items:flex-start;justify-content:start;flex-direction:row;width:100%;height:100vh;background:#0a0a0a;animation:fadeInFromLeft 1s ease-in-out forwards;overflow:auto}#aboutpage-main .aboutpage-container{display:flex;align-items:center;justify-content:start;flex-direction:column;height:90vh;width:60%;margin-top:112px;margin-left:140px;gap:32px}#aboutpage-main .aboutpage-container .pfp{min-width:354px;min-height:350px;border-radius:50%;border:2px solid #787878;position:relative;display:flex;align-items:center;justify-content:center}#aboutpage-main .aboutpage-container .pfp img{position:absolute;object-fit:cover;width:100%;height:100%;border-radius:50%}#aboutpage-main .aboutpage-container .pfp .name-title{display:flex;align-items:center;justify-content:center}#aboutpage-main .aboutpage-container .pfp .name-title svg{position:absolute;bottom:0;left:0;width:350px}#aboutpage-main .aboutpage-container .pfp .name-title svg path{width:350px}#aboutpage-main .aboutpage-container .pfp .name-title .name-wrap{display:flex;align-items:center;justify-content:center;position:absolute;flex-direction:column;bottom:22px}#aboutpage-main .aboutpage-container .pfp .name-title .name-wrap .name{color:#eee5e0;font-size:33px;font-style:normal;font-weight:400;line-height:117.5%}#aboutpage-main .aboutpage-container .pfp .name-title .name-wrap .title{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:117.5%}#aboutpage-main .aboutpage-container .content{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:22px}#aboutpage-main .aboutpage-container .content h1{color:#eee5e0;font-size:103.5px;font-style:normal;font-weight:700;line-height:102.5%;letter-spacing:-6.727px}#aboutpage-main .aboutpage-container .content .line{width:100%;height:2px;background:#787878}#aboutpage-main .aboutpage-container .content p{color:#787878;text-align:center;font-size:24px;font-style:normal;font-weight:400;line-height:117.5%}#aboutpage-main .aboutpage-container .featured-work{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:22px;width:100%}#aboutpage-main .aboutpage-container .featured-work h1{color:#eee5e0;font-size:51px;font-style:normal;font-weight:500;line-height:117.5%}#aboutpage-main .aboutpage-container .featured-work .featured-wrap{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;flex-wrap:wrap;gap:22px;width:100%}#aboutpage-main .aboutpage-container .featured-work .featured-wrap .project-card{text-decoration:none;width:48%;height:230px;flex-shrink:0;border-radius:23px;border:1px solid #787878;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#000;border-radius:24px}#aboutpage-main .aboutpage-container .featured-work .featured-wrap .project-card img{width:100%;height:100%;object-fit:cover;position:absolute;border-radius:23px;opacity:20%;transition:.2s ease-in-out}#aboutpage-main .aboutpage-container .featured-work .featured-wrap .project-card .project-wrap{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:130px;gap:8px;z-index:1}#aboutpage-main .aboutpage-container .featured-work .featured-wrap .project-card .project-wrap h1{color:#eee5e0;text-align:center;font-size:33px;font-style:normal;font-weight:400;line-height:117.5%}#aboutpage-main .aboutpage-container .featured-work .featured-wrap .project-card:hover img{opacity:60%}#aboutpage-main .aboutpage-container .corner{position:absolute;top:0;right:0;width:327px;height:369px}#aboutpage-main .aboutpage-container .corner img{width:100%;height:100%}@media (max-width:1870px){#aboutpage-main .corner{width:300px!important;height:300px!important}#aboutpage-main .aboutpage-container .content h1{font-size:69px}}@media (max-width:1526px){#aboutpage-main .corner{display:none!important}#aboutpage-main .aboutpage-container{width:86%!important;margin-left:80px!important}}@media (max-width:1116px){#aboutpage-main .aboutpage-container{margin-left:0!important;margin-top:88px!important;overflow:hidden!important;height:100%!important;padding-bottom:22px}}@media (max-width:812px){#aboutpage-main .pfp{min-width:225px!important;min-height:225px!important}#aboutpage-main .pfp .name-title svg{width:191px!important;height:54.208px;left:auto!important}#aboutpage-main .pfp .name-title svg path{height:54.208px}#aboutpage-main .pfp .name-title .name-wrap{bottom:8px!important}#aboutpage-main .pfp .name-title .name-wrap .name{font-size:22px!important}#aboutpage-main .pfp .name-title .name-wrap .title{font-size:12px!important}#aboutpage-main .content h1{width:-moz-fit-content!important;width:fit-content!important;font-size:32px!important;letter-spacing:2px!important}#aboutpage-main .content p{font-size:16px!important}#aboutpage-main .featured-work h1{font-size:32px!important}#aboutpage-main .featured-work .featured-wrap .project-card{width:100%!important;flex-wrap:nowrap}#aboutpage-main .featured-work .featured-wrap .project-card .project-wrap h1{font-size:24px!important}#aboutpage-main .featured-work .featured-wrap .project-card .project-wrap p{font-size:12px!important}}@media (max-width:1116px){#aboutpage-main{justify-content:center!important;overflow:hidden!important;width:100%!important;height:100%!important}}#experties-main{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;height:100%;background:#0a0a0a;overflow:hidden;animation:fadeInFromLeft 1s ease-in-out forwards;overflow:auto}#experties-main .experties-container{width:60%;height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;margin-left:140px;gap:32px}#experties-main .experties-container .content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;margin-top:112px}#experties-main .experties-container .content .back-btn{font-family:Outfit;font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#5585f7;margin-bottom:8px}#experties-main .experties-container .content h1{color:#eee5e0;font-size:103.5px;font-style:normal;font-weight:700;line-height:102.5%;letter-spacing:-6.727px}#experties-main .experties-container .content .line{width:100%;height:2px;background:#787878}#experties-main .experties-container .content p{color:#787878;font-size:24px;font-style:normal;font-weight:400;line-height:117.5%}#experties-main .experties-container .featured-work{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;width:100%}#experties-main .experties-container .featured-work h1{color:#eee5e0;font-size:51px;font-style:normal;font-weight:500;line-height:117.5%}#experties-main .experties-container .featured-work .featured-wrap{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;width:100%}#experties-main .experties-container .featured-work .featured-wrap .project-card{min-width:100%;height:250px;flex-shrink:0;border-radius:23px;display:flex;align-items:flex-start;justify-content:end;flex-direction:column;position:relative;background:#000}#experties-main .experties-container .featured-work .featured-wrap .project-card img{width:100%;height:100%;object-fit:cover;position:absolute;border-radius:23px;opacity:60%}#experties-main .experties-container .featured-work .featured-wrap .project-card .project-wrap{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:22px;gap:8px}#experties-main .experties-container .featured-work .featured-wrap .project-card .project-wrap h1{color:#eee5e0;font-size:36px;font-style:normal;font-weight:700;line-height:normal;z-index:999}#experties-main .experties-container .featured-work .featured-wrap .project-card .project-wrap p{color:#787878;font-size:21px;font-style:normal;font-weight:400;line-height:normal;z-index:999}#experties-main .experties-container .featured-work .featured-wrap .project-card .project-wrap:hover img{opacity:90%}#experties-main .experties-container .corner{position:absolute;top:0;right:0;width:327px;height:369px}#experties-main .experties-container .corner img{width:100%;height:100%}@media (max-width:1870px){#experties-main .corner{width:300px!important;height:300px!important}#experties-main .experties-container .content h1{font-size:69px}}@media (max-width:1526px){#experties-main .corner{display:none!important}#experties-main .experties-container{width:86%!important;margin-left:80px!important}}@media (max-width:1116px){#experties-main .experties-container{margin-left:0!important;padding-bottom:22px}#experties-main .content{margin-top:120px!important}}@media (max-width:812px){#experties-main .content h1{width:-moz-fit-content!important;width:fit-content!important;font-size:32px!important;letter-spacing:2px!important}#experties-main .content p{font-size:12px!important}#experties-main .featured-work h1{font-size:32px!important}#experties-main .featured-work .featured-wrap .project-card .project-wrap h1{font-size:24px!important}#experties-main .featured-work .featured-wrap .project-card .project-wrap p{font-size:12px!important}}@media (max-width:1116px){#experties-main{justify-content:center!important}}@keyframes fadeInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:100%}}#Projectdetail-main{height:100%;background:#0a0a0a;overflow:auto;position:relative}#Projectdetail-main,#Projectdetail-main .Projectdetail-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}#Projectdetail-main .Projectdetail-container{animation:fadeInFromLeft 1s ease-in-out forwards;min-width:60%;width:60%;height:100vh;align-items:flex-start;flex-direction:column;margin-left:140px;gap:32px}#Projectdetail-main .Projectdetail-container .content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:22px;margin-top:112px;padding-bottom:22px}#Projectdetail-main .Projectdetail-container .content img{min-height:260px!important;object-fit:cover}#Projectdetail-main .Projectdetail-container .content a{text-decoration:none}#Projectdetail-main .Projectdetail-container .content .all-project{font-family:Outfit;font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#5585f7;margin-bottom:8px}#Projectdetail-main .Projectdetail-container .content .project-name{color:#eee5e0;font-size:103.5px;font-style:normal;font-weight:700;line-height:102.5%;letter-spacing:-6.727px}#Projectdetail-main .Projectdetail-container .content .additional-info{display:flex;align-items:end;justify-content:space-between;flex-direction:row;width:100%;border-bottom:1px solid #787878;border-top:1px solid #787878;padding:18px 0}#Projectdetail-main .Projectdetail-container .content .additional-info .info{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:6px}#Projectdetail-main .Projectdetail-container .content .additional-info .info h1{color:#eee5e0;font-size:20px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:normal}#Projectdetail-main .Projectdetail-container .content .additional-info .info p{color:#787878;font-size:16px;font-style:normal;font-weight:400;line-height:135.45%;letter-spacing:.735px;text-align:center}#Projectdetail-main .Projectdetail-container .content .additional-info a{color:#eee5e0;font-size:16px;font-style:normal;font-weight:400;line-height:150%;-webkit-text-decoration-line:underline;text-decoration-line:underline;gap:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}#Projectdetail-main .Projectdetail-container .content .additional-info a .link-wrap{display:flex;align-items:center;justify-content:center;flex-direction:row}#Projectdetail-main .Projectdetail-container .content .additional-info a .visit-link{height:16px;width:16px;position:absolute;right:-18px;display:none}#Projectdetail-main .Projectdetail-container .content .additional-info a .ext-link-icon{height:22px;width:22px}#Projectdetail-main .Projectdetail-container .content .additional-info a .ext-link-icon path{fill:#fff}#Projectdetail-main .Projectdetail-container .content .text-container h1{color:#fff;font-size:34px;font-style:normal;font-weight:500;line-height:117.5%;margin-bottom:12px}#Projectdetail-main .Projectdetail-container .content .text-container p{color:#787878;font-size:24px;font-style:normal;font-weight:400;line-height:117.5%}#Projectdetail-main .Projectdetail-container .content .main-image-container{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px}#Projectdetail-main .Projectdetail-container .content .main-image-container p{color:#787878;font-size:24px;font-style:normal;font-weight:400;line-height:117.5%}#Projectdetail-main .Projectdetail-container .content .main-image-container img{width:100%;height:397px;border-radius:23px;border:1px solid #787878}#Projectdetail-main .corner{position:absolute;top:0;right:0;width:327px;height:369px}#Projectdetail-main .corner img{width:100%;height:100%}@media (max-width:2685px){#Projectdetail-main .main-image-container,#Projectdetail-main .main-image-container img{width:100%!important}}@media (max-width:1870px){#Projectdetail-main .corner{width:300px!important;height:300px!important}#Projectdetail-main .Projectdetail-container .content .project-name{font-size:70px}#Projectdetail-main .Projectdetail-container .content .project-name span{font-size:120px}#Projectdetail-main .Projectdetail-container .main-image-container,#Projectdetail-main .Projectdetail-container .main-image-container img{width:100%!important}}@media (max-width:1526px){#Projectdetail-main .corner{display:none!important}#Projectdetail-main .Projectdetail-container{width:86%!important;margin-left:80px!important}}@media (max-width:1116px){#Projectdetail-main .Projectdetail-container{margin-left:0!important;overflow:hidden!important;height:100%!important;padding-bottom:22px}#Projectdetail-main .Projectdetail-container .content .additional-info{padding:12px 0}#Projectdetail-main .Projectdetail-container .content .additional-info .info{gap:8px}#Projectdetail-main .Projectdetail-container .content .additional-info .info h1{font-size:22px}#Projectdetail-main .Projectdetail-container .content .additional-info .info p{font-size:16px}#Projectdetail-main .Projectdetail-container .content .additional-info a{display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px}}@media (max-width:812px){#Projectdetail-main .content .project-name{font-size:32px!important;letter-spacing:1px!important}#Projectdetail-main .content .additional-info{padding:8px 0!important;flex-wrap:wrap!important;column-gap:0;justify-content:space-between!important;row-gap:12px}#Projectdetail-main .content .additional-info .info{gap:6px!important;width:46%;height:77px!important;justify-content:flex-start!important}#Projectdetail-main .content .additional-info .info p{text-align:left!important}#Projectdetail-main .content .additional-info a{height:77px!important;justify-content:flex-start!important;align-items:flex-start!important;width:46%}#Projectdetail-main .content p{font-size:16px!important}}@media (max-width:1116px){#Projectdetail-main{justify-content:center!important;overflow:hidden!important;width:100%!important;height:100%!important}}@font-face{font-family:__Outfit_5d885b;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4f2204fa15b9b11a-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Outfit_5d885b;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/07a54048a9278940-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Outfit_Fallback_5d885b;src:local("Arial");ascent-override:100.55%;descent-override:26.14%;line-gap-override:0.00%;size-adjust:99.45%}.__className_5d885b{font-family:__Outfit_5d885b,__Outfit_Fallback_5d885b;font-style:normal}