.flex-layout.mira_accordion_b1-layout {
    background: var(--tpa-orange);
    border-radius: max(1.875rem, calc(1.875 * var(--su)));
    margin-top: max(-3rem, calc(-3 * var(--su)));
    z-index: 4;
    position: relative;
    color: var(--color-white);
}

.flex-layout.mira_accordion_b1-layout .pk-heading,
.flex-layout.mira_accordion_b1-layout .pk-accordion-title {
    color: var(--color-white);
}

.flex-layout.mira_accordion_b1-layout .top-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: max(2.5rem, calc(5 * var(--su)));
}

.flex-layout.mira_accordion_b1-layout .top-content .content-wrapper {
    max-width: 46%;
    width: fit-content;
}

.flex-layout.mira_accordion_b1-layout .top-content .content-wrapper .pk-text {
    margin-bottom: 0;
}

.flex-layout.mira_accordion_b1-layout .image {
    position: relative;
    overflow: visible;
}

.flex-layout.mira_accordion_b1-layout .image-wrapper {
    aspect-ratio: 1;
    position: relative;
    border-radius: max(.5rem, calc(.5 * var(--su)));
    isolation: isolate;
    overflow: clip;
}

.flex-layout.mira_accordion_b1-layout .pk-accordion {
    display: flex;
    flex-direction: column;
    gap: max(3.75rem, calc(3.75 * var(--su)));
}

.flex-layout.mira_accordion_b1-layout .content .pk-accordion-item {
    border-top: 1px solid var(--color-white);
    border-radius: 0rem;
    background: var(--tpa-orange);
    transition: background var(--duration) var(--transition-style), border var(--duration) var(--transition-style), border-radius var(--duration) var(--transition-style);
}

.flex-layout.mira_accordion_b1-layout .content .pk-accordion-item.active {
    background: var(--tpa-gradient);
    border-radius: max(1rem, calc(1 * var(--su)));
    border: 1px solid var(--color-white);
}

.flex-layout.mira_accordion_b1-layout .content .pk-accordion-item .pk-accordion-item-head {
    margin-top: -2rem;
    margin-left: 2rem;
}

.flex-layout.mira_accordion_b1-layout .content .pk-accordion-item .pk-accordion-item-head .pk-accordion-title {
    margin-bottom: 0;
    font-weight: 700;
    line-height: 100%;
    background: var(--tpa-orange);
    padding: 10px;
    width: fit-content;
}

.mira_accordion_b1-layout .pk-accordion-item .pk-accordion-item-content {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows var(--duration) var(--transition-style), opacity var(--duration) var(--transition-style);
}

.mira_accordion_b1-layout .pk-accordion-item.active .pk-accordion-item-content {
    opacity: 1;
    grid-template-rows: 1fr;
}

.mira_accordion_b1-layout .pk-accordion-item .pk-accordion-content-wrapper {
    overflow: hidden;
    padding: max(1.5rem, calc(2 * var(--su))) max(1rem, calc(2.5 * var(--su)));
    padding-top: max(1rem, calc(1 * var(--su)));
}

.mira_accordion_b1-layout .pk-accordion-item .pk-accordion-text-wrapper > p {
    margin-bottom: max(1rem, calc(1.75 * var(--su)));
}

.mira_accordion_b1-layout .pk-accordion-item .pk-accordion-item-head {
    user-select: none;
    cursor: pointer;
}


@media only screen and (max-width: 992px) {
    .flex-layout.mira_accordion_b1-layout .pk-grid-container {
        gap: 2.5rem;
    }

    .flex-layout.mira_accordion_b1-layout .content {
        order: 1
    }

    .flex-layout.mira_accordion_b1-layout .image {
        order: 2;
    }
}

@media screen and (max-width: 767px) {
    .flex-layout.mira_accordion_b1-layout .top-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .flex-layout.mira_accordion_b1-layout .top-content .content-wrapper {
        max-width: 100%;
    }
}