/* Start:/local/templates/new_krr/assets/css/pages/tenants.css?17865334978771*/
* {
    color: #434C5D;
    font-weight: 500;
}

h1 {
    font-size: 48px;
    font-weight: 700;
}

.tenants__nav-block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 20px;
    margin-bottom: 60px;
}

.tenants__nav-item {
    box-shadow: 0px 4px 20px 0px #21C46B1A;
    padding: 40px;
    border: 1px solid #E4E7E9;
    border-radius: 20px;
    min-width: 0;
}

.tenants__nav-item:hover {
    cursor: pointer;
    border: 1px solid #21C46B;

    span {
        color: #21C46B;
    }
}

.grid-item-1,
.grid-item-2 {
    grid-row: span 2;
}

.tenants__nav-item span {
    display: block;
    max-width: 100%;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    word-break: normal;
    overflow-wrap: normal;
}

.tenants__content-block {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
}

.tenants__content-block--none {
    display: none;
}

.tenants__content-important {
    display: flex;
    flex-direction: column;
    padding: 40px;
    border-radius: 30px;
    background: #F2F2F2;
    gap: 30px;
}

.tenants__content-contacts {
    display: flex;
    flex-direction: column;
    padding: 40px 30px;
    border-radius: 30px;
    border: 1px solid #E4E7E9;
    gap: 40px;
}

.tenants__content-header {
    font-size: 36px;
    font-weight: 700;
}

.tenants__content-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tenants__list-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.tenants__list-item span {
    font-size: 20px;
    font-weight: 500;
}

.tenants__list-item span a {
    color: #21C46B;
}

.tenants__list-item a svg {
    min-width: 10px;
    max-width: 10px;
    padding-top: 6px;
}

.tenants__list-svg {
    position: relative;
    display: flex;
    align-items: center;
}

.tenants__list-svg {
    min-width: 30px;
    max-width: 30px;
}

.tenants__list-svg span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.tenants__contacts-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tenants__contacts-name {
    font-size: 24px;
}

.tenants__contacts-number {
    display: flex;
    gap: 10px;
    font-size: 20px;
}

.tenants__contacts-email {
    display: flex;
    gap: 10px;
    font-size: 20px;
}

.tenants__contacts-number svg, .tenants__contacts-email svg {
    min-width: 26px;
    max-width: 26px;
}

.tenants__important-block {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 44px 90px;
    background: #F2F2F2;
    border-radius: 30px;
    margin-bottom: 60px;
}

.tenants__important-header {
    display: flex;
    gap: 10px;
    align-items: center;
}

.tenants__important-header span {
    font-size: 32px;
    font-weight: 700;
}

.tenants__important-header svg {
    min-width: 57px;
    max-width: 57px;
}

.tenants__important-links {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
}

.tenants__important-links a {
    color: #21C46B;
    font-size: 24px;
}

.tenants__important-links a svg {
    min-width: 12px;
    max-width: 12px;
    padding-top: 3px;
}

/*деталка*/

h2 {
    font-size: 36px;
    font-weight: 700;
}

.tenants-detail__nav-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    margin-bottom: 60px;
}

.tenants-detail__nav-item {
    border: 1px solid #21C46B;
    box-shadow: 0 4px 20px 0 #21C46B1A;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 40px 20px;
    border-radius: 30px;
}

.tenants-detail__nav-item span {
    font-size: 24px;
    word-break: break-all;
}

.tenants-detail__nav-item a {
    display: flex;
    gap: 8px;
    opacity: 0.6;
    align-items: center;
    margin-top: auto;
}

.tenants-detail__nav-item a span{
    font-size: 20px;
    color: #21C46B;
}

.tenants-detail__nav-item a  svg{
    min-width: 12px;
    max-width: 12px;
}

@media (max-width: 1400px) {
	.tenants__nav-item span{
		font-size: 30px;
	}
}

