.contact{padding-bottom:0}.contact__hero{display:grid;gap:20px;margin:24px 0 52px}.contact__hero h1{max-width:900px}.contact__hero p{max-width:820px;color:var(--clr-text-secondary)}.contact__container{display:flex;flex-direction:column;gap:24px;padding-bottom:80px}@media(min-width: 768px){.contact__container{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:120px}.contact__container>*{width:100%}}@media(min-width: 992px){.contact__container{gap:40px}.contact__container>div.contact__contacts{width:350px}}.contact__contacts{display:grid;gap:18px;padding:24px;border:1px solid var(--clr-border);border-radius:8px;background:var(--clr-surface-variant)}.contact__contacts>div{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.contact__contacts>div a{color:var(--clr-primary);text-decoration:none}.contact__contacts .socials{display:flex;gap:15px}.contact__contacts .socials a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--clr-surface1);border-radius:100%}.contact__detail{color:var(--clr-text-secondary)}.contact__detail strong{color:var(--clr-text-primary)}.contact__demo{display:grid;gap:18px;padding:24px;border:1px solid var(--clr-border);border-radius:8px;background:var(--gradient2)}.contact__demo p{color:var(--clr-text-secondary)}@media(min-width: 992px){.contact__demo{flex:1}}.contact__actions{display:flex;flex-wrap:wrap;gap:12px}.contact__actions a{text-decoration:none}.contact__form{display:grid;grid-template-areas:"name" "phone" "email" "comment" "send";gap:10px}@media(min-width: 992px){.contact__form{grid-template-columns:repeat(2, 1fr);grid-template-areas:"name phone" "email email" "comment comment" "send _"}}.contact__form__name{grid-area:name}.contact__form__phone{grid-area:phone}.contact__form__email{grid-area:email}.contact__form__comment{grid-area:comment}.contact__form button{grid-area:send;margin-top:6px;width:max-content;min-width:200px}.contact__map{width:100%;height:250px}@media(min-width: 768px){.contact__map{height:300px}}@media(min-width: 992px){.contact__map{height:376px}}