.detail-items-list {
    position: relative;
    padding-block: 100px;
}

.detail-items-list .detail-block-title:not(.heading-with-star) {
    margin-left: calc(50% + 10px);
}

.detail-items-list .detail-block-description {
    margin-left: calc(50% + 10px);
}

.detail-items-list .detail-block-description:not(:first-child) {
    margin-top: 40px;
}

.detail-items-list .detail-items {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 0;
}

.detail-items-list .detail-items:not(:first-child) {
    margin-top: 100px;
}

.detail-items-list .detail-item {
    position: relative;
}

.detail-items-list .detail-item+.detail-item {
    padding-top: 40px;
    border-top: 1px solid var(--grey-border-40);
}

.detail-items-list .detail-item__inner {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.detail-items-list .detail-item__left {
    flex-shrink: 0;
    display: flex;
    width: 200px;
}

.detail-items-list .detail-item__tag {
    padding: 5px 10px;
    border: 1px solid var(--grey-border);
    border-radius: 50px;
    text-transform: uppercase;
}

.detail-items-list .detail-item__right {
    flex-grow: 1;
    display: flex;
    gap: 20px;
}

.detail-items-list .detail-item__title {
    text-align: right;
}

.detail-items-list .detail-item__description {
    max-width: 325px;
    margin-top: 0;
}

.detail-items-list .detail-item .button {
    margin-top: 30px;
}

.detail-items-list .detail-block-title,
.detail-items-list .detail-item {
    opacity: 1;
    transform: none;
}

html.detail-items-list-js .detail-items-list .detail-block-title,
html.detail-items-list-js .detail-items-list .detail-item {
    opacity: 0;
    transform: translateY(24px);
}

html.detail-items-list-js .detail-items-list.is-revealed .detail-block-title,
html.detail-items-list-js .detail-items-list.is-revealed .detail-item {
    animation-name: detail-items-reveal-in;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    animation-fill-mode: both;
}

html.detail-items-list-js .detail-items-list.is-revealed .detail-block-title {
    animation-delay: 0.4s;
}

html.detail-items-list-js .detail-items-list.is-revealed .detail-item {
    animation-delay: calc(0.5s + var(--detail-item-index, 0) * 0.22s);
}

@keyframes detail-items-reveal-in {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (min-width: 1024px) {

    .detail-items-list--small .detail-item__inner,
    .detail-items-list:not(.detail-items-list--small) .detail-item__right {
        margin-left: min(115px, calc(115 * ((100vw - 1025px) / 430)));
    }

    .detail-items-list .detail-item__title {
        width: min(335px, calc(235px + 100 * ((100vw - 1025px) / 430)));
    }
}

@media (max-width: 1023px) {
    .detail-items-list .detail-block-title:not(.heading-with-star) {
        margin-left: 0;
    }

    .detail-items-list .detail-block-description {
        margin-left: 0;
    }

    .detail-items-list .detail-item__inner {
        flex-wrap: wrap;
        gap: 30px;
    }

    .detail-items-list .detail-item__left {
        justify-content: flex-end;
        width: calc(50% - 10px);
    }

    .detail-items-list .detail-item__right {
        width: 100%;
    }

    .detail-items-list .detail-item__title {
        width: calc(50% - 10px);
    }

    .detail-items-list .detail-item__description {
        width: calc(50% - 10px);
        max-width: 100%;
    }

    .detail-items-list .detail-item__description br {
        display: none;
    }
}

@media (max-width: 767px) {
    .detail-items-list {
        padding-block: 50px;
    }

    .detail-items-list .detail-block-description:not(:first-child) {
        margin-top: 30px;
    }

    .detail-items-list .detail-block-description br {
        display: none;
    }

    .detail-items-list .detail-items:not(:first-child) {
        margin-top: 50px;
    }

    .detail-items-list .detail-item__inner {
        gap: 20px;
    }

    .detail-items-list .detail-item__left {
        justify-content: flex-start;
        width: 100%;
    }

    .detail-items-list .detail-item__right {
        flex-wrap: wrap;
    }

    .detail-items-list .detail-item__title {
        width: 100%;
        text-align: left;
    }

    .detail-items-list .detail-item__title br {
        display: none;
    }

    .detail-items-list .detail-item__description {
        width: 100%;
    }
}

body.elementor-editor-active .detail-items-list .detail-block-title,
body.elementor-editor-active .detail-items-list .detail-item,
body.elementor-editor-preview .detail-items-list .detail-block-title,
body.elementor-editor-preview .detail-items-list .detail-item {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}