/* Start:/local/components/componentsTheme/block.contacts/templates/.default/style.css?17703802433322*/
.contacts__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.647vw + 7.573px, 20px);
}

.contacts__map {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1540 / 500;

    min-height: 290px;
    max-width: 100%;

    border-radius: 20px;
    overflow: hidden;

    & iframe {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;
    }
}

.contacts__points {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(10px, 0.647vw + 7.573px, 20px);

    @media(max-width: 1120px) {
        & {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media(max-width: 740px) {
        & {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

.contacts__points__item {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.324vw + 8.786px, 15px);

    padding: clamp(15px, 0.324vw + 13.786px, 20px);
    background: var(--bg-primary-main);
    border: solid 1px var(--bg-primary-stroke);
    border-radius: 15px;
}
.contacts__points__item-top {
    position: relative;
    display: flex;
    align-items: start;
    gap: 10px;
}

.contacts__points__item-icon {
    position: relative;
    width: 0%;
    min-width: 26px;
    height: 26px;
    
    background: var(--bg-primary-second);
    border-radius: 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    & img {
        position: relative;
        width: 16px;
        height: 16px;

        object-fit: contain;
        object-position: center;
    }
}

.contacts__points__item-type {
    position: relative;
    color: var(--text-primary-main);
    margin-bottom: 5px;
}

.contacts__points__item-title {
    position: relative;
    color: var(--text-primary-head);
}

.contacts-points__item-timework {
    position: relative;
    margin-top: clamp(5px, 0.324vw + 3.786px, 10px);

    & li {
        color: var(--text-primary-main);
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
    }
}

.contacts__points__item-personal-info {
    position: relative;
    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;

    padding-top: 15px;
    border-top: dashed 1px var(--bg-primary-stroke);
}

.contacts__points__item-personal-info__section-title {
    position: relative;
    color: var(--text-primary-main);
    margin-bottom: 5px;
}
.contacts__points__item-personal-info__section-values {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;

    & li a {
        position: relative;
        display: block;
        width: fit-content;
        font-weight: 500;
        font-size: clamp(12px, 0.129vw + 11.515px, 14px);
        line-height: 130%;
        color: var(--text-primary-head);
    }
}

@media(max-width: 400px) {
    .contacts__points__item-personal-info {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.representative-offices/templates/.default/style.css?17703802437299*/
.representative-offices__tabs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

    margin-bottom: var(--Margin-30);
}

.representative-offices__contents {
    position: relative;
    width: 100%;
    height: clamp(360px, 9.061vw + 326.019px, 500px);
}

.representative-offices__content {
    position: relative;
    display: flex;
    align-items: start;
    gap: var(--Gap-20);
    height: 100%;

    &:not(.active) {
        display: none;
    }
}

.representative-offices__map {
    position: relative;
    width: 0%;
    flex-grow: 1;
    height: 100%;

    border-radius: 20px;
    overflow: hidden;

    & iframe {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;
    }
}

.representative-offices__points {
    position: relative;
    width: 370px;
    height: 100%;

    border-radius: 20px;
    border: solid 1px var(--bg-primary-stroke);
    overflow: hidden;
    overflow-y: auto;

    &>*:last-child {
        border-bottom: none;
    }
}

.representative-offices__point {
    position: relative;
    padding: clamp(10px, 0.647vw + 7.573px, 20px);

    display: flex;
    align-items: start;
    gap: 20px;

    border: solid 1px var(--bg-primary-stroke);
    transition: var(--transition);

    cursor: pointer;

    &:hover {
        background: var(--bg-primary-second);

        & .representative-offices__point-icon {
            background: var(--bg-primary-main);
        }
    }
}

.representative-offices__point-content {
    position: relative;
    width: 0%;
    flex-grow: 1;
}

.representative-offices__point-arrow {
    position: relative;
    width: 0%;
    min-width: 16px;
    height: 16px;

    & path {
        stroke: var(--text-primary-main);
    }
}

.representative-offices__point-top {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: start;
}

.representative-offices__point-icon {
    position: relative;
    width: 0%;
    min-width: 26px;
    height: 26px;

    border-radius: 5px;
    background: var(--bg-primary-second);

    display: flex;
    align-items: center;
    justify-content: center;

    transition: var(--transition);

    & img {
        position: relative;
        width: 16px;
        height: 16px;

        object-fit: contain;
        object-position: center;
    }
}

.representative-offices__point-type {
    position: relative;
    color: var(--text-primary-main);
    margin-bottom: 5px;
}

.representative-offices__point-title {
    position: relative;
    color: var(--text-primary-head);
}

.representative-offices__point-timework {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;

    & li {
        color: var(--text-primary-main);
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
    }
}

.representative-offices__point-detail {
    position: relative;
    margin-top: 15px;

    color: var(--text-primary-main);
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
}

.representative-offices-select {
    position: relative;
    width: 100%;
    height: fit-content;

    margin-bottom: 20px;
}

@media(min-width: 841px) {
    .representative-offices-select {
        display: none;
    }
}

@media(max-width: 840px) {
    .representative-offices__contents {
        height: fit-content;
    }
    .representative-offices__content {
        flex-direction: column;
    }

    .representative-offices__points {
        width: 100%;
        height: fit-content;
        max-height: 345px;
    }

    .representative-offices__map {
        width: 100%;
        height: 290px;
    }

    .representative-offices__tabs {
        display: none;
    }
}

.representative-offices__detail {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: start;
    gap: var(--Gap-20);

    &:not(.active) {
        display: none;
    }
}

.representative-offices__detail-info {
    position: relative;
    width: 370px;
    height: 100%;
    border-radius: 20px;
    border: solid 1px var(--bg-primary-stroke);
    overflow: hidden;
    overflow-y: auto;

    padding: clamp(10px, 0.647vw + 7.573px, 20px);

    display: flex;
    flex-direction: column;
    gap: 20px;
}
.representative-offices__detail-back {
    position: relative;
    width: 16px;
    height: 16px;

    cursor: pointer;

    & path {
        stroke: var(--text-primary-main);
    }
}
.representative-offices__detail__items {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-30);
}
.representative-offices__detail__item {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: start;
}
.representative-offices__detail__item-icon {
    position: relative;
    width: 0%;
    min-width: 26px;
    height: 26px;
    border-radius: 5px;
    background: var(--bg-primary-second);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);

    & img,
    & svg {
        position: relative;
        width: 16px;
        height: 16px;
        object-fit: contain;
        object-position: center;
    }
}
.representative-offices__detail__item-title {
    position: relative;
    color: var(--text-primary-main);
    margin-bottom: 5px;
}
.representative-offices__detail__item-name {
    position: relative;
    color: var(--text-primary-head);
}
.representative-offices__detail__item-times {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;

    margin-top: 10px;

    color: var(--text-primary-main);

    & * {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit;
    }
}
.representative-offices__detail__item-values {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;

    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    color: var(--text-primary-head);

    & * {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit;
    }
}
.representative-offices__detail__item-detail.btn {
    width: 100%;
    margin-top: auto;
}

.representative-offices__detail-map {
    position: relative;
    width: 0%;
    flex-grow: 1;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;

    & iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
}


@media(max-width: 840px) {
    .representative-offices__detail {
        flex-direction: column;
    }
    .representative-offices__detail-info {
        width: 100%;
        height: fit-content;
        max-height: 345px;
    }
    .representative-offices__detail-map {
        width: 100%;
        height: 290px;
    }
}
/* End */
/* /local/components/componentsTheme/block.contacts/templates/.default/style.css?17703802433322 */
/* /local/components/componentsTheme/block.representative-offices/templates/.default/style.css?17703802437299 */