.contact-page{width:100%;.hero-heading{padding-top:calc(var(--padding-sectionYLG) * 3);padding-bottom:var(--padding-sectionX);width:100%;@media (max-width:1024px){padding-top:calc(var(--padding-sectionY) + 100px)}h1{font-size:var(--heading-1-fluid)}}.contact-wrapper{background:rgba(var(--white),1);padding:var(--padding-sectionY) 0;border-radius:var(--radius-lg);width:100%;display:flex;flex-direction:column;gap:var(--padding-sectionX);.section-wrapper{display:grid;grid-template-columns:1.2fr 2fr;grid-gap:var(--padding-sectionYLG);gap:var(--padding-sectionYLG);@media (max-width:1024px){grid-template-columns:1fr;gap:var(--padding-sectionY)}}.contact-details{display:flex;flex-direction:column;gap:var(--padding-sectionY);@media (max-width:1024px){display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--padding-xxl);gap:var(--padding-xxl);.intro{grid-column:1/-1}}@media (max-width:550px){grid-template-columns:1fr}}.contact-detail{display:flex;align-items:flex-start;gap:var(--padding-xl);.icon{width:40px;height:40px;background:rgba(var(--orange),1);border-radius:50%;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:var(--padding-md)}.details{display:flex;flex-direction:column;gap:var(--padding-md);white-space:pre-wrap;.label{font-size:var(--text-body-sm);color:rgba(var(--gray),1)}a{text-decoration:none}}}}.contact-form{display:flex;flex-direction:column;gap:var(--padding-sectionX);h2{font-size:var(--heading-2-fluid);margin-bottom:var(--padding-xl)}.form{display:flex;flex-direction:column;gap:var(--padding-lg);.row{display:grid;grid-gap:var(--padding-lg);gap:var(--padding-lg);&.cols-2{grid-template-columns:1fr 1fr;@media (max-width:550px){grid-template-columns:1fr}}&.cols-1{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:var(--padding-md);label{font-size:var(--text-body-sm)}input,textarea{width:100%;padding:var(--padding-xl);font-size:var(--text-body-sm);border:1px solid rgba(var(--orange),0);border-radius:var(--radius-md);background:rgba(var(--gray-bg),1);transition:border .3s ease-in-out;&:focus{border:1px solid rgba(var(--orange),1);outline:none}}textarea{height:300px}.req{color:rgba(var(--orange),1)}.button{width:100%;justify-content:space-between;.separator-arrow-wrap{display:flex;align-items:center;&.hidden{opacity:0;visibility:hidden}}}}}}}}