.flex-layout.mira_logo_a1-layout{
    --slider-bg: var(--secondary-stone);
    --extra-bg: var(--tertiary-coral);
}
.flex-layout.mira_logo_a1-layout .content{
    text-align: center;
    margin-bottom: max(1.5rem, calc(3.5 * var(--su)));
}

.flex-layout.mira_logo_a1-layout .pk-subtitle{
    font-weight: var(--pk-heading-font-weight);
    font-size: var(--desktop-body-md);
    margin-bottom: max(.5rem, calc(.5 * var(--su)));
}

.flex-layout.mira_logo_a1-layout .logos{
    background-color: var(--slider-bg);
    border-radius: max(.5rem, calc(.5 * var(--su)));

    display: flex;
    flex-direction: row;
    gap: max(.75rem, calc(4.5 * var(--su)));
    padding: max(1rem, calc(1.5 * var(--su)));
}

.flex-layout.mira_logo_a1-layout .logo-slider{
    padding-block: max(1rem, calc(1 * var(--su)));
}

.flex-layout.mira_logo_a1-layout .logo-slider .swiper-wrapper{
    align-items: center;
}

.flex-layout.mira_logo_a1-layout .logo-slider .swiper-slide{
    max-width: max(6.25rem, calc(11 * var(--su)));
    padding-inline: max(1rem, calc(1 * var(--su)));
    max-height: 64px;

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

.flex-layout.mira_logo_a1-layout .logo-slider img {
    object-fit: contain;
    width: auto; height: auto;
}

.flex-layout.mira_logo_a1-layout .extra{
    background-color: var(--extra-bg);
    border-radius: max(.25rem, calc(.25 * var(--su)));
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    font-size: var(--scaling-h5);
    font-weight: 600;
}


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

    .flex-layout.mira_logo_a1-layout .content{
        text-align: left;
    }
}