section.gt-block.building-hero-info .container {
position: relative;
z-index: 2;
}
section.gt-block.building-hero-info .container .inner {
padding: 7rem var(--hero-side-padding);
border-radius: 0 0 3rem 3rem;
background: var(--black-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5rem;
}
@media screen and (max-width: 1200px) {
section.gt-block.building-hero-info .container .inner {
gap: 3.5rem;
padding: 3.5rem var(--hero-side-padding);
}
}
@media screen and (max-width: 880px) {
section.gt-block.building-hero-info .container .inner {
padding: 3rem var(--hero-side-padding);
}
}
@media screen and (max-width: 500px) {
section.gt-block.building-hero-info .container .inner {
gap: 2.5rem;
}
}
section.gt-block.building-hero-info .container .inner hr {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
height: 0;
border-top: 1px solid #505050;
}
.building-hero-info__row {
display: grid;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8rem;
}
@media screen and (max-width: 1200px) {
.building-hero-info__row {
gap: 4rem;
}
}
@media screen and (max-width: 500px) {
.building-hero-info__row {
gap: 2.5rem;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 800px) {
.building-hero-info__row.building-hero-info__row--address {
grid-template-columns: 1fr;
gap: 2.7rem;
}
}
@media screen and (max-width: 500px) {
.building-hero-info__row.building-hero-info__row--address {
gap: 1.7rem;
}
}
.building-hero-info__row .address {
color: var(--base-white);
}
@media screen and (max-width: 640px) {
.building-hero-info__row .address {
gap: 1.5rem;
}
}
@media screen and (max-width: 640px) {
.building-hero-info__row .address__marker {
width: 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 2rem;
flex: 0 0 2rem;
}
}
.building-hero-info__row .address__text p {
color: var(--base-white);
}
@media screen and (max-width: 640px) {
.building-hero-info__row .tags-items {
gap: 0.8rem;
}
}
@media screen and (max-width: 640px) {
.building-hero-info__row .tags-items .tag-item {
padding: 0.9rem 2.2rem;
}
}
.building-hero-info__row .building-hero-info__price p,
.building-hero-info__row .building-hero-info__available-apartments p {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 700; font-size: calc(var(--fs-small-rate) * 4rem);
line-height: normal;
color: var(--base-white);
}
.building-hero-info__row .building-hero-info__price p strong,
.building-hero-info__row .building-hero-info__available-apartments p strong {
color: var(--orange-primary);
}
.building-hero-info__row .building-hero-info__available-apartments p strong {
display: block;
}
@media screen and (max-width: 500px) {
.building-hero-info__row .building-hero-info__available-apartments p strong {
display: inline;
}
}
.building-hero-info__row .building-hero-info__price {
text-align: right;
}
@media screen and (max-width: 500px) {
.building-hero-info__row .building-hero-info__price {
text-align: left;
}
}
.building-hero-info__row .building-hero-info__price p strong {
display: block;
}
@media screen and (max-width: 500px) {
.building-hero-info__row .building-hero-info__price p strong {
display: inline;
}
}
.building-hero-info__usp-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 5rem;
}
@media screen and (max-width: 880px) {
.building-hero-info__usp-items {
gap: 3.5rem;
}
}
@media screen and (max-width: 560px) {
.building-hero-info__usp-items {
grid-template-columns: 1fr;
gap: 2.5rem;
}
}
.building-hero-info__usp-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
@media screen and (max-width: 560px) {
.building-hero-info__usp-item {
gap: 1rem;
}
}
@media screen and (max-width: 640px) {
.building-hero-info__usp-item p.heading-h4 {
--fs-rate: 0.7;
}
}
.building-hero-info__usp-item p {
color: var(--base-white);
}