section.gt-block.apartment-equipment {
padding: 10rem 0;
}
@media screen and (max-width: 600px) {
section.gt-block.apartment-equipment {
padding: 6rem 0;
}
}
section.gt-block.apartment-equipment .section-header {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 680px) {
section.gt-block.apartment-equipment .section-header__button {
display: none;
}
}
section.gt-block.apartment-equipment .section__footer {
display: none;
text-align: right;
}
@media screen and (max-width: 680px) {
section.gt-block.apartment-equipment .section__footer {
display: block;
margin-top: 3rem;
}
}
section.gt-block.apartment-equipment .section__footer .link-with-arrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.apartment-equipment-items {
margin-bottom: 5rem;
}
.apartment-equipment-items, .apartment-equipment-logos-items {
--gap: 5rem;
--items-per-row: 5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--gap);
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1000px) {
.apartment-equipment-items, .apartment-equipment-logos-items {
gap: 3.5rem;
--items-per-row: 3;
}
}
@media screen and (max-width: 650px) {
.apartment-equipment-items, .apartment-equipment-logos-items {
--items-per-row: 2;
}
}
@media screen and (max-width: 530px) {
.apartment-equipment-items, .apartment-equipment-logos-items {
gap: 2.5rem;
}
}
@media screen and (max-width: 420px) {
.apartment-equipment-items, .apartment-equipment-logos-items {
--items-per-row: 1;
}
}
.apartment-equipment-items > *, .apartment-equipment-logos-items > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / var(--items-per-row) - var(--gap) * (var(--items-per-row) - 1) / var(--items-per-row));
flex: 0 0 calc(100% / var(--items-per-row) - var(--gap) * (var(--items-per-row) - 1) / var(--items-per-row));
}
.apartment-equipment-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: 1rem;
}
@media screen and (max-width: 1080px) {
.apartment-equipment-item .list-item-with-icon .list-item-with-icon__icon-and-text {
min-height: 38px;
}
}
.apartment-equipment-item .list-item-with-icon .list-item-with-icon__icon-and-text .heading-h4 {
font-size: calc(var(--fs-rate) * 2.2rem);
}
.apartment-equipment-item .list-item-with-icon .list-item-with-icon__icon-and-text .list-item-with-icon__text p {
max-width: 100%;
}
@media screen and (max-width: 1500px) {
.apartment-equipment-item .list-item-with-icon .list-item-with-icon__icon-and-text .list-item-with-icon__text p {
max-width: 20rem;
}
}
@media screen and (max-width: 1080px) {
.apartment-equipment-item .list-item-with-icon .list-item-with-icon__icon-and-text .list-item-with-icon__text p {
font-size: 16px;
}
}
.apartment-equipment-item .list-item-with-icon hr {
display: none;
}
.apartment-equipment-item__text {
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;
}
.apartment-equipment-item__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 4rem;
}
@media screen and (max-width: 650px) {
.apartment-equipment-item__logo > img {
max-width: 60%;
margin: 0 auto;
}
}
.apartment-equipment-logos-items {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
--items-per-row: 5;
}
@media screen and (max-width: 650px) {
.apartment-equipment-logos-items {
--items-per-row: 3;
}
}
@media screen and (max-width: 370px) {
.apartment-equipment-logos-items {
--items-per-row: 2;
}
}
.aparment-equipment-logo-item {
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: var(--heighest-logo-height, 8rem);
}
.aparment-equipment-logo-item img, .aparment-equipment-logo-item svg {
max-height: 8rem;
width: auto;
height: auto;
}