:root{--contact-vertical-margin:30%;--contact-horizontal-margin:40%;--contact-max-width:36rem;--contact-gap:2rem}@media (min-width:768px){:root{--contact-gap:6rem}}.contact-1 .section-background{-webkit-clip-path:polygon(0 30%,100% 30%,100% 100%,0 100%);clip-path:polygon(0 30%,100% 30%,100% 100%,0 100%);-webkit-clip-path:polygon(0 var(--contact-vertical-margin),100% var(--contact-vertical-margin),100% 100%,0 100%);clip-path:polygon(0 var(--contact-vertical-margin),100% var(--contact-vertical-margin),100% 100%,0 100%)}@media (min-width:768px){.contact-1 .section-background{-webkit-clip-path:polygon(30% 0,100% 0,100% 100%,30% 100%);clip-path:polygon(30% 0,100% 0,100% 100%,30% 100%);-webkit-clip-path:polygon(var(--contact-vertical-margin) 0,100% 0,100% 100%,var(--contact-vertical-margin) 100%);clip-path:polygon(var(--contact-vertical-margin) 0,100% 0,100% 100%,var(--contact-vertical-margin) 100%)}}.contact-2 .section-background{-webkit-clip-path:polygon(0 40%,100% 40%,100% 100%,0 100%);clip-path:polygon(0 40%,100% 40%,100% 100%,0 100%);-webkit-clip-path:polygon(0 var(--contact-horizontal-margin),100% var(--contact-horizontal-margin),100% 100%,0 100%);clip-path:polygon(0 var(--contact-horizontal-margin),100% var(--contact-horizontal-margin),100% 100%,0 100%)}.contact-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:2rem;gap:2rem;grid-gap:var(--contact-gap);gap:var(--contact-gap)}@media (min-width:768px){.contact-wrapper{flex-direction:row}}.contact-content{flex:1 1 0}@media (min-width:768px){.contact-content{flex:1 1 60%}}@media (min-width:1440px){.contact-content{flex:1 1 70%}}.contact-content .h1{margin-bottom:3rem}.contact-text{max-width:36rem;max-width:var(--contact-max-width)}.contact-form{flex:1 1 0}@media (min-width:768px){.contact-form{flex:1 1 40%}}@media (min-width:1440px){.contact-form{flex:1 1 30%}}