#contact-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.contact{display:flex;align-items:center;height:auto;width:100%;margin:7.5rem 0;flex-direction:column;gap:var(--space-7)}.contact-intro{display:flex;width:90%;margin:2.5rem 0 7rem}.contact-intro-left{display:flex;flex-direction:column;width:60%}.contact-intro-left h2{font-size:12rem;font-weight:500;color:var(--color-1);line-height:.85;margin:0}.contact-intro-left h2:last-of-type{margin-left:13rem}.contact-intro-left-email{width:auto;height:auto;margin:0 auto;margin-top:var(--space-4);position:relative;overflow:hidden;cursor:pointer}.contact-intro-left-email:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-2);transition:height .25s var(--power-1-out),background-color .25s var(--power-1-out);z-index:-1}.contact-intro-left-email:hover:after{height:100%}.contact-intro-left-email h3{font-size:1.5rem;margin:0;margin-bottom:var(--space-0);font-weight:400;color:var(--color-1)}.contact-intro-right{display:flex;flex-direction:column;width:40%}.contact-intro-right h3{font-size:2rem;margin-top:var(--space-5);margin-bottom:var(--space-2);margin-left:var(--space-2);font-weight:600;color:var(--color-2)}.contact-intro-right-text{padding:var(--space-2);display:flex;border-radius:30px;background-color:var(--color-4)}.contact-intro-right-text p{font-size:1rem;margin:0;color:var(--font-middle)}.contact-faq{width:90%;height:auto;display:flex;flex-direction:column}.contact-faq-container{display:flex;flex-direction:column;gap:var(--space-1);width:100%;min-height:75vh}.contact-faq-container-item{display:flex;background-color:var(--color-4);padding:var(--space-3);max-height:200px;overflow:hidden;align-items:center;border-radius:25px;transition:background-color .5s var(--power-1-out),max-height .5s var(--power-1-out)}.contact-faq-container-item h4{font-size:1.5rem;color:var(--color-2);margin:0 0 0 auto;transition:font-size .5s var(--power-1-out)}.contact-faq-container-item-text{width:50%;height:auto}.contact-faq-container-item-text h3{font-size:1.5rem;margin:0;color:var(--color-1);transition:margin-bottom .5s var(--power-1-out),color .5s var(--power-1-out)}.contact-faq-container-item-text p{font-size:1rem;color:var(--font-middle);max-height:0;overflow:hidden;margin:0;transition:max-height .5s var(--power-1-out)}.contact-faq-container-item.active{background-color:var(--color-1);max-height:600px}.contact-faq-container-item.active h4{font-size:3rem;color:var(--color-2)}.contact-faq-container-item-text.active h3{margin-bottom:var(--space-2);color:var(--color-4)}.contact-faq-container-item-text.active p{color:var(--color-3);max-height:300px}@media (max-width:1700px){.contact-intro-left h2{font-size:10.8rem}}@media (max-width:1600px){.contact-intro-left h2{font-size:9.6rem}}@media (max-width:1500px){.contact-intro-left h2{font-size:8.4rem}}@media (max-width:1400px){.contact-intro{flex-direction:column}.contact-intro-left,.contact-intro-right{width:75%;margin:0 auto}.contact-intro-left h2{margin:0;line-height:1}.contact-intro-left h2:last-of-type{margin:0}}@media (max-width:700px){.contact-intro-left{width:100%}.contact-intro-right{width:100%;margin:0 auto}}@media (max-width:500px){.contact-intro-left h2{font-size:7.2rem}.contact-intro-right h3{font-size:1.8rem}}@media (max-width:400px){.contact-intro-left h2{font-size:6rem}}@media (max-width:1200px){.contact-faq-container-item-text{width:70%}}