@media (max-width: 1240px) {
    .tenants__nav-block {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid-item-1,
    .grid-item-2 {
        grid-row: auto;
    }

    .tenants__nav-item {
        padding: 30px;
    }

    .tenants__nav-item span {
        font-size: 28px;
    }

    .tenants-detail__nav-block {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1200px) {
    .tenants__nav-item {
        padding: 30px;
    }
    .tenants__nav-item span {
        font-size: 28px;
    }
}

@media (max-width: 1024px) {
    .grid-item-1,
    .grid-item-2 {
        grid-row: auto;
    }
    .tenants__nav-item span {
        font-size: 24px;
    }
    .tenants__content-important {
        padding: 30px;
    }
    .tenants__content-contacts {
        padding: 30px;
    }
    .tenants__content-header {
        font-size: 24px;
    }
    .tenants__content-block {
        flex-direction: column;
    }
    .tenants__contacts-name {
        font-size: 20px;
    }
    .tenants__content-contacts {
        gap: 20px;
    }
    .tenants__important-block {
        padding: 40px;
    }
    .tenants__important-header span {
        font-size: 24px;
    }
    .tenants__important-links a {
        font-size: 20px;
    }
    h2 {
        font-size: 24px;
    }
    .tenants-detail__nav-item {
        padding: 30px 20px;
    }
    .tenants-detail__nav-item span {
        font-size: 20px;
    }
    .tenants-detail__nav-item a span {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 32px;
    }
    .tenants__nav-block {
        grid-template-columns: 1fr 1fr;
    }
    .tenants__nav-item span {
        font-size: 20px;
    }
    .tenants__content-important {
        padding: 20px;
    }
    .tenants__content-contacts {
        padding: 20px;
    }
    .tenants__content-header {
        font-size: 20px;
    }
    .tenants__list-item span {
        font-size: 16px;
    }
    .tenants__contacts-name {
        font-size: 16px;
    }
    .tenants__contacts-number span {
        font-size: 16px;
    }
    .tenants__contacts-email span {
        font-size: 16px;
    }
    .tenants__content-list {
        gap: 10px;
    }
    .tenants__content-contacts {
        gap: 10px;
    }
    .tenants__list-svg {
        min-width: 20px;
        max-width: 20px;
    }
    .tenants__list-svg span {
        font-size: 14px;
    }
    .tenants__important-block {
        padding: 30px;
    }
    .tenants__important-header span {
        font-size: 20px;
    }
    .tenants__important-header svg {
        min-width: 40px;
        max-width: 40px;
    }
    .tenants__important-links {
        flex-direction: column;
    }
    .tenants__important-links a {
        font-size: 16px;
    }
    .tenants__list-item a svg {
        min-width: 8px;
        max-width: 8px;
    }
    .tenants__important-links a svg {
        min-width: 8px;
        max-width: 8px;
    }
    h2 {
        font-size: 20px;
    }
    .tenants-detail__nav-item span {
        font-size: 16px;
    }
    .tenants-detail__nav-item a span {
        font-size: 16px;
    }
    .tenants-detail__nav-block {
        gap: 10px;
    }
}

@media (max-width: 620px) {
    .tenants-detail__nav-block {
        display: flex;
        flex-direction: column;
    }
    .tenants__nav-item span {
        font-size: 18px;
    }
}


@media (max-width: 400px) {
    h1 {
        font-size: 24px;
    }

    .tenants__nav-block {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 30px;
    }

    .tenants__content-important {
        padding: 15px 10px;
    }
    .tenants__content-contacts {
        padding: 15px 10px;
    }
    .tenants__content-header {
        font-size: 16px;
    }
    .tenants__list-item span {
        font-size: 14px;
    }
    .tenants__contacts-name {
        font-size: 14px;
    }
    .tenants__contacts-number span {
        font-size: 14px;
    }
    .tenants__contacts-email span {
        font-size: 14px;
    }
    .tenants__important-block {
        padding: 20px;
    }
    .tenants__important-header span {
        font-size: 16px;
    }
    .tenants__important-header svg {
        min-width: 40px;
        max-width: 40px;
    }
    .tenants__important-links {
        flex-direction: column;
        gap: 8px;
    }
    .tenants__important-links a {
        font-size: 14px;
    }
    .tenants__content-block {
        margin-bottom: 30px;
    }
    .tenants__important-block {
        margin-bottom: 30px;
    }
    h2 {
        font-size: 16px;
    }
    .tenants-detail__nav-item span {
        font-size: 14px;
    }
    .tenants-detail__nav-item a span {
        font-size: 14px;
    }
}









/* End */
/* /local/templates/new_krr/assets/css/pages/tenants.css?17865334978771 */