.ohilo-app.night-mood{background:#161616}:root{--dark:#0d0d12;--darkGray:#666d80}*,:after,:before{margin:0;padding:0;box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}body{font-family:Inter,sans-serif;font-size:16px}.mt-20{margin-top:20px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}a{text-decoration:none}.title-with-dot{font-size:20px;color:var(--dark);font-weight:400;opacity:.8;position:relative}.title-with-dot:before{content:"";background:#a4abb8;width:8px;height:8px;border-radius:50%;display:inline-block;margin-bottom:3px;margin-right:8px}.ohilo-app{background:#eceff3}.ohilo-app .bg-video{position:fixed;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.15}.ohilo-app .ohilo-app-inner{margin:0 auto;padding-top:104px;padding-bottom:40px}.body-box,.ohilo-app .ohilo-app-inner{position:relative;max-width:560px;width:100%}.body-box{border:1px solid #ebeef3;align-content:flex-start;align-items:flex-start;background-color:#fff;border-radius:16px;box-shadow:0 1.267198085784912px 1.267198085784912px #666d8014,0 5.068792343139648px 10.137584686279297px #666d8014;display:flex;flex:none;flex-direction:column;flex-wrap:nowrap;height:-moz-min-content;height:min-content;justify-content:flex-start;padding:32px 8px 8px;transform:perspective(1200px);will-change:transform}.body-box,.theme-btn{gap:8px;overflow:hidden}.theme-btn{color:#fff;background:var(--dark);display:inline-flex;align-items:center;border-radius:6px;padding:9px 12px 9px 10px;box-shadow:0 1px 1px 0 rgba(102,109,128,.08),0 4px 8px 0 rgba(102,109,128,.2),0 0 0 0 rgba(53,56,73,.16);font-size:14px;position:relative;z-index:1;transition:.3s;outline:none;border:none;cursor:pointer;font-weight:500}.theme-btn .plus-icon{border:1.5px solid #666d80;width:14px;height:14px;border-radius:50%;display:block;line-height:10px;font-size:12px;text-align:center}.theme-btn .btn-shape{position:absolute;width:33.3333%;height:100%;left:0;background:#fff;z-index:-1;transition:.25s;top:100%;border-radius:30px 30px 0 0}.theme-btn .btn-shape:nth-child(2){left:33.3333%;transition:.45s}.theme-btn .btn-shape:nth-child(3){left:auto;right:0;transition:.6s}.theme-btn:hover{color:var(--dark);box-shadow:0 1px 1px 0 rgba(102,109,128,.08),0 4px 8px 1px rgba(102,109,128,.2),0 0 0 4px rgba(53,56,73,.16)}.theme-btn:hover .btn-shape{top:0;border-radius:0}.theme-btn .copy-icon{color:#666d80}button.theme-btn{line-height:15px}.theme-btn.theme-btn-white{background:#fff;border:1px solid #ebeef3;color:var(--dark);box-shadow:0 1px 1px 0 rgba(102,109,128,.08),0 4px 6px 0 rgba(102,109,128,.06),0 0 0 0 #fff,0 0 0 0 rgba(53,56,73,.16)}.theme-btn.theme-btn-white:hover,.theme-btn:hover{box-shadow:0 1px 1px 0 rgba(102,109,128,.08),0 4px 6px 0 rgba(102,109,128,.06),0 0 0 1px #fff,0 0 0 4px rgba(53,56,73,.16)}.header-wrapper{box-shadow:0 1.2672px 1.2672px 0 rgba(102,109,128,.08),0 5.06879px 10.1376px 0 rgba(102,109,128,.08);background:#fff;padding:0 16px;border-radius:12px;position:fixed;top:20px;max-width:560px;width:100%;display:flex;align-items:center;justify-content:space-between;height:64px;z-index:1024}.header-wrapper .header-nav ul{display:flex;align-items:center;gap:16px}.header-wrapper .header-nav ul li{display:block}.header-wrapper .header-nav ul li a{display:flex;width:40px;height:40px;align-items:center;justify-content:center;position:relative;z-index:1}.header-wrapper .header-nav ul li a svg{width:24px;height:24px;opacity:.6}.header-wrapper .header-nav ul li a img{display:block;max-width:100%;width:22px;opacity:.6}.header-wrapper .header-nav ul li a:before{content:"";background:#eceff3;width:100%;height:100%;border-radius:50%;position:absolute;z-index:-1;transition:.3s;transform:scale(0)}.header-wrapper .header-nav ul li a .mtitle{position:absolute;background:var(--dark);color:#fff;border-radius:10px;font-size:12px;padding:1px 8px;bottom:90%;transition:.4s;opacity:0;visibility:hidden}.header-wrapper .header-nav ul li a:hover .mtitle{bottom:100%;visibility:visible;opacity:1}.header-wrapper .header-nav ul li a.router-link-exact-active img,.header-wrapper .header-nav ul li a.router-link-exact-active svg,.header-wrapper .header-nav ul li a:hover img,.header-wrapper .header-nav ul li a:hover svg{opacity:1}.header-wrapper .header-nav ul li a.router-link-exact-active:before,.header-wrapper .header-nav ul li a:hover:before{transform:scale(1)}.header-wrapper .header-right-action{display:flex;align-items:center;gap:20px}.header-wrapper .header-right-action .night-day-mood-btn{margin:0;border:none;background:none;cursor:pointer;font-size:30px;transition:.3s;display:inline-flex;align-items:center}.header-wrapper .header-right-action .night-day-mood-btn:hover{opacity:.6}.about-hero-wrap{width:100%;padding-bottom:40px}.hero-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 24px;margin-bottom:40px}.hero-header .status-for-work{display:inline-flex;align-items:center;padding:5px 12px 5px 8px;position:relative;will-change:transform;background:#d0fadf;border-radius:30px;color:#039754;font-size:12px;text-transform:uppercase;letter-spacing:.96px;font-weight:500;gap:6px}.hero-header .status-for-work:before{content:"";display:block;background:#28c780;width:6px;height:6px;border-radius:100%}.about-hero-wrap .about-hero-content-body{place-content:center flex-start;align-items:center;display:flex;flex-flow:row nowrap;gap:40px;padding:0 24px}.about-hero-wrap .about-hero-content-body .about-hero-content h1{font-size:36px;line-height:120%;color:#353849;margin-bottom:8px;font-weight:600}.about-hero-wrap .about-hero-content-body .about-hero-content p{color:#666d80;font-size:16px;line-height:170%;font-weight:300;margin-bottom:24px}.about-hero-wrap .about-hero-content-body .about-hero-content .buttons{display:flex;align-items:center;gap:12px}.about-hero-wrap .about-hero-content-body .about-hero-img{width:160px;height:160px;position:relative;flex:none}.about-hero-wrap .about-hero-content-body .about-hero-img img{width:100%;height:100%;-o-object-position:center center;object-position:center center;-o-object-fit:cover;object-fit:cover;image-rendering:auto;border-radius:100%;box-shadow:0 0 0 2.22222px #eceff4;border:8px solid #fff}.about-page{width:100%}.about-page .projects-list,.project-page .project-content-body>.projects-list{background:#f6f8fa;padding:24px;border-radius:12px}.about-page .about-content-body .about-content-body-inner h1{font-size:34px;font-weight:600;line-height:120%;color:#353849;margin-bottom:16px}.about-page .about-content-body .about-content-body-inner{padding:0 24px 24px}.about-page .about-content-body .about-content-body-inner>p{margin-bottom:32px}.about-page .about-content-body .about-content-body-inner p,.project-single-page .project-single-body .project-single-body-inner .project-single-contents p,.project-single-title-description p{font-size:18px;color:#666d80;font-weight:300;line-height:170%;letter-spacing:.32px}.about-page .about-content-body .about-content-body-inner .about-img{background-color:#fff;border-radius:12px;box-shadow:0 1px 1px 0 rgba(102,109,128,.08),0 4px 8px 0 rgba(102,109,128,.08),0 0 0 0 #fff,0 0 0 3px rgba(53,56,73,0);padding:16px;border:1px solid #ebeef3;display:block;margin-bottom:32px}.about-page .about-content-body .about-content-body-inner .about-content-body-inside-2{margin-bottom:32px}.about-page .about-content-body .about-content-body-inner .about-content-body-inside-2 h2,.about-page .about-content-body .about-content-body-inner .about-content-body-inside-3 h2{font-size:30px;line-height:120%;font-weight:500;color:#353849;margin-bottom:16px}.about-page .about-content-body .about-content-body-inner .about-content-body-inside-2 p+p{margin-top:20px}.projects-wrap{background:#f6f8fa;width:100%;border-radius:12px;place-content:flex-end flex-start;align-items:flex-end;display:flex;flex-flow:column nowrap;gap:24px;padding:24px;position:relative}.projects-wrap .projects-header{width:100%;display:flex;align-items:center;justify-content:space-between}.projects-list{width:100%;display:flex;flex-direction:column;gap:12px}.project{display:block;width:100%;position:relative;border:1px solid #ebeef3;background-color:#fff;border-radius:12px;box-shadow:0 1px 1px 0 rgba(102,109,128,.08),0 4px 8px 0 rgba(102,109,128,.08),0 0 0 0 #fff,0 0 0 3px rgba(53,56,73,0);padding:16px;transition:.3s}.project:hover{box-shadow:0 1px 1px 0 rgba(102,109,128,.08),0 4px 8px 0 rgba(102,109,128,.08),0 0 0 1px #fff,0 6px 16px 0 rgba(53,56,73,.04)}.project .project-inner{display:flex;width:100%;align-items:center;flex:1 0 0px;flex-flow:row nowrap;gap:16px}.project .project-inner .right-arrow{position:absolute;right:15px;top:50%;color:#000;font-size:20px;transform:translateY(-50%);opacity:.2;transition:.3s}.project.product .project-inner .right-arrow{transform:rotate(-45deg) translateY(-50%);right:5px}.project:hover .project-inner .right-arrow{opacity:.8;right:13px}.project.product:hover .project-inner .right-arrow{right:3px}.project .project-inner .project-img{width:64px;height:64px;flex:none;box-shadow:0 .8px .8px 0 rgba(102,109,128,.08),0 3.2px 6.4px 0 rgba(102,109,128,.08);border-radius:50px;border:1px solid #ebeef3;padding:6px}.project .project-inner .project-img img{display:block;width:100%;height:100%;border-radius:inherit;-o-object-position:center center;object-position:center center;-o-object-fit:cover;object-fit:cover;image-rendering:auto}.project .project-inner .project-content h4{color:#353849;font-size:20px;line-height:120%;letter-spacing:-.2px;font-weight:500;margin-bottom:6px}.project .project-inner .project-content p{color:#666d80;line-height:180%}.project.product .project-inner .project-content h4{margin-bottom:0}.contact-page .contact-content-body .contact-content-body-inner,.product-page .product-content-body .product-content-body-inner,.project-page .project-content-body .project-content-body-inner{padding:0 24px 40px}.contact-page .contact-content-body .contact-content-body-inner h1,.product-page .product-content-body .product-content-body-inner h1,.project-page .project-content-body .project-content-body-inner h1{font-size:36px;color:#353849;line-height:110%;font-weight:600;margin-bottom:16px}.contact-page .contact-content-body .contact-content-body-inner p,.product-page .product-content-body .product-content-body-inner p,.project-page .project-content-body .project-content-body-inner p{color:#666d80;line-height:160%;letter-spacing:.32px;font-size:14px;font-weight:300}.project-page .project-content-body .project-content-body-inner.project-content-body-inner2{padding-top:40px}.error-page .error-body,.product-page .product-content-body,.project-single-page .project-single-body{width:100%}.project-single-page{padding-top:8px}.project-single-page .project-single-body .project-single-body-inner{display:flex;flex-direction:column;flex:0 0 auto;flex-flow:column nowrap;gap:32px;place-content:flex-start;align-items:flex-start}.project-single-infos{display:flex;place-content:flex-end flex-start;align-items:flex-end;flex:0 0 auto;flex-flow:column nowrap;background-color:#f6f8fa;border-radius:12px;gap:8px;padding:16px 24px;position:relative;width:100%}.project-single-infos .project-single-info-item{display:flex;align-items:center;flex:0 0 auto;flex-flow:row nowrap;gap:8px;position:relative;width:100%;font-size:14px;letter-spacing:.14px;color:#353849;font-weight:300;line-height:160%}.project-single-infos .project-single-info-item .title{width:112px;font-weight:300;display:block;color:#666d80}.project-single-title-description{padding:0 24px;align-items:flex-start;display:flex;flex:0 0 auto;flex-flow:column nowrap;gap:24px;width:100%}.project-single-title-description img{width:54px;height:54px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border-radius:50px;border:1px solid #ebeef3;padding:4px;display:block}.project-single-page .project-single-body .project-single-body-inner .project-single-contents p,.project-single-title-description p{font-size:16px}.project-single-title-description h2{font-size:36px;line-height:120%;font-weight:500;color:#353849}.project-single-page .project-single-body .project-single-body-inner .project-single-contents{padding:0 24px 48px;display:flex;flex-direction:column}.project-single-page .project-single-body .project-single-body-inner .project-single-contents img{display:block;border-radius:6px}.project-single-page .project-single-body .project-single-body-inner .project-single-contents h2{font-size:24px;font-weight:600}.news-letter-wrap{text-align:center;width:100%;padding:48px 8px}.news-letter-wrap .btns{display:flex;gap:12px;justify-content:center}.news-letter-wrap h1{font-size:36px;font-weight:600;line-height:120%;margin-bottom:12px;color:#353849}.news-letter-wrap p{font-size:18px;color:#666d80;letter-spacing:.3px;line-height:170%;font-weight:300;margin-bottom:24px}.contact-page .contact-content-body{width:100%}.contact-page .contact-content-body .contact-content-body-inner p{font-size:15px}.contact-page .contact-content-body .contact-form{padding:0 24px 40px}.contact-form form{flex-direction:column}.contact-form form,.contact-form form .input-row{display:flex;gap:12px}.contact-form form .input-row>*{flex:1}.contact-form form .input-row .input-group input,.contact-form form .input-row .input-group textarea{font-weight:300;font-size:16px;background:#f1f4f8;border:none;width:100%;color:#0d0d12;font-family:Inter,sans-serif!important;border-radius:6px;padding:14px;line-height:1.4em}.contact-form form .input-row .input-group input:focus,.contact-form form .input-row .input-group textarea:focus{outline:none;box-shadow:none}.contact-form form .input-row .input-group textarea{height:160px}.contact-form form .input-row .input-group .theme-btn{width:100%;text-align:center;justify-content:center;padding:14px;line-height:1.4em;font-size:16px}.contact-form form .input-row .input-group .theme-btn:hover{color:#fff;background:#3e3e4a}.error-page .error-body .error-body-inner{display:flex;flex:1 0 0px;flex-flow:column nowrap;gap:24px;padding:0 24px 40px;align-items:center}.error-page .error-body .error-body-inner .error-img-box{width:178px;height:178px;position:relative}.error-page .error-body .error-body-inner .error-img-box .error-img-box-inner{border:7px solid #fff;background-color:#d4d3d5;border-radius:100%;box-shadow:0 0 0 2px #eceff4;flex:0 0 auto;height:92%;left:0;position:absolute;top:49%;transform:translateY(-50%);width:var(--framer-aspect-ratio-supported,163px);z-index:-1}.error-page .error-body .error-body-inner .error-img-box .error-img{flex:0 0 auto;height:100%;left:8px;position:absolute;top:0;width:95%}.error-page .error-body .error-body-inner h1{font-size:36px;font-weight:600;line-height:120%;color:#353849}.error-page .error-body .error-body-inner p{letter-spacing:.32px;line-height:160%;color:#666d80;font-size:16px;font-weight:300}.error-page .error-body .error-body-inner .btns{display:flex;gap:12px;flex-wrap:wrap}.footer-wrapper{display:flex;flex:none;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%}.social-follow-wrap{display:flex;align-items:center;justify-content:space-between;background:#f6f8fa;width:100%;padding:24px;border-radius:12px}.social-follow-wrap ul{display:flex;align-items:center;gap:10px}.social-follow-wrap ul li{display:block}.social-follow-wrap ul li a{display:block;width:40px;height:40px;text-align:center;background:#fff;border:1px solid #ebeef3;border-radius:50%;box-shadow:0 1px 1px 0 rgba(102,109,128,.08),0 4px 6px 0 rgba(102,109,128,.06),0 0 0 0 rgba(53,56,73,.16);line-height:38px;font-size:25px;color:rgba(13,13,18,.8);transition:.3s}.social-follow-wrap ul li a:hover{box-shadow:0 1px 1px 0 rgba(102,109,128,.08),0 0 1px 0 rgba(102,109,128,.2),0 0 0 1px #fff,0 0 0 4px rgba(53,56,73,.08)}.footer-copyright-box{width:100%;padding:24px;background:#f6f8fa;border-radius:12px;text-align:center}.footer-copyright-box p{font-size:14px;color:#666d80;font-weight:400}.footer-copyright-box p a{color:var(--dark);text-decoration:underline}.footer-copyright-box p a:hover{color:#666d80;text-decoration:none}.night-mood .theme-btn{background:#373737;box-shadow:0 8px 16px 0 hsla(0,0%,9%,.3),0 1px 1px 0 hsla(0,0%,9%,.6),inset 0 -1px 1px 0 #424242,0 0 0 .1px rgba(44,44,44,.5)}.night-mood .theme-btn .btn-shape{background:hsla(0,0%,100%,.08)}.night-mood .theme-btn:hover{box-shadow:0 8px 16px 0 hsla(0,0%,9%,0),0 1px 1px 0 hsla(0,0%,9%,.6),inset 0 -1px 1px 0 #424242,0 0 0 5px rgba(44,44,44,.8);color:#fff}.night-mood .theme-btn-white{border-color:#2c2c2c;background:#212121;color:hsla(0,0%,100%,0);color:#fff;box-shadow:0 1px 1px 0 hsla(0,0%,9%,.6),inset 0 -1px 1px 0 #424242,0 0 0 .1px rgba(44,44,44,.5)}.night-mood .theme-btn-white:hover{box-shadow:0 1px 1px 0 hsla(0,0%,9%,0),inset 0 -1px 1px 0 #424242,0 0 0 4px rgba(44,44,44,.5)}.night-mood .theme-btn .copy-icon{color:hsla(0,0%,100%,.7)}.night-mood .header-wrapper{background:#212121;box-shadow:0 1.2672px 1.2672px 0 hsla(0,0%,4%,.2),0 5.06879px 10.1376px 0 hsla(0,0%,4%,.2);border:1px solid #2c2c2c}.night-mood .header-wrapper .header-nav ul li a svg{fill:#fff}.night-mood .body-box{background:#212121;border-color:#2c2c2c}.night-mood .about-hero-wrap .about-hero-content-body .about-hero-content p,.night-mood .title-with-dot{color:#818181;opacity:1}.night-mood .title-with-dot:before{background:#626262}.night-mood .hero-header .status-for-work{background:rgba(40,199,128,.15);color:#039754}.night-mood .about-hero-wrap .about-hero-content-body .about-hero-content h1{color:#fff}.night-mood .projects-wrap{background:#2c2c2c}.night-mood .project{background:#373737;border-color:#424242;box-shadow:0 8px 16px 0 hsla(0,0%,9%,.3),0 1px 1px 0 hsla(0,0%,9%,.6),inset 0 -1px 1px 0 #424242,0 0 0 .1px rgba(33,33,33,.5)}.night-mood .project:hover{box-shadow:0 8px 16px 0 hsla(0,0%,9%,0),0 1px 1px 0 hsla(0,0%,9%,.6),inset 0 -1px 1px 0 #424242,0 0 0 6px rgba(33,33,33,.5)}.night-mood .project .project-inner .project-content h4{color:#fff}.night-mood .about-page .about-content-body .about-content-body-inner p,.night-mood .project .project-inner .project-content p,.night-mood .project .project-inner .right-arrow,.night-mood .project-single-page .project-single-body .project-single-body-inner .project-single-contents p,.night-mood .project-single-title-description p{color:#818181}.night-mood .project .project-inner .right-arrow{opacity:.8}.night-mood .project .project-inner .project-img{border-color:rgba(66,66,66,.6);background:#2c2c2c;box-shadow:0 .8px .8px 0 rgba(102,109,128,.08),0 3.2px 6.4px 0 rgba(102,109,128,.08)}.night-mood .news-letter-wrap h1{color:#fff}.night-mood .footer-copyright-box,.night-mood .social-follow-wrap{background:#2c2c2c}.night-mood .contact-form form .input-row .input-group input::-moz-placeholder,.night-mood .contact-form form .input-row .input-group textarea::-moz-placeholder{color:#818181}.night-mood .contact-form form .input-row .input-group input::placeholder,.night-mood .contact-form form .input-row .input-group textarea::placeholder,.night-mood .footer-copyright-box p{color:#818181}.night-mood .about-page .about-content-body .about-content-body-inner .about-content-body-inside-2 h2,.night-mood .about-page .about-content-body .about-content-body-inner .about-content-body-inside-3 h2,.night-mood .about-page .about-content-body .about-content-body-inner h1,.night-mood .contact-form form .input-row .input-group input,.night-mood .contact-form form .input-row .input-group textarea,.night-mood .contact-page .contact-content-body .contact-content-body-inner h1,.night-mood .footer-copyright-box p a,.night-mood .header-wrapper .header-right-action .night-day-mood-btn .la-sun,.night-mood .product-page .product-content-body .product-content-body-inner h1,.night-mood .project-page .project-content-body .project-content-body-inner h1,.night-mood .project-single-infos .project-single-info-item,.night-mood .project-single-page .project-single-body .project-single-body-inner .project-single-contents h2,.night-mood .project-single-title-description h2{color:#fff}.night-mood .social-follow-wrap ul li a{background:#373737;color:#fff;border-color:transparent;box-shadow:0 8px 16px 0 hsla(0,0%,9%,0),0 1px 1px 0 hsla(0,0%,9%,.6),inset 0 -1px 1px 0 #424242,0 0 0 .1px #2c2c2c}.night-mood .social-follow-wrap ul li a:hover{box-shadow:0 8px 16px 0 hsla(0,0%,9%,0),0 0 0 5px hsla(0,0%,9%,.5),inset 0 -1px 1px 0 #424242,0 0 0 0 #2c2c2c}.night-mood .header-wrapper .header-nav ul li a:before{background:#373737}.night-mood .about-page .projects-list,.night-mood .contact-form form .input-row .input-group input,.night-mood .contact-form form .input-row .input-group textarea,.night-mood .header-wrapper .header-nav ul li a .mtitle,.night-mood .project-page .project-content-body>.projects-list,.night-mood .project-single-infos{background:#2c2c2c}.night-mood .about-page .about-content-body .about-content-body-inner .about-img{background:#373737;border-color:#424242}.night-mood .contact-page .contact-content-body .contact-content-body-inner p,.night-mood .product-page .product-content-body .product-content-body-inner p,.night-mood .project-page .project-content-body .project-content-body-inner p,.night-mood .project-single-infos .project-single-info-item .title{color:#a0a0a0}.night-mood .project-single-title-description img{border-color:#2c2c2c}.night-mood .contact-form form .input-row .input-group .theme-btn:hover{background:#373737;opacity:.85}.night-mood .header-wrapper .header-nav ul li a img{opacity:.6;filter:contrast(0);filter:invert(1)}@media (max-width:490px){.ohilo-app{padding:0 10px}.about-hero-wrap .about-hero-content-body{flex-direction:column-reverse;align-items:flex-start}.header-wrapper{width:calc(100% - 20px)}.hero-header .status-for-work{font-size:10px}.title-with-dot{font-size:18px}.about-hero-wrap .about-hero-content-body .about-hero-content p{font-size:15px;line-height:170%}.footer-copyright-box p,.project .project-inner .project-content p{font-size:13px}.project .project-inner .project-content h4{font-size:18px;margin-bottom:4px}.about-page .about-content-body .about-content-body-inner p,.news-letter-wrap p{font-size:15px}.contact-page .contact-content-body .contact-content-body-inner h1,.night-mood .news-letter-wrap h1,.product-page .product-content-body .product-content-body-inner h1,.project-page .project-content-body .project-content-body-inner h1,.project-single-title-description h2{font-size:26px}.news-letter-wrap p{font-size:13px;max-width:230px;margin-left:auto;margin-right:auto}.project-single-page .project-single-body .project-single-body-inner .project-single-contents p,.project-single-title-description p{font-size:14px}.header-wrapper .header-right-action .night-day-mood-btn{font-size:24px}.header-wrapper .header-right-action{gap:15px}}@media (max-width:419px){.header-wrapper .header-nav ul{gap:12px}.header-wrapper .header-nav ul li a svg{width:14px}.header-wrapper .header-nav ul li a img{width:16px}.header-wrapper .header-right-action .night-day-mood-btn{font-size:22px}.header-wrapper .header-nav ul li a{width:35px;height:35px}.hero-header{flex-wrap:wrap;gap:7px}.about-hero-wrap .about-hero-content-body{gap:30px}.about-hero-wrap .about-hero-content-body .about-hero-content .buttons{flex-wrap:wrap}.project{padding-right:26px}}@media (max-width:380px){.projects-wrap{padding-right:18px;padding-left:18px}.project{padding:12px 26px 12px 12px}.project .project-inner{gap:12px}.project .project-inner .project-img{width:50px;height:50px;padding:4px}.theme-btn{font-size:12px}.title-with-dot{font-size:15px}.title-with-dot:before{margin-bottom:2px;margin-right:6px}.contact-page .contact-content-body .contact-content-body-inner,.product-page .product-content-body .product-content-body-inner,.project-page .project-content-body .project-content-body-inner{padding-right:10px;padding-left:10px}.hero-header{padding:0 10px;margin-bottom:25px}.project-single-infos .project-single-info-item{font-size:12px}.project-single-infos .project-single-info-item .title{width:80px}.error-page .error-body .error-body-inner p{margin-bottom:20px}.error-page .error-body .error-body-inner h1{font-size:26px;margin-bottom:10px}.error-page .error-body .error-body-inner{gap:0}.error-page .error-body .error-body-inner .error-img-box{margin-bottom:35px}.header-wrapper{padding-right:8px;padding-left:8px;height:48px;top:10px}.ohilo-app .ohilo-app-inner{padding-top:72px}.header-wrapper .header-right-action .night-day-mood-btn{display:none}}