@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;outline:none;box-sizing:border-box}.App{min-height:100vh;width:100%;background-color:#f2f2f2}:root{--large-font: 110px;--primary-font: 96px;--large2-font: 60px;--primary2-font: 32px;--title-font: 24px;--header-font: 20px;--secondary-font: 18px;--samll-font: 16px;--padding: 60px 30px 30px 30px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{width:8px;background-color:#959595}@media screen and (max-width: 1600px){:root{--large-font: 90px;--primary-font: 90px;--large2-font: 55px;--primary2-font: 30px;--title-font: 22px;--header-font: 20px;--secondary-font: 16px;--samll-font: 14px;--padding: 50px 20px 20px 20px}}@media screen and (max-width: 1300px){:root{--large-font: 75px;--primary-font: 80px;--large2-font: 50px;--primary2-font: 26px;--title-font: 20px;--header-font: 18px;--secondary-font: 14px;--samll-font: 15px;--padding: 40px 17px 17px 17px}}@media screen and (max-width: 1150px){:root{--large-font: 60px;--primary-font: 70px;--large2-font: 45px;--primary2-font: 22px;--title-font: 17px;--header-font: 16px;--secondary-font: 11px;--small-font: 13px;--padding: 30px 12px 12px 12px}}@media screen and (max-width: 860px){:root{--large-font: 50px;--primary-font: 70px;--large2-font: 38px;--primary2-font: 20px;--title-font: 15px;--header-font: 14px;--secondary-font: 9px;--small-font: 11px;--padding: 30px 10px 10px 10px}}@media screen and (max-width: 740px){:root{--large-font: 40px;--primary-font: 70px;--large2-font: 34px;--primary2-font: 17px;--title-font: 18px;--header-font: 13px;--secondary-font: 9px;--small-font: 9px;--padding: 20px 8px 8px 8px}}@media screen and (max-width: 640px){:root{--large-font: 32px;--primary-font: 50px;--large2-font: 30px;--primary2-font: 12px;--title-font: 15px;--header-font: 10px;--secondary-font: 9px;--small-font: 9px;--padding: 17px 8px 8px 8px}.global__label{margin:0 30px!important}}@media screen and (max-width: 300px){:root{--large2-font: 20px}}.contact{margin-top:80px;padding:var(--padding)}.contact__body{display:flex;align-items:flex-end;margin-top:30px;padding:50px 80px}.contact__body__left{width:65%;text-align:right;font-size:var(--large-font);font-weight:400;color:#000;line-height:120px}.contact__body__right{margin-top:5px;margin-left:30px;padding:20px;max-width:400px;font-size:var(--secondary-font);font-weight:300;color:#000}.contact__form{width:800px;max-width:100%;padding:0 80px;margin-top:50px}.contact__form__input{margin-top:30px;width:47%}.contact__form__input--full{width:100%}.contact__form__input__label{font-weight:300;font-size:var(--small-font);color:#3c3c3c}.contact__form__input__field{margin-top:10px;padding:10px 20px;width:100%;height:50px;border:none;background-color:#fafafa;font-weight:300;font-size:var(--small-font);color:#3c3c3c}.contact__form__input__wrapper{width:100%;display:flex;justify-content:space-between}.contact__form__input__button{margin-top:40px;padding:0 100px;line-height:50px;height:50px;background-color:#2e2e2e;color:#f2f2f2;font-size:var(--small-font);font-weight:500;border-radius:2px;width:fit-content;cursor:pointer}@media screen and (max-width: 1400px){.contact__body__left{line-height:100px;width:calc(100% - 320px)}.contact__body__right{max-width:320px}}@media screen and (max-width: 1200px){.contact__body__left{line-height:70px;width:calc(100% - 270px)}.contact__body__right{max-width:270px}.contact__body{padding:20px 30px}.contact__form{width:700px}.contact__form__input{margin-top:20px}.contact__form__input__field{height:40px}.contact__form__input__button{margin-top:30px;padding:0 80px;line-height:40px;height:40px}}@media screen and (max-width: 740px){.contact__form{padding:0 40px}.contact__body__left{line-height:60px;width:calc(100% - 160px)}.contact__body__right{max-width:160px;padding:0}.contact__body{padding:10px}.contact__form{width:500px}.contact__form__input{margin-top:12px}.contact__form__input__field{height:34px}.contact__form__input__button{margin-top:20px;padding:0 50px;line-height:30px;height:30px}}@media screen and (max-width: 500px){.contact__body{flex-direction:column;align-items:flex-start}.contact__body>:nth-child(1){padding-left:30px;text-align:start;width:100%;max-width:100%;line-height:44px}.contact__body>:nth-child(2){padding-left:30px;text-align:start;margin-left:auto;width:70%;max-width:70%}.contact__form{width:100%}.contact__form__input{margin-top:9px}.contact__form__input__field{height:28px}.contact__form__input__button{margin-top:20px;padding:0 40px;line-height:24px;height:24px}}.footer{margin-top:50px;padding:var(--padding)}.footer__top{display:flex;justify-content:flex-end;padding:30px 60px;margin-top:20px}.footer__links{display:flex;align-items:center}.footer__links__item{cursor:pointer;margin-left:40px;font-weight:300;font-size:var(--secondary-font);color:#000;transition:.3s;border-bottom:1px solid transparent}.footer__links__item:hover{border-bottom:1px solid #000}.footer__body{padding:30px 60px;margin-top:30px;display:flex;justify-content:space-between}.footer__body__left{display:flex}.footer__body__right{display:flex;flex-direction:column;align-items:flex-end}.footer__body__left>.footer__body__item{margin-right:80px}.footer__body__item__title{font-weight:400;margin-bottom:15px;font-size:var(--primary2-font);color:#1d1d1f}.footer__body__item__item{font-weight:300;line-height:32px;font-size:var(--secondary-font);color:#1d1d1f}.footer__body__right__socials{display:flex;justify-content:flex-end}.footer__body__right__socials>img{width:30px;height:30px;cursor:pointer;margin-left:10px}.footer__body__bottom{margin-top:40px;padding:30px 60px;display:flex;justify-content:space-between}.footer__body__bottom__text{font-weight:300;font-size:var(--small-font);line-height:18px}.footer__body__bottom__items{display:flex;align-items:center}.footer__body__bottom__items__item{font-weight:300;font-size:var(--small-font);line-height:18px;margin-left:15px;cursor:pointer;border-bottom:1px solid transparent;transition:.3s ease-in-out;padding:5px 0}.footer__body__bottom__items__item:hover{border-bottom:1px solid #2e2e2e}@media screen and (max-width: 1300px){.footer__links__item{cursor:pointer;margin-left:30px}.footer__body__item__title{margin-bottom:10px}.footer__body__item__item{line-height:25px}}@media screen and (max-width: 740px){.footer__links__item{cursor:pointer;margin-left:30px}.footer__body__item__title{margin-bottom:7px}.footer__body__item__item{line-height:20px}.footer__links__item{margin-left:16px}.footer__top,.footer__body{padding:30px}.footer__body__bottom{padding:30px 10px}.footer__body__left>.footer__body__item{margin-right:20px}}@media screen and (max-width: 340px){.footer__body__left>div:nth-child(2){display:none}}.Home{height:100vh;width:100%;background-color:#000;position:relative;overflow:hidden;display:flex;flex-direction:column;background-image:url(/static/Dawn.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.Home__background{position:absolute;height:160%;width:100%}.navbar{padding:20px 80px;display:flex;align-items:center;justify-content:space-between;height:100px}.navbar__logo{font-weight:700;cursor:pointer;font-size:var(--title-font);color:#f2f2f2}.navbar__links{display:flex;align-items:center}.navbar__links__item{cursor:pointer;margin:0 20px;font-weight:300;font-size:var(--header-font);color:#f2f2f2;transition:.3s;border-bottom:1px solid transparent}.navbar__links__item:hover{border-bottom:1px solid #f2f2f2}.navbar__contact{cursor:pointer;font-weight:700;font-size:var(--header-font);text-align:center;line-height:30px;padding:10px 40px;color:#f2f2f2;border:1px solid #f2f2f2;transition:.3s ease-in-out}.navbar__contact:hover{background-color:#f2f2f2;color:#000;border:1px solid #000}.home__body{width:100%;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}.home__body__title{font-weight:700;font-size:var(--primary-font);color:#f2f2f2}.home__body__description{font-weight:300;font-size:var(--primary2-font);color:#f2f2f2}.home__body__button{font-weight:700;font-size:var(--secondary-font);background-color:#f2f2f2;color:#000;padding:10px 20px;margin-top:20px;border-radius:5px;cursor:pointer}.navabr__burger{display:none;cursor:pointer}.navabr__burger>div{width:22px;height:2px;background-color:#fff;margin-bottom:5px;border-radius:1px;transition:.3s ease-in-out}.navabr__burger>div:last-child{margin-bottom:0}.navabr__burger>div:nth-child(2){transition:.3s;transition-delay:.3s}.navabr__burger-active>div:nth-child(2){transition:0s;opacity:0}.navabr__burger-active>div:first-child{transform:rotate(45deg) translateY(9.5px)}.navabr__burger-active>div:last-child{transform:rotate(-45deg) translateY(-10.5px)}@keyframes appear{0%{transform:scaleY(0);opacity:0}to{opacity:1;transform:scaleY(1)}}@keyframes leave-animation-ann{0%{opacity:1;transform:scaleY(1)}to{transform:scaleY(0);opacity:0}}.leave-animation{transform:scaleY(0);opacity:0;transition:.3s ease-in-out}.navbar__dropdown{z-index:10;display:none;max-width:220px;width:100%;background-color:#fff;position:absolute;top:70px;right:50px;padding:20px 0;box-shadow:0 4px 9px #0000000d;animation-name:appear;animation-duration:.3s}.navbar__dropdown-active{display:none;border-radius:2px}.navbar__dropdown__item{cursor:pointer;line-height:45px;padding:5px 20px;font-weight:400;font-size:12px;color:#a6a6a6}.navbar__dropdown__item:hover{background-color:#f8f8fa}.navbar__dropdown__item-active{font-size:14px;color:#191a15;background-color:#f8f8fa;position:relative}.navbar__dropdown__item-active:after{content:"";position:absolute;top:0;right:0;height:100%;width:4px;background-color:#000;border-radius:1px 0 0 1px}.navbar__dropdown__item-sign{color:#000}@media screen and (max-width: 1400px){.home__body{margin-bottom:130px}.navbar__links__item{margin:0 10px}.navbar__contact{line-height:25px;padding:5px 20px}}@media screen and (max-width: 1100px){.home__body{margin-bottom:160px}.navbar__links__item{margin:0 10px}.navbar__contact{line-height:25px;padding:5px 20px}}@media screen and (max-width: 800px){.navbar__links,.navbar__contact{display:none}.navabr__burger,.navbar__dropdown-active{display:block}.navbar{padding:20px 50px}}@media screen and (max-width: 740px){.home__body{margin-bottom:130px}.navbar__links__item{margin:0 10px}.navbar__contact{line-height:20px;padding:4px 15px}}.phylosophy{margin-top:100px;padding:var(--padding)}.phylosophy__body{display:flex;margin-top:50px;padding:50px}.phylosophy__body__left{width:30%;margin-right:5%;padding:0 20px}.phylosophy__body__left__title{font-weight:500;font-size:var(--large-font);line-height:150px;text-align:right;color:#000}.phylosophy__body__left__text{margin-top:20px;font-weight:400;font-size:var(--secondary-font);line-height:32px;text-align:justify;color:#000}.phylosophy__body__right{width:65%;height:fit-content}@media screen and (max-width: 1500px){.phylosophy__body__left__title{line-height:100px}.phylosophy__body__left__text{line-height:26px}}@media screen and (max-width: 1300px){.phylosophy__body__left__title{line-height:80px}.phylosophy__body__left__text{line-height:22px}}@media screen and (max-width: 1150px){.phylosophy__body__left__title{line-height:70px}.phylosophy__body__left__text{margin-top:10px;line-height:18px}}@media screen and (max-width: 900px){.phylosophy__body__left__title{line-height:50px}.phylosophy__body__left__text{margin-top:10px;line-height:17px}.phylosophy__body{padding:20px 30px}.phylosophy__body__left{width:40%;margin-right:2%}.phylosophy__body__right{width:58%}}@media screen and (max-width: 800px){.phylosophy__body__left__title{line-height:38px}.phylosophy__body__left__text{margin-top:8px;line-height:13px}.phylosophy__body{padding:15px 20px}.phylosophy__body__left{width:44%;margin-right:2%}.phylosophy__body__right{width:54%}}@media screen and (max-width: 650px){.phylosophy__body__left__title{line-height:30px}.phylosophy__body__left__text{margin-top:6px;line-height:11px}.phylosophy__body{padding:15px 20px}.phylosophy__body__left{width:44%;margin-right:2%}.phylosophy__body__right{width:54%}}@media screen and (max-width: 500px){.phylosophy__body__left{flex-direction:column;align-items:flex-start;width:100%}.phylosophy__body__left>:nth-child(1){text-align:start}.phylosophy__body__left>:nth-child(2){padding-left:30px;text-align:start;margin-left:auto;width:90%;max-width:90%}.phylosophy__body__right{display:none}}.projectitem{width:800px;max-width:calc(100vw - 100px);margin-top:60px;border-bottom:.3px #2e2e2e30 solid;padding-bottom:30px}.projectitem__name{font-size:var(--primary2-font);font-weight:700;color:#a6a6a6}.projectitem__name>span{color:#2e2e2e}.projectitem__canvas{margin-top:20px;width:100%;position:relative;display:flex;align-items:center;background-color:#000;height:400px;max-height:calc(50vw - 50px);overflow:hidden}.projectitem__canvas__arrow{padding:30px;position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.projectitem__canvas__container{display:flex;transition:.3s}.projectitem__canvas__container__item{width:800px;max-width:calc(100vw - 100px);display:flex;align-items:center;justify-content:center}.projectitem__canvas__container__item>img{width:100%}.projectitem__canvas__container__item>p{font-weight:100;color:#f2f2f2;font-size:var(--large2-font);font-family:Kanit,sans-serif}.project__item__title{margin-top:10px;font-weight:400;font-size:var(--title-font);color:#2e2e2e}.project__item__desc{font-weight:300;font-size:var(--secondary-font);color:#2e2e2e}@media screen and (max-width: 430px){.projectitem__canvas__arrow{padding:10px}.projectitem__canvas__arrow>img{width:10px}}.projects{margin-top:30px;padding:var(--padding)}.projects__body{padding:50px}.Services{padding:var(--padding)}.global__label{margin:0 50px;color:#2e2e2e;padding-bottom:15px;font-weight:400;font-size:var(--header-font);border-bottom:1px #2e2e2e solid}.Services__body{display:flex;align-items:center;justify-content:flex-end;margin:0 50px}.Services__body__items{width:60%}.Services__body__items__item{display:flex;align-items:center;border-bottom:.5px solid #2e2e2e30;padding:60px 10px}.Services__body__items__item>img{height:40px;width:40px}.Services__body__items__item__cavas{margin-left:30px}.Services__body__items__item__cavas__top{display:flex;align-items:center;cursor:pointer;margin-bottom:10px}.Services__body__items__item__cavas__top>h3{color:#2e2e2e;font-size:var(--primary2-font)}.Services__body__items__item__cavas__top>img{height:12px;width:24px;margin-left:10px;transition:.3s ease-in-out}.Services__body__items__item__cavas__description{opacity:0;color:#2e2e2e;font-size:var(--header-font);line-height:40px;height:0;transition:.1s}.Services__body__items__item__cavas__description--show{overflow:hidden;opacity:1;height:100%}.Services__body__items__button{margin-top:40px;padding:10px 60px;background-color:#2e2e2e;color:#f2f2f2;font-size:var(--samll-font);font-weight:500;border-radius:2px;width:fit-content;cursor:pointer}.serveces__text{display:flex;align-items:center;margin-top:30px}.serveces__text__left{width:45%;text-align:right;font-size:var(--large-font);font-weight:400;color:#000;line-height:120px}.serveces__text__right{margin-top:5px;margin-left:30px;padding:20px;max-width:600px;line-height:34px;font-size:var(--secondary-font);font-weight:300;color:#000}@media screen and (max-width: 1300px){.serveces__text__left{width:55%;line-height:90px}.serveces__text__right{padding:12px;max-width:500px;line-height:28px}}@media screen and (max-width: 1000px){.serveces__text__left{width:55%;line-height:75px}.serveces__text__right{padding:12px;max-width:400px;line-height:20px}.Services__body__items{width:60%}.Services__body__items__item{display:flex;align-items:center;border-bottom:.5px solid #2e2e2e30;padding:50px 10px}.Services__body__items__item>img{height:30px;width:30px}.Services__body__items__item__cavas{margin-left:30px}.Services__body__items__item__cavas__top{display:flex;align-items:center;cursor:pointer;margin-bottom:10px}.Services__body__items__item__cavas__top>h3{color:#2e2e2e;font-size:var(--primary2-font)}.Services__body__items__item__cavas__top>img{height:12px;width:24px;margin-left:10px}.Services__body__items__item__cavas__description{height:0;overflow:hidden;color:#2e2e2e;font-size:var(--header-font);line-height:40px}.Services__body__items__item__cavas__description--show{height:fit-content}.Services__body__items__button{margin-top:40px;padding:10px 60px;background-color:#2e2e2e;color:#f2f2f2;font-size:var(--samll-font);font-weight:500;border-radius:2px;width:fit-content;cursor:pointer}.Services__body__left{width:50%}.Services__body__left__image{width:100%}}@media screen and (max-width: 740px){.serveces__text__left{line-height:60px}.serveces__text__right{line-height:16px}.Services__body__items__button{margin-top:30px;padding:10px 30px;background-color:#2e2e2e;color:#f2f2f2;font-size:var(--samll-font);font-weight:500;border-radius:2px;width:fit-content;cursor:pointer}.serveces__text__left{line-height:50px}.serveces__text__right{max-width:350px;line-height:15px}.Services__body__items__item__cavas__top>img{height:9px;width:18px;margin-left:10px}.Services__body__items__item__cavas__description{line-height:25px}}@media screen and (max-width: 640px){.serveces__text__left{line-height:40px}.serveces__text__right{line-height:16px}.Services__body__items__button{margin-top:30px;padding:10px 30px;background-color:#2e2e2e;color:#f2f2f2;font-size:var(--samll-font);font-weight:500;border-radius:2px;width:fit-content;cursor:pointer}.serveces__text__left{line-height:50px}.serveces__text__right{max-width:290px;line-height:15px}.Services__body__items__item__cavas__top>img{height:9px;width:18px;margin-left:10px}.Services__body__items__item__cavas__description{line-height:25px}.Services__body{display:flex;align-items:center;justify-content:flex-end;transition:.3s ease-in-out;margin:0 50px}.Services__body__left{display:none}.Services__body__items{width:80%;margin-bottom:20px}}@media screen and (max-width: 500px){.serveces__text{flex-direction:column;align-items:flex-start}.serveces__text>:nth-child(1){padding-left:30px;text-align:start;width:100%;max-width:100%;line-height:44px}.serveces__text>:nth-child(2){padding-left:30px;text-align:start;margin-left:auto;width:70%;max-width:70%}}@media screen and (max-width: 390px){.Services__body__items{width:100%;margin-bottom:20px}.serveces__text>:nth-child(2){padding-left:30px;text-align:start;margin-left:auto;width:80%;max-width:80%}}.whyus{margin-top:50px;padding:var(--padding)}.whyus__body{display:flex;align-items:center;margin-top:30px;padding:50px 80px}.whyus__body__left{width:60%;text-align:right;font-size:var(--large-font);font-weight:400;color:#000;line-height:120px}.whyus__body__right{margin-top:5px;margin-left:30px;padding:20px;max-width:500px;line-height:34px;min-height:245px;font-size:var(--secondary-font);font-weight:300;color:#000}.whyus__team__items{display:flex;width:100%;align-items:flex-end;flex-direction:column}.whyus__team__items__item{width:55%;display:flex;border-bottom:.5px solid #2e2e2e60;padding:60px 10px}.whyus__team__items__item>img{height:40px;width:25px;margin-top:5px}.whyus__team__items__item>.inno{height:30px;width:40px;margin-top:5px}.whyus__team__items__item__cavas{margin-left:50px}.whyus__team__items__item__cavas__top{display:flex;align-items:center;margin-bottom:10px}.whyus__team__items__item__cavas__top>h3{color:#2e2e2e;font-size:var(--primary2-font)}.whyus__team__items__item__cavas__description{color:#2e2e2e;font-size:var(--secondary-font);font-weight:300;max-width:400px}@media screen and (max-width: 1400px){.whyus__body__left{width:70%;line-height:100px}.whyus__body__right{margin-left:20px;padding:20px;line-height:25px;max-width:40%;margin-top:10px}}@media screen and (max-width: 1150px){.whyus__body__left{width:60%;line-height:80px}.whyus__body__right{margin-left:23px;padding:50px 0 0;line-height:22px;max-width:50%}.whyus__body{padding:30px 40px}}@media screen and (max-width: 860px){.whyus__body__left{width:70%;line-height:70px}.whyus__body__right{margin-left:23px;padding:50px 0 0;line-height:20px;max-width:40%}.whyus__body{padding:30px}}@media screen and (max-width: 740px){.whyus__body__left{line-height:60px}.whyus__body__right{margin-left:23px;padding:70px 0 0;line-height:16px;max-width:40%}.whyus__body{padding:20px}.whyus__team__items__item{padding:40px 10px}.whyus__team__items__item>img{height:30px;width:18px;margin-top:5px}.whyus__team__items__item>.inno{height:23px;width:30px;margin-top:5px}}@media screen and (max-width: 620px){.whyus__body__left{line-height:50px}.whyus__body__right{margin-left:18px;padding:0;line-height:13px;max-width:40%}.whyus__body{padding:20px}.whyus__team__items__item{padding:40px 10px}.whyus__team__items__item>img{height:30px;width:18px;margin-top:5px}.whyus__team__items__item>.inno{height:23px;width:30px;margin-top:5px}.whyus__body__right{min-height:100px}.whyus__team__items__item{width:75%}}@media screen and (max-width: 500px){.whyus__body{flex-direction:column;align-items:flex-start}.whyus__body>:nth-child(1){padding-left:30px;text-align:start;width:100%;max-width:100%;line-height:44px}.whyus__body>:nth-child(2){padding-left:30px;text-align:start;margin-left:auto;width:70%;max-width:70%}}:root{font-family:Space Grotesk;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#5b5d7b;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}