.post-single__content {
    margin-top: 0px!important;
}

.accordion__panel {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.accordion__panel p {
    line-height: 170%;
}

.branches-wrapper {
    padding-top: 160px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 40%);
}

.branches-title {
    font-size: 64px;
    line-height: 100%;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: -4px;
}

.branches-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 50px;
}

.branches-controls__btn {
    background: #FFFFFF;
    padding: 16px;
    border-radius: 8px;
    color: #00000099;
    font-size: 16px;
    font-weight: 400;
    font-family: "eUkraine", sans-serif;
    cursor: pointer;
    line-height: 100%;
    transition: all .3s ease-in-out;
}

.branches-controls__btn.active,
.branches-controls__btn:hover {
    box-shadow: 0px 0px 24px 4px #FFFFFFCC inset;
    background: #CF141F;
    color: white;
}


.branches {
    margin-top: 70px;
    display: flex;
    gap: 15px;
    position: relative;
}

.branches-left {
    width: 330px;
    flex-shrink: 0;
    position: absolute;
    transition: .2s;
}

.branches-list {
    display: flex;
    gap: 20px;
    flex-direction: column;
    width: fit-content!important;
}

.branches-list__item {
    height: 30px;
    white-space: nowrap;
}

.branches-list__item a {
    color: #000000B2;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    transition: all .3s ease-in-out;
}

.branches-list__item a:hover, .branches-list__item.active a {
    color: #CF141F;
    font-size: 24px;
}

.branches-right {
    width: 100%;
    flex: 1;
    padding-left: 400px;
}

.branches-content {
    color: #000000CC;
}

.branches-content h2 {
    font-size: 20px;
    color: black;
    margin-bottom: 40px;
    line-height: 170%;
    max-width: 70%;
}

.branches-content p {
    line-height: 170%;
    max-width: 70%;
}

.branches-content p:not(:last-child) {
    margin-bottom: 32px;
}

.branches-content p:has(img) {
    max-width: 100%;
}

.branches-content img {
    width: 100%;
    border-radius: 24px;
    margin-left: -115px;
    max-height: 500px;
    object-fit: cover;
}

.branches-content ul {
    margin-bottom: 32px;
    max-width: 70%;
}

.branches-content ul li {
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
}

.branches-content ul li::before {
    content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23CF141F'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.branches-content a {
    color: #CF141F;
    text-decoration: underline;
}

.branches-content blockquote {
    position: relative;
    background: white;
    border-radius: 24px;
    padding: 56px 115px;
    margin-left: -115px;
    width: 100%;
    margin-bottom: 32px;
}

.branches-content blockquote::before {
    content: url("data:image/svg+xml,%3Csvg width='89' height='77' viewBox='0 0 89 77' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.2441 76.5V57H34.7773C29.8886 57 26.5845 55.7717 24.4814 53.2432C22.3596 50.692 21.3691 46.7129 21.3691 41V40.5H40.2441V0.5H0.5V37C0.5 50.3292 3.87356 60.2154 9.81934 66.7734C15.7711 73.3379 24.2386 76.5 34.2803 76.5H40.2441ZM88.5 76.5V57H83.0332C78.1444 57 74.8403 55.7717 72.7373 53.2432C70.6154 50.692 69.625 46.7129 69.625 41V40.5H88.5V0.5H48.7559V37C48.7559 50.3292 52.1294 60.2154 58.0752 66.7734C64.0269 73.3379 72.4945 76.5 82.5361 76.5H88.5Z' fill='white' stroke='%23CF141F'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: -12px;
    top: -12px;
}

.branches-content blockquote p {
    font-size: 20px;
    max-width: 100%;
}

/*

Social

*/


.branches-social {
    display: flex;
    align-items: center;
    margin-top: 50px;
    gap: 8px;
    padding-bottom: 0px;
    max-width: 70%;
}

.branches-social__item {
    padding: 16px;
    border-radius: 12px;
    border: 1px solid white;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 120px;
    max-width: 150px;
    transition: all .3s ease-in-out;
    background: white;
    color: black;
    flex: 1;
}

.branches-social__item:hover {
    border-color: #CF141F;
    background: #CF141F;
    color: white;
}

.branches-social__item .branches-social__item-icon {
    filter: brightness(0) saturate(100%) invert(30%) sepia(41%) saturate(374%) hue-rotate(180deg) brightness(94%) contrast(88%);
}

.branches-social__item:hover .branches-social__item-icon {
    filter: none;
}

.branches-social__item-title {
    font-size: 14px;
    line-height: 100%;
}

/*

Contacts

*/

.branches-contacts {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.branches-contacts__phone, .branches-contacts__email, .branches-contacts__website {
    display: grid;
    align-items: center;
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 15px;
    border-top: 1px solid #00000026;
}

.branches-contact {
    background: #FFFFFF;
    padding: 15px 20px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 100%;
    font-size: 14px;
}

/*

Map

*/

.branches-map__wrapper {
    margin-top: 40px;
}

.branches-map {
    height: 480px;
    position: relative;
}

.branches-map__title {
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
    max-width: 560px;
    margin-top: 120px;
    margin-bottom: 50px;
}

.branches-map iframe {
    width: 100%;
    height: 100%;
}

body.branches-page .footer::before {
    background: #EEF1F7;
}

.accordion_heading strong {
    font-size: 24px;
}
.accordion_heading {
    padding: 0px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .accordion_heading strong {
        font-size: 24px;
    }

    .branches-wrapper {
        padding-top: 90px;
    }
    .branches-title {
        text-align: center;
        padding-left: 25%;
        padding-right: 25%;
        font-size: 40px;
        text-align: center;
    }
    .branches {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
    .branches-left {
        width: 100%;
        position: static;
        margin: 0px!important;
    }
    .branches-left div {
        height: auto!important;
    }
    .branches-list {
        display: flex;
        flex-direction: row;
        overflow: scroll;
        position: static !important;
        width: 100%!important;
    }
    .branches-list::-webkit-scrollbar {
        display: none;
    }
    .branches-content h2, .branches-content p, .branches-content ul {
        max-width: 100%;
    }
    .branches-social {
        max-width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .branches-social__item {
        min-width: unset;
        max-width: 100%;
    }
    .branches-contacts {
        align-items: center;
        flex-direction: column;
        display: flex;
    }
    .branches-map__wrapper {
        margin-top: 20px;
    }
    .branches-map__title {
        font-size: 20px;
        max-width: 100%;
        margin-top: 80px;
        margin-bottom: 0px;
        text-align: center;
        width: 100%;
        padding: 0px 20px;
    }
    .branches-right {
        padding: 0px;
    }

    .branches-contacts__phone, .branches-contacts__email, .branches-contacts__website {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
}