.block-pretherapy-list {
    margin-bottom: 2.5rem
}

.pretherapy-item .pretherapy-item-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 1.4375rem;
    background: rgba(226, 226, 226, .24);
    color: var(--color-blue);
    max-height: 9.375rem;
    transition: all .2s ease-in-out;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .625rem 2.5rem .625rem .625rem;
    opacity: 1;
    width: calc(100% - 3.75rem);
    margin: 0 auto;
    cursor: pointer
}

.pretherapy-item .pretherapy-item-header:after {
    position: absolute;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    top: 50%;
    -webkit-transform: translateY(calc(-50% - 2px));
    right: .625rem;
    background: url(../../pretherapy-list/img/icon-arrow.svg) center center no-repeat;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.pretherapy-item:nth-child(even) .pretherapy-item-header {
    background: rgba(226, 226, 226, .12)
}

.pretherapy-item .pretherapy-item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;

    gap: 20px;
    position: relative;
    border-radius: .625rem;
    border: 0;
    height: auto;
    max-height: 0;
    opacity: 0;
    transition: all .2s ease-in-out;
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 0;
}

.pretherapy-item.is-open .pretherapy-item-content {
    padding-bottom: 1.25rem;
}

.pretherapy-item-safty-distance,
.pretherapy-item-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pretherapy-item-safty-distance .label,
.pretherapy-item-text .label{
    font-weight: 700;
    color: var(--color-gold);
}

.pretherapy-item-text span>p {
    margin-top: 0;
}

.pretherapy-item ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin-bottom: 0;
}

.pretherapy-item ul li {
    position: relative;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 10px;
}

.pretherapy-item ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.pretherapy-item ul li:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../../pretherapy-list/img/bullet-arrow.svg) left center no-repeat;
    top: 5px;
    left: -15px;
    transform: scale(1.2);
    transform-origin: left;
}

.pretherapy-item ul li ul li:before {
    content: "-";
    top: -3px;
    background: 0;
}

.pretherapy-item .pretherapy-item-content .closebtn {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.0625rem;
    height: 1.0625rem;
    background: url(../../pretherapy-list/img/icon-close.svg) center center no-repeat;
    cursor: pointer;
    padding: 0
}

.pretherapy-item .pretherapy-item-content h4 {
    color: #000;
    font-weight: 700;
    padding-right: 3.75rem;
    line-height: 1.35;
    margin-bottom: 0;
    z-index: 0;
}

.pretherapy-item .pretherapy-item-content>* {
    padding: 0 1.25rem
}

.pretherapy-item .pretherapy-item-content>p:last-child {
    padding-bottom: 1.25rem
}

.pretherapy-item .pretherapy-item-content .comment {
    border-radius: .625rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1.25rem;
    margin-bottom: 0
}

.pretherapy-item.is-open .pretherapy-item-header {
    min-height: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    opacity: 0
}

.pretherapy-item.is-open .pretherapy-item-content {
    opacity: 1;
    max-height: 125rem;
    margin-top: .625rem;
    margin-bottom: .625rem;
    padding-top: .625rem;
    border: .0625rem solid var(--color-blue)
}

.acf-block-preview .block-pretherapy-item .pretherapy-item .pretherapy-item-content {
    opacity: 1;
    max-height: 125rem;
    margin-bottom: .625rem;
    padding-top: .625rem;
    border: .0625rem solid #5fb4e1
}

@media screen and (min-width:1440px) {
    .pretherapy-item .pretherapy-item-content .comment {
        border-top-left-radius: .625rem;
        border-bottom-left-radius: 0
    }
}