.factory-block {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}
.factory-block__map-wrapper {
    display: inline-block;
    position: relative;
}
.factory-block__map {
    pointer-events: none;
}
.factory-block__marker-icon {
    position: absolute;
    width: 30px;
    height: 40px;
    cursor: pointer;
    max-width: 100%;
}
.factory-block__marker-icon:before,
.factory-block__marker-icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity var(--animate);
}
.factory-block__marker-icon:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAzMCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3LjkwMDEgMzYuNTYyQzIzLjI0NDEgMzAuMzI0IDMwLjAwMDEgMjIuNDM2IDMwLjAwMDEgMTUuMzQyQzMwLjAwMDEgNi44NyAyMy4yODQxIDAgMTUuMDAwMSAwQzYuNzE2MTIgMCAwLjAwMDEyMjA3IDYuODcgMC4wMDAxMjIwNyAxNS4zNDJDMC4wMDAxMjIwNyAyMi40MzYgNi43NTYxMiAzMC4zMjQgMTIuMTAwMSAzNi41NjJDMTMuMTQwMSAzNy43NzggMTQuMTI4MSAzOC45MjggMTUuMDAwMSA0MEMxNS44NzIxIDM4LjkyOCAxNi44NjAxIDM3Ljc3OCAxNy45MDAxIDM2LjU2MlpNMTUuMDAwMSAyMEMxNS43MjI0IDIwIDE2LjQzNzYgMTkuODU3NyAxNy4xMDQ5IDE5LjU4MTNDMTcuNzcyMiAxOS4zMDQ5IDE4LjM3ODUgMTguODk5OCAxOC44ODkyIDE4LjM4OTFDMTkuMzk5OSAxNy44Nzg0IDE5LjgwNTEgMTcuMjcyMSAyMC4wODE1IDE2LjYwNDhDMjAuMzU3OSAxNS45Mzc1IDIwLjUwMDEgMTUuMjIyMyAyMC41MDAxIDE0LjVDMjAuNTAwMSAxMy43Nzc3IDIwLjM1NzkgMTMuMDYyNSAyMC4wODE1IDEyLjM5NTJDMTkuODA1MSAxMS43MjggMTkuMzk5OSAxMS4xMjE2IDE4Ljg4OTIgMTAuNjEwOUMxOC4zNzg1IDEwLjEwMDIgMTcuNzcyMiA5LjY5NTA2IDE3LjEwNDkgOS40MTg2NkMxNi40Mzc2IDkuMTQyMjYgMTUuNzIyNCA5IDE1LjAwMDEgOUMxMy41NDE0IDkgMTIuMTQyNSA5LjU3OTQ2IDExLjExMSAxMC42MTA5QzEwLjA3OTYgMTEuNjQyNCA5LjUwMDEyIDEzLjA0MTMgOS41MDAxMiAxNC41QzkuNTAwMTIgMTUuOTU4NyAxMC4wNzk2IDE3LjM1NzYgMTEuMTExIDE4LjM4OTFDMTIuMTQyNSAxOS40MjA1IDEzLjU0MTQgMjAgMTUuMDAwMSAyMFoiIGZpbGw9IiM4NEQxRkYiLz48L3N2Zz4=");
}
.factory-block__marker-icon:after {
    opacity: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAzMCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUgMC41QzIyLjk5NzIgMC41IDI5LjQ5OTkgNy4xMzUzMyAyOS41IDE1LjM0MThDMjkuNSAxOC43NDE3IDI3Ljg3NTUgMjIuMzg2NyAyNS41MzQyIDI2LjAwMUMyMy43ODI1IDI4LjcwNSAyMS42NTYgMzEuMzUzMyAxOS41NzMyIDMzLjgyNjJMMTcuNTIwNSAzNi4yMzYzTDE3LjUxOTUgMzYuMjM3M0MxNi42MzE1IDM3LjI3NTcgMTUuNzc3NCAzOC4yNzIgMTUgMzkuMjEyOUMxNC42NzY5IDM4LjgyMTggMTQuMzQwOSAzOC40MjA5IDEzLjk5NDEgMzguMDExN0wxMi40ODA1IDM2LjIzNzNMMTIuNDc5NSAzNi4yMzYzTDEwLjQyNjggMzMuODI2MkM4LjM0Mzk4IDMxLjM1MzMgNi4yMTc0OSAyOC43MDUgNC40NjU4MiAyNi4wMDFDMi4xMjQ1MyAyMi4zODY3IDAuNSAxOC43NDE3IDAuNSAxNS4zNDE4QzAuNTAwMTA3IDcuMTM1MzMgNy4wMDI3OSAwLjUgMTUgMC41Wk0xNSA4LjVDMTMuNDA4NyA4LjUgMTEuODgzIDkuMTMyNTkgMTAuNzU3OCAxMC4yNTc4QzkuNjMyNTkgMTEuMzgzIDkgMTIuOTA4NyA5IDE0LjVDOSAxNi4wOTEzIDkuNjMyNTkgMTcuNjE3IDEwLjc1NzggMTguNzQyMkMxMS44ODMgMTkuODY3NCAxMy40MDg3IDIwLjUgMTUgMjAuNUMxNS43ODc5IDIwLjUgMTYuNTY4IDIwLjM0NDUgMTcuMjk1OSAyMC4wNDNDMTguMDIzOSAxOS43NDE0IDE4LjY4NSAxOS4yOTkzIDE5LjI0MjIgMTguNzQyMkMxOS43Mjk4IDE4LjI1NDYgMjAuMTI5NiAxNy42ODc1IDIwLjQyMzggMTcuMDY1NEwyMC41NDMgMTYuNzk1OUMyMC44NDQ1IDE2LjA2OCAyMSAxNS4yODc5IDIxIDE0LjVDMjEgMTMuNzEyMSAyMC44NDQ1IDEyLjkzMiAyMC41NDMgMTIuMjA0MUMyMC4yNDE0IDExLjQ3NjEgMTkuNzk5MyAxMC44MTUgMTkuMjQyMiAxMC4yNTc4QzE4LjY4NSA5LjcwMDY2IDE4LjAyMzkgOS4yNTg1NiAxNy4yOTU5IDguOTU3MDNDMTYuNTY4IDguNjU1NTIgMTUuNzg3OSA4LjUgMTUgOC41WiIgZmlsbD0iIzMzNzY5RCIgc3Ryb2tlPSJ3aGl0ZSIvPjwvc3ZnPg==");
}
.factory-block__marker-icon:hover:after {
    opacity: 0.3;
}
.factory-block__marker_active {
    z-index: 100 !important;
}
.factory-block__marker_active .factory-block__marker-icon:after {
    opacity: 1 !important;
}
.factory-block__marker_active .factory-block__bubble {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.factory-block__bubble {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    bottom: 20px;
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
    padding: 40px 15px 15px;
    background: var(--color-white);
    border-radius: var(--radius-mmd);
    border: 1px solid var(--color-grey-mid);
    transition: opacity var(--animate), visibility var(--animate);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
}
.factory-block__bubble-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    border: none;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    filter: brightness(0);
    transition: filter var(--animate);
    background: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTUuNjQ2NCIgeTE9IjE1LjM1MzYiIHgyPSIwLjY0NjQ0NyIgeTI9IjAuMzUzNTU2IiBzdHJva2U9IiMzQTg5QjgiLz48bGluZSB4MT0iMTYuMzUzNiIgeTE9IjAuMzUzNTUzIiB4Mj0iMS4zNTM1NSIgeTI9IjE1LjM1MzUiIHN0cm9rZT0iIzNBODlCOCIvPjwvc3ZnPg==");
}
.factory-block__bubble-close:hover {
    filter: none;
}
.factory-block__bubble-img-wrapper {
    width: 100%;
    border-radius: var(--radius-md);
    overflow: hidden;
}
.factory-block__bubble-img {
    display: block;
    width: 100%;
    height: auto;
    
}
.factory-block__bubble-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.1;
}
.factory-block__bubble-btn {}
.factory-block__bubble {}
.factory-block__list {
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
    .factory-block__marker-icon {
        transform: translate(-50%,-100%);
        width: 4%;
        height: 0;
        padding-bottom: 5.33%;
    }
    .factory-block__marker_1 .factory-block__marker-icon {
        top: 66.8%;
        left: 4.2%;
    }
    .factory-block__marker_2 .factory-block__marker-icon  {
        top: 34.5%;
        left: 14.4%;
    }
    .factory-block__marker_3 .factory-block__marker-icon  {
        top: 47.5%;
        left: 14.9%;
    }
    .factory-block__marker_4 .factory-block__marker-icon  {
        top: 53.3%;
        left: 20.5%;
    }
    .factory-block__marker_5 .factory-block__marker-icon  {
        top: 64.7%;
        left: 6.2%;
    }
    .factory-block__marker_6 .factory-block__marker-icon  {
        top: 31.5%;
        left: 16.5%;
    }
    .factory-block__marker_7 .factory-block__marker-icon  {
        top: 67.5%;
        left: 8.8%;
    }
    .factory-block__marker_8 .factory-block__marker-icon  {
        top: 80.8%;
        left: 36.9%;
    }
    .factory-block__marker_9 .factory-block__marker-icon  {
        top: 71.8%;
        left: 55.9%;
    }
}
@media screen and (min-width: 768px) {
    .factory-block {}
    .factory-block__marker {
        position: absolute;
        transform: translate(-50%,-100%);
        z-index: 1;
        max-width: 3.7%;
    }
    .factory-block__marker_1 {
        top: 66.8%;
        left: 4.2%;
    }
    .factory-block__marker_2 {
        top: 34.5%;
        left: 14.4%;
    }
    .factory-block__marker_3 {
        top: 47.5%;
        left: 14.9%;
    }
    .factory-block__marker_4 {
        top: 53.3%;
        left: 20.5%;
    }
    .factory-block__marker_5 {
        top: 64.7%;
        left: 6.2%;
    }
    .factory-block__marker_6 {
        top: 31.5%;
        left: 16.5%;
    }
    .factory-block__marker_7 {
        top: 67.5%;
        left: 8.8%;
    }
    .factory-block__marker_8 {
        top: 80.8%;
        left: 36.9%;
    }
    .factory-block__marker_9 {
        top: 71.8%;
        left: 55.9%;
    }
    .factory-block__marker-icon {
        position: relative;
        width: 30px;
        height: 40px;
        cursor: pointer;
        max-width: 100%;
    }
    .factory-block__bubble {
        padding: 40px 15px;
        bottom: calc(100% + 10px);
        transform: translate(-10%,0);
    }
    .factory-block__list {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0,-50%);
        width: 41.168%;
    }
}

.factory-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.factory-list__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--color-black);
    background: var(--color-white);
    border: 1px solid var(--color-grey-mid);
    border-radius: var(--radius-md);
    padding: 15px;
}
.factory-list__link:after {
    content: "";
    flex: 0 0 auto;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--color-grey-mid);
    transition: background-color var(--animate), background-image var(--animate), border-color var(--animate);
    background-color: var(--color-white);
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDggMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAuOTc0ODA5IDAuODk4OTk3TDEuODc0NjUgMEw2Ljc3NTg5IDQuODk5NTRDNi44NTQ4OSA0Ljk3ODA0IDYuOTE3NTkgNS4wNzE0IDYuOTYwMzggNS4xNzQyNEM3LjAwMzE2IDUuMjc3MDcgNy4wMjUxOSA1LjM4NzM1IDcuMDI1MTkgNS40OTg3M0M3LjAyNTE5IDUuNjEwMTEgNy4wMDMxNiA1LjcyMDM5IDYuOTYwMzggNS44MjMyMkM2LjkxNzU5IDUuOTI2MDUgNi44NTQ4OSA2LjAxOTQxIDYuNzc1ODkgNi4wOTc5MkwxLjg3NDY1IDExTDAuOTc1NjU3IDEwLjEwMUw1LjU3NTgxIDUuNUwwLjk3NDgwOSAwLjg5ODk5N1oiIGZpbGw9IiMzQTg5QjgiLz48L3N2Zz4=");
}
.factory-list__link_active,
.factory-list__link:hover {
    color: var(--color-black);
}
.factory-list__link_active:after,
.factory-list__link:hover:after {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDggMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAuOTc0ODA5IDAuODk4OTk3TDEuODc0NjUgMEw2Ljc3NTg5IDQuODk5NTRDNi44NTQ4OSA0Ljk3ODA0IDYuOTE3NTkgNS4wNzE0IDYuOTYwMzggNS4xNzQyNEM3LjAwMzE2IDUuMjc3MDcgNy4wMjUxOSA1LjM4NzM1IDcuMDI1MTkgNS40OTg3M0M3LjAyNTE5IDUuNjEwMTEgNy4wMDMxNiA1LjcyMDM5IDYuOTYwMzggNS44MjMyMkM2LjkxNzU5IDUuOTI2MDUgNi44NTQ4OSA2LjAxOTQxIDYuNzc1ODkgNi4wOTc5MkwxLjg3NDY1IDExTDAuOTc1NjU3IDEwLjEwMUw1LjU3NTgxIDUuNUwwLjk3NDgwOSAwLjg5ODk5N1oiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz4=");
}
@media screen and (min-width: 992px) {
    .factory-list {
        grid-column-gap: 22px;
        grid-row-gap: 12px;
    }
    .factory-list__link {
        padding: 20px;
    }
    .factory-list__link:after {
        width: 35px;
        height: 35px;
    }
}
@media screen and (min-width: 1200px) {
    .factory-list__link {
        padding: 20px 35px;
    }
    .factory-list__link:after {
        width: 45px;
        height: 45px;
    }
}