#home{background:#000;justify-content:center;align-items:center;height:100svh;display:flex;position:relative}#home .background{z-index:0;object-fit:cover;filter:brightness(50%)blur(3px);width:100%;height:100%;position:absolute}#home #homeContent{z-index:1;text-align:center;color:#000;font-weight:700;display:inline-block}#home .main-title{z-index:1;color:#000;background:#fff;padding:1rem 2rem;font-size:3em;font-weight:700;position:absolute;top:4rem;left:8rem;transform:scaleX(1.5)}#home .main-title a{color:#000;outline:none;text-decoration:none}#home #homeContent{padding:5rem;position:absolute;bottom:0;right:0}#home #homeContent .sub-title{color:#fff;opacity:.9;margin:0 auto 5rem;font-size:3em;line-height:1.5em}#home #homeContent .target{color:#fff;opacity:.8;max-width:30rem;margin:0 auto 2rem;font-size:1.3em}@media only screen and (max-width:1000px){#home{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:flex-start;padding-top:3rem}#home .main-title{position:unset;font-size:1.5em}#home #homeContent{position:unset;flex-direction:column;flex-grow:1;padding:3rem 0;display:flex}#home #homeContent .sub-title{margin:0 auto;font-size:1.5em;line-height:1.5em}#home #homeContent .target{max-width:78vw;margin:auto auto 0;font-size:1em}}
#home #homeContent button.contact-us{border:.1em solid var(--main-color);width:32rem;color:var(--main-color);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:.2em;outline:none;padding:1rem;font-size:1.5em;font-weight:700;line-height:3em;text-decoration:none;transition:background-color .1s linear,color .1s linear;display:inline-block;position:relative}#home #homeContent button.contact-us:hover{background:var(--main-color);color:#000;border:.1em solid #ff00bf4d;transition:background-color .1s linear,color .1s linear}#home #homeContent button.contact-us .icon{position:absolute;top:50%;left:1.5em;transform:translateY(-50%)}@media only screen and (max-width:1000px){#home #homeContent button.contact-us{width:80vw;line-height:unset;margin:1rem auto 0}#home #homeContent button.contact-us .icon{display:none}}
#contact{color:#fff;background:#000;justify-content:center;align-items:center;min-height:100svh;padding:1em;display:flex}#contact #contactContent{flex-direction:row;gap:10em;display:flex}@media only screen and (max-width:1000px){#contact{padding:unset;scroll-snap-align:start;scroll-snap-stop:always;align-items:unset}#contact #contactContent{flex-direction:column-reverse;gap:0;width:100%;padding:.5em}}
#contact #contactContent .contact-info{text-align:left;flex-direction:column;gap:1em;padding:1em;line-height:1.5em;display:flex}#contact #contactContent .contact-info a{color:#fff;text-decoration:none}#contact #contactContent .contact-info a:hover{text-decoration:underline}@media only screen and (max-width:1000px){#contact #contactContent .contact-info{text-align:center}}
#contact #contactContent .contact-form{box-shadow:0 0 1em var(--main-color);border-radius:.2em;flex-direction:column;gap:1em;padding:1em;display:flex}#contact #contactContent .contact-form div.header{margin:0 auto;font-size:1.5em;font-weight:700}#contact #contactContent .contact-form button.submit{border:.1em solid var(--main-color);width:50%;color:var(--main-color);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:.2em;outline:none;margin:0 auto;padding:1rem;font-size:1.2em;font-weight:700;text-decoration:none;transition:background-color .1s linear,color .1s linear;display:inline-block}#contact #contactContent .contact-form button.submit:hover{background:var(--main-color);color:#000;border:.1em solid #ff00bf4d;transition:background-color .1s linear,color .1s linear}@media only screen and (max-width:1000px){#contact #contactContent .contact-form{box-shadow:unset}#contact #contactContent .contact-form button.submit{width:100%;padding:.5em}}
#contact .form-input-item{flex-direction:column;width:25em;display:flex}#contact .required-sign{color:var(--main-color)}#contact .form-input-item .question-title{text-align:left;-webkit-user-select:none;user-select:none;margin-left:.1em;font-weight:700}#contact .form-input-item input[type=text],#contact .form-input-item input[type=number],#contact .form-input-item textarea{-webkit-user-select:none;user-select:none;background:#c7c7c7;border-color:#0003;border-radius:.2em;outline:none;width:100%;padding:.2em;font-weight:700}#contact .form-input-item input[type=text]:focus,#contact .form-input-item input[type=number]:focus,#contact .form-input-item textarea:focus{background:#fff}#contact .form-input-item textarea{resize:vertical;min-height:10em}#contact .form-input-item select{border-color:#0003;border-radius:.2em;outline:none;width:100%;padding:.2em}#contact .form-checkbox{text-align:left;flex-flow:column wrap;padding:.2em;display:flex}#contact .form-checkbox input[type=radio],#contact .form-checkbox input[type=checkbox]{vertical-align:middle;cursor:pointer;accent-color:var(--main-color)}#contact .form-checkbox label{vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;margin-right:1em;padding-left:.2em;font-weight:700}@media only screen and (max-width:1000px){#contact .form-input-item{align-items:unset;width:100%}#contact .form-input-item input[type=text],#contact .form-input-item input[type=number],#contact .form-input-item textarea{padding:.5em;width:100%!important}}
#services{background:#fff;min-height:100svh;padding:1em}#services #servicesContent{color:#000;flex-direction:column;height:100%;line-height:1.5em;display:flex}#services #servicesContent .sub-title{text-align:center;margin:0 auto;font-size:3em;line-height:2em}#services #servicesContent .services-list{flex-direction:column;flex-grow:1;align-items:center;gap:2em;display:flex}#services #servicesContent .services-list .service .icon{color:var(--main-color);margin-right:.4em}#services #servicesContent .services-list .service .service-title{flex-direction:row;align-items:center;margin-bottom:.5rem;display:flex}#services #servicesContent .services-list .service{width:70%}#services #servicesContent .services-list .service p{text-align:justify}#services #servicesContent .services-list .service ul{margin-left:4em}#services #servicesContent a.read-more{border:.1em solid var(--main-color);color:var(--main-color);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:.2em;outline:none;margin-top:1em;padding:.3rem 2rem;font-weight:700;text-decoration:none;transition:background-color .1s linear,color .1s linear;display:inline-block;position:relative}#services #servicesContent a.read-more:hover{background:var(--main-color);color:#000;border:.1em solid #ff00bf4d;transition:background-color .1s linear,color .1s linear}@media only screen and (max-width:1000px){#services{scroll-snap-align:start;scroll-snap-stop:always;min-height:calc(100svh - 1px);font-size:.8em}#services #servicesContent{color:#000;padding:1em;line-height:1.5em;display:inline-block}#services #servicesContent .sub-title{margin-bottom:.5em;font-size:2em}#services #servicesContent .services-list .service{width:unset}#services #servicesContent .services-list .service .icon{min-width:1.3em;min-height:1.3em}#services #servicesContent .services-list .service ul{margin-left:2em}}
#tech{min-height:100svh}#tech #techContent{color:#000;flex-direction:column;height:100%;line-height:1.5em;display:flex}#tech #techContent .sub-title{text-align:center;color:#fff;width:100%;margin:0 auto;font-size:3em;line-height:5em;position:relative}#tech #techContent .sub-title .header-background{z-index:-1;filter:brightness(40%);object-fit:cover;display:inline-block;position:absolute;top:0;left:0}#tech #techContent .tech-stack-list{background:#fff;flex-direction:column;flex-grow:1;align-items:center;gap:2em;padding:2em 1em;display:flex}#tech #techContent .tech-stack-list .tech-stack .icon{color:var(--main-color);margin-right:.4em}#tech #techContent .tech-stack-list .tech-stack .tech-stack-title{flex-direction:row;align-items:center;margin-bottom:.5rem;display:flex}#tech #techContent .tech-stack-list .tech-stack{width:70%}#tech #techContent .tech-stack-list .tech-stack p{text-align:justify}@media only screen and (max-width:1000px){#tech{scroll-snap-align:start;scroll-snap-stop:always;min-height:calc(100svh - 1px);font-size:.8em}#tech #techContent{color:#000;line-height:1.5em;display:inline-block}#tech #techContent .sub-title{margin-bottom:.5em;font-size:2em;overflow:hidden}#tech #techContent .sub-title .header-background{transform:scale(1.3)}#tech #techContent .tech-stack-list{padding:2em}#tech #techContent .tech-stack-list .tech-stack .icon{min-width:1.3em;min-height:1.3em}#tech #techContent .tech-stack-list .tech-stack{width:unset}}
#chooseUs{min-height:100svh}#chooseUs #chooseUsContent{color:#000;flex-direction:column;height:100%;line-height:1.5em;display:flex}#chooseUs #chooseUsContent .sub-title{text-align:center;color:#fff;width:100%;margin:0 auto;font-size:3em;line-height:5em;position:relative}#chooseUs #chooseUsContent .sub-title .header-background{z-index:-1;filter:brightness(40%);object-fit:cover;display:inline-block;position:absolute;top:0;left:0}#chooseUs #chooseUsContent .choose-us-list{background:#fff;flex-direction:column;flex-grow:1;align-items:center;gap:2em;padding:2em 1em;display:flex}#chooseUs #chooseUsContent .choose-us-list .choose-us-point .icon{color:var(--main-color);margin-right:.4em}#chooseUs #chooseUsContent .choose-us-list .choose-us-point .choose-us-point-title{flex-direction:row;align-items:center;margin-bottom:.5rem;display:flex}#chooseUs #chooseUsContent .choose-us-list .choose-us-point{width:70%}#chooseUs #chooseUsContent .choose-us-list .choose-us-point p{text-align:justify}#chooseUs #chooseUsContent .choose-us-list .choose-us-point ol,#chooseUs #chooseUsContent .choose-us-list .choose-us-point ul{margin-left:4em}@media only screen and (max-width:1000px){#chooseUs{scroll-snap-align:start;scroll-snap-stop:always;min-height:calc(100svh - 1px);font-size:.8em}#chooseUs #chooseUsContent{color:#000;line-height:1.5em;display:inline-block}#chooseUs #chooseUsContent .sub-title{margin-bottom:.5em;font-size:2em;overflow:hidden}#chooseUs #chooseUsContent .sub-title .header-background{transform:scale(1.3)}#chooseUs #chooseUsContent .choose-us-list{padding:2em}#chooseUs #chooseUsContent .choose-us-list .choose-us-point{width:unset}#chooseUs #chooseUsContent .choose-us-list .choose-us-point .icon{min-width:1.3em;min-height:1.3em}#chooseUs #chooseUsContent .choose-us-list .choose-us-point ol,#chooseUs #chooseUsContent .choose-us-list .choose-us-point ul{margin-left:2em}}
#main{max-width:100dvw;max-height:100svh;overflow:hidden auto}@media only screen and (max-width:1000px){#main{max-height:calc(100svh - 1px)}}