.contact-top{background-color:var(--clr-dark);display:grid;grid-template-areas:"top" "bottom";position:relative}.contact-top>.container{display:flex;justify-content:space-between;gap:3.75rem;z-index:1;align-self:end;margin-bottom:1.875rem;margin-top:3.75rem}@media only screen and (width < 48em){.contact-top>.container{flex-direction:column}}.contact-top>*{grid-area:top;order:1}.contact-top img{order:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact-top::before{content:"";grid-area:top;position:absolute;inset:0;order:0;background:linear-gradient(to top, var(--clr-dark), rgba(54, 58, 68, 0.5))}.contact-info{color:#fff}.contact-info h1,.contact-info__company{color:var(--clr-secondary)}.contact-info h1{margin-bottom:.6em}.contact-info__company{font-weight:500}.contact-info__address{margin-bottom:1.5em}.contact-legal{background-color:var(--clr-light);padding-block:5rem}.contact-legal>.container{display:grid;gap:1.875rem 3.75rem}@media only screen and (width >= 40em){.contact-legal>.container{grid-template-columns:2fr 3fr;grid-template-areas:"company rics" "biv     biv"}}@media only screen and (width >= 48em){.contact-legal>.container{grid-template-columns:1fr 2fr;grid-template-areas:"company rics" "company biv"}}@media only screen and (width >= 80em){.contact-legal>.container{grid-template-columns:1fr 1fr 2fr;grid-template-areas:"company rics biv"}}@media only screen and (width >= 40em){.contact-legal>.container>*:first-child{grid-area:company}}@media only screen and (width >= 40em){.contact-legal>.container>*:last-child{grid-area:biv}}.contact-legal__company{color:var(--clr-medium)}.contact-legal__company>p:first-child{color:initial;font-weight:500}.contact-legal__company~*{margin-top:1em}.contact-legal__info>p:first-child{color:var(--clr-medium)}.realtors{color:var(--clr-medium);margin-top:2rem}.realtors p{color:initial;font-weight:500}@media only screen and (width >= 40em){.contact-rics{grid-area:rics}}.contact-rics,.contact-biv{color:var(--clr-medium)}.contact-rics>p:first-of-type,.contact-biv>p:first-of-type{color:initial}.contact-rics img,.contact-biv img{margin-bottom:1em}.contact-map{height:50vw;min-height:500px;grid-area:bottom;max-height:37.5rem}.contact-map [data-map]{width:100%;height:100%}.contact-form{flex:1}@media only screen and (width >= 48em){.contact-form{max-width:31.25rem}}.contact-form__title{color:var(--clr-secondary);margin-bottom:1em}