.sc6 {
    & [class^="container"] { 
        & .ct-swiper {
            position: relative;
            & .swiper {
                overflow: visible;
                clip-path: inset(0 calc((100vw - var(--ct-xl)) / -2) 0 0 round 0);
                & .cardC {
                    position: relative;
                    cursor: pointer;
                    overflow: hidden;
                    border-radius: 1em 0;
                    color: var(--cLWhite);
                    & picture {
                       position: relative;
                       height: auto;
                       aspect-ratio: 1/1.5;
                       width: min(350px,100%);
                       & img {
                            transition: all .3s;
                            &:is(.cardC:hover &) {
                                scale: 1.05;
                                filter: brightness(.8);
                            }
                       }
                       &::after {
                           position: absolute;
                           inset: 0;
                           content: '';
                           background: linear-gradient(0deg, hsl(from var(--cLDarkBlue) h s l/.5) 7.7%, transparent 52%);
                       }
                    }
                    & .content {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        display: grid;
                        transition: all .3s;
                        row-gap: min(.5em,5vw);
                        justify-content: flex-end;
                        padding: clamp(min(1em,5vw),1.46vw,2em);
                        
                        & p {
                            position: relative;
                            overflow: hidden;
                            transition: all .3s;
                        }
                        @media screen and (width >= 1200px ) {
                            & {
                                opacity: 0;
                                grid-template-rows: 3em 0fr;
                                &:is(.cardC:hover &) {
                                      opacity: 1;
                                      grid-template-rows: 3em 1fr;
                                  }
                            }
                        }
                    }
                }
            }
            & .pagination {
                margin-top: clamp(min(2em,5vw),2.344vw,2.5em);
                @media screen and (width >= 1200px) {
                    & {
                        position: absolute;
                        top: 50%;
                        left: 0;
                        height: 0;
                        row-gap: .5em;
                        margin-top: 0;
                        align-items: center;
                        flex-direction: column;
                    }
                }
            }
            @media screen and (width >= 1200px) {
                & {
                    padding-left: clamp(min(3em, 7vw), 5vw, 6em);
                }
            }
        }
    }
}