.imgslider-headline-text-btns .default-slider-text-pagination {
    grid-area: 1/3/1/span 3;
    width: calc(100% - (var(--grid-col-width) + var(--grid-gap)));
    z-index: 1;
}

.imgslider-headline-text-btns .default-slider.portrait {
    grid-area: 1/5/span 4/span 3;
    aspect-ratio: 560/795;
}

.imgslider-headline-text-btns .default-slider.portrait .img-container {
	aspect-ratio: 560/795;
}

.imgslider-headline-text-btns .default-slider.landscape {
    grid-area: 2/3/span 3/span 4;
    aspect-ratio: 750/565;
}

.imgslider-headline-text-btns .default-slider.landscape .img-container {
    aspect-ratio: 750/565;
}

.imgslider-headline-text-btns .headline {
    grid-area: 1/9/1/span 4;
    margin-top: 1em;
    z-index: 1;
}

.imgslider-headline-text-btns .text-container {
    grid-area: 2/10/2/span 3;
}

.imgslider-headline-text-btns .btns-container {
    grid-area: 3/10/3/span 3;
}

.imgslider-headline-text-btns .badge-btns-container {
    grid-area: 4/12/4/span 2;
}

@media (max-width: 1199.98px) {
    .imgslider-headline-text-btns .default-slider-text-pagination {
        grid-area: 1/2/1/span 4;
    }

    .imgslider-headline-text-btns .default-slider.landscape {
        grid-area: 3/2/span 3/span 5;
    }

    .imgslider-headline-text-btns .default-slider.portrait {
        grid-area: 1/5/span 4/span 4;
    }

    .imgslider-headline-text-btns .text-container {
        grid-area: 2/10/span 2/span 4;
    }

    .imgslider-headline-text-btns .btns-container {
        grid-area: 4/10/4/span 4;
    }

    .imgslider-headline-text-btns .badge-btns-container {
        grid-area: 5/10/5/span 4;
        justify-self: flex-end;
    }
}

@media (max-width: 991.98px) {
    .imgslider-headline-text-btns .default-slider-text-pagination {
        grid-area: 1/4/1/span 8;
        margin: 0 0 var(--m-sm);
        width: 100%;
    }

    .imgslider-headline-text-btns .default-slider.landscape {
        grid-area: 2/4/2/span 6;
        align-self: flex-end;
    }

    .imgslider-headline-text-btns .default-slider.portrait {
        grid-area: 2/7/2/span 5;
        margin-bottom: var(--m-lg);
    }

    .imgslider-headline-text-btns .headline {
        grid-area: 3/4/3/span 8;
        margin: var(--m-md) 0 0;
        justify-self: center;
    }

    .imgslider-headline-text-btns .text-container {
        grid-area: 4/4/4/span 8;
        margin: var(--m-md) 0 var(--m-xs);
    }

    .imgslider-headline-text-btns .btns-container {
        grid-area: 5/4/5/span 4;
        align-self: center;
    }

    .imgslider-headline-text-btns .badge-btns-container {
        grid-area: 5/8/5/span 4;
    }
}

@media (max-width: 767.98px) {
    .imgslider-headline-text-btns .default-slider-text-pagination {
        grid-area: 1/3/1/span 10;
    }

    .imgslider-headline-text-btns .default-slider.landscape {
        grid-area: 2/3/2/span 7;
        align-self: flex-end;
    }

    .imgslider-headline-text-btns .default-slider.portrait {
        grid-area: 2/7/2/span 6;
    }

    .imgslider-headline-text-btns .headline {
        grid-area: 3/3/3/span 10;
    }

    .imgslider-headline-text-btns .text-container {
        grid-area: 4/3/4/span 10;
    }

    .imgslider-headline-text-btns .btns-container {
        grid-area: 5/3/5/span 5;
    }

    .imgslider-headline-text-btns .badge-btns-container {
        grid-area: 5/8/5/span 5;
    }
}

@media (max-width: 575.98px) {
    .imgslider-headline-text-btns .default-slider-text-pagination {
        grid-area: 1/2/1/span 12;
        padding-left: calc(10px + var(--grid-gap));
    }

    .imgslider-headline-text-btns .default-slider.landscape {
        grid-area: 2/2/2/span 9;
    }

    .imgslider-headline-text-btns .default-slider.portrait {
        grid-area: 2/7/2/span 7;
    }

    .imgslider-headline-text-btns .headline {
        grid-area: 3/2/3/span 12;
    }

    .imgslider-headline-text-btns .text-container {
        grid-area: 4/2/4/span 12;
    }

    .imgslider-headline-text-btns .btns-container {
        grid-area: 5/2/5/span 12;
    }

    .imgslider-headline-text-btns .badge-btns-container {
        grid-area: 6/2/6/span 12;
        margin-top: var(--m-sm);
    }
}