.panel {
    background-color: white;
    border-radius: 20px;
    padding: 24px 36px;
    border: 1px solid var(--main-blue-secondary__50);
    margin-bottom: 24px;
}

.panel-circle {
    background-color: white;
    border-radius: 60px;
    padding: 24px 36px;
    border: 1px solid var(--main-blue-secondary__50);
    margin-bottom: 24px;
}

.full-width {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.panel-info {
    background-color: white;
    border-radius: 30px;
    margin-bottom: 24px;
    min-height: 20px;
    padding: 20px;
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
}


.neo-info-box {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding-inline: 16px;
    min-width: 200px;
}

.route-neo-container {
    display: flex;
    gap: 24px;
}

.width-full {
    width: 100%;
}

.height-full {
    height: 100%;
}

.container {
    width: 90vw;
}

@media (max-width: 1200px) {
    .container {
        width: 100%;
    }

    .route-neo-container {
        flex-direction: column;
    }

    .location-neo-properties {
        width: unset !important;
    }

    .location-neo-properties .row {
        flex-wrap: wrap;
        gap: 16px;
    }

    .location-neo-properties .col,
    .location-neo-properties .width-full,
    .location-neo-properties .subtitle-4 {
        min-width: 0;
    }



    .location-neo-properties a,
    .location-neo-properties .subtitle-4 {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

}

@media (min-width: 769px) and (max-width: 1200px) {
    .dept-neo-detail__header {
        flex-direction: column;
    }

}

@media (max-width: 768px) {


    .mpb-constainer {
        align-items: center;
        width: 100%;
        justify-content: flex-end;
        gap: 10px;
    }
}

.mpb-constainer {
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.mpb-constainer.active {
    width: 100%;
}

.info-blocks__text ul,
.info-blocks__text ol {
    list-style: revert;
    padding-left: 1.5em;
    margin: 0.5em 0;
}

.info-blocks__text li {
    display: list-item;
    margin-bottom: 0.25em;
}


.info-blocks__text ul ul {
    list-style-type: circle;
}

.info-blocks__text ul li::marker {
    color: var(--main-blue);
}

ol li::marker {
    color: var(--main-orange);
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    width: 100%;
    height: 100%;
}

.grid-rows-stretch {
    display: grid;
    grid-template-rows: 1fr 1fr;
    width: 100%;
    height: 100%;
}
.grid-cols-stretch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    height: 100%;
}

.grid-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.grid-item>* {
    width: 100%;
    min-height: 0;
    flex: 1;
}

/* Мобильная версия */
@media (max-width: 1200px) {
    .grid-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        height: auto;
    }
    .grid-cols-stretch {
        grid-template-columns: 1fr; 
        grid-template-rows: auto;
        height: auto; 
    }
    .grid-item {
        height: auto;
    }
}