.contact-page{padding:6.5rem var(--2xl-space);color:var(--color-white)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:start}.contact-form-section h1{font-size:50px}.contact-form-section h1,.contact-page h2{font-weight:400;font-family:var(--font-family)}.contact-page h2{font-size:32px}.contact-form{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{width:100%;padding:1rem;border-radius:14px;border:1px solid rgba(134,100,237,1);background:rgba(134,100,237,.1);color:#fff;font-size:var(--text-body);font-family:var(--font-family-body);font-weight:var(--font-weight-light);outline:none}.contact-form textarea{resize:vertical;min-height:10rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(247,252,250,.8)}.contact-form button{width:104%;padding:.75rem 1rem;border:none;border-radius:20px;background:linear-gradient(90deg,#8664ED,#22D390);color:#fff;font-family:var(--font-family);font-size:var(--text-button);font-weight:var(--font-weight-regular);cursor:pointer}.contact-info-section{padding:5rem}.contact-info-section p,.contact-info-section ul{margin-top:2rem;width:90%}.contact-info-section li,.contact-info-section p,.contact-info-section ul{font-size:26px;font-weight:300;font-family:var(--font-family-body);line-height:var(--line-height-normal)}.contact-info-section li{margin-left:1rem;list-style-type:disc}.contact-info-section .contact-points-list{list-style:none;padding:0}.contact-info-section .contact-points-list li{margin-left:0;list-style:none;display:flex;align-items:center;gap:.65rem}.contact-point-icon{font-size:1.2rem;color:#ffffff;flex-shrink:0}@media (min-width:1921px){.contact-page{padding:12.5rem var(--2xl-space)}}@media (max-width:1800px){.contact-page{padding:9.5rem var(--xl-space)}}@media (max-width:1200px){.contact-page{padding:2rem var(--md-space)}.contact-layout{grid-template-columns:1fr}.contact-form input,.contact-form textarea{width:95%}.contact-form button{width:100%}.contact-info-section{margin-top:2rem;padding:0}.contact-form-section h1{font-size:var(--text-display)}}@media (max-width:600px){.contact-page{padding:2rem var(--sm-space)}.contact-form-section h1{font-size:var(--text-h1)}.contact-info-section{padding:0}.contact-form input,.contact-form textarea{width:90%}.contact-info-section li,.contact-info-section p,.contact-info-section ul{font-size:20px}}