.section04{width:80%;height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;position:relative}@media(min-width:335px)and (max-width:757px){.section04{width:90%;gap:40px}@supports(height:100.1dvh){.section04{height:calc(100.1dvh - var(--nav-size))}}@supports not (height:100.1dvh){.section04{height:calc(100.1vh - var(--nav-size))}}}.section04 canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.section04 img{width:auto;height:50%}@media(min-width:335px)and (max-width:757px){.section04 img{width:50%;height:auto}}.section04 .contact{position:static;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center}.section04 .contact .title{font-size:2.5rem;font-weight:700;margin-bottom:50px}@media(min-width:335px)and (max-width:757px){.section04 .contact .title{margin-bottom:30px}}.section04 .contact ul{display:flex;align-items:center;gap:40px}.section04 .contact ul li a,.section04 .contact ul li button{cursor:pointer;padding:5px;color:var(--icon-color);transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(hover:hover){.section04 .contact ul li a:hover,.section04 .contact ul li button:hover{color:var(--icon-hover-color)}}.section04 .contact ul li a svg,.section04 .contact ul li button svg{width:50px;height:50px}@media(min-width:335px)and (max-width:757px){.section04 .contact ul li a svg,.section04 .contact ul li button svg{width:40px;height:40px}}.section04 .form-container{position:absolute;z-index:2;bottom:0;left:0;right:0;width:100%;max-width:500px;margin:0 auto;transform:translateY(100%);transition:all .2s;display:flex;flex-direction:column;align-items:flex-end;background-color:var(--card-bg);box-sizing:border-box;border-radius:10px;padding:20px 20px 40px}.section04 .form-container>button{color:var(--font-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.section04 .form-container>button svg{width:25px;height:25px}.section04 .form-container.show{transform:translateY(0)}.section04 .form-container form{width:100%;display:flex;flex-direction:column;padding:0 10px;box-sizing:border-box}.section04 .form-container form label{margin-bottom:10px;font-size:.9rem}.section04 .form-container form label:not(:first-of-type){margin-top:20px}.section04 .form-container form span{color:var(--red);font-size:.8rem;margin-top:8px}.section04 .form-container form input,.section04 .form-container form textarea{outline:none;border:none;border-radius:5px;padding:5px!important;box-sizing:border-box;font-size:16px}.section04 .form-container form input:disabled,.section04 .form-container form textarea:disabled{background-color:var(--loader-color)}.section04 .form-container form textarea{resize:none;width:100%!important;height:80px!important}.section04 .form-container form button{margin-top:20px;color:var(--font-color);background-color:#9d79b9;padding:10px 0;border-radius:7px;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.section04 .form-container form button:disabled{background-color:var(--loader-color)}@media(hover:hover){.section04 .form-container form button:not(:disabled):hover{background-color:#b68cd5}}