.custom-process-swiper {
    & .ct-swiper {
        position: relative;
        & .swiper {
            width: 100%;
            height: 480px;
            overflow: visible;
            & .cardF {
                position: relative;
                height: 100%;
                overflow: visible;
                border-radius: 16px;
                color: var(--cLWhite);
                border-bottom-right-radius: 40px;
                box-shadow: 0 15px 35px hsl(from var(--cLDarkBlack) h s l/.5);
                background: linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);
                &:not(.swiper-slide-active) {
                    filter: contrast(0.1);
                }
                & .process-card-inner {
                    gap: 30px;
                    height: 100%;
                    display: grid;
                    padding: min(2em,5vw);
                    grid-template-columns: 1fr 1fr;
                    & .process-content {
                        position: relative;
                        display: flex;
                        row-gap: min(1em,4vw);
                        flex-direction: column;
                        justify-content: center;
                        & .process-number {
                            position: absolute;
                            line-height: 1;
                            color: var(--cLDarkBlack);
                            bottom: calc(100% - (min(2em,5vw) / 10));
                        }
                    }
                }

            }
        }
        & .pagination {
            @media screen and (width >= 1200px) {
                gap: 1em;
                flex-shrink: 0;
                flex-direction: column;
                & .prev {rotate: 90deg;}
                & .next {rotate: 90deg;}
            }
        }
        @media screen and (width >= 1200px) {
            & {
                width: 100%;
                display: flex;
                gap: min(2em,5vw);
                align-items: flex-end;
                flex-direction: row-reverse;
            }
        }
    }
}