ion-content {
    --background: none;

    swiper-container {
        height: 95vh;

        swiper-slide {
            .slide {
                height: 100%;
                width: 100%;
                flex-direction: column;
                overflow: hidden;

                p {
                    font-size: var(--ion-font-size-18);
                    letter-spacing: 0;
                    font-weight: 600;

                    span {
                        font-size: var(--ion-font-size-24);
                        font-weight: 700;

                        &:first-child {
                            color: var(--ion-color);
                        }

                        &:nth-child(2) {
                            color: var(--ion-color-sant);
                        }

                        &:last-child {
                            color: var(--ion-color-sangh);
                        }
                    }
                }

                .connecting-slide {
                    p {
                        margin-top: var(--ion-margin-0);
                    }

                    .btn-box {
                        margin: var(--ion-margin-0) var(--ion-margin-0) var(--ion-margin-10) -15px;

                        .btn-design {
                            background: var(--ion-background-gray-medium);
                            width: 200px;
                            height: 38px;
                            border-radius: 50px;
                            margin-right: var(--ion-margin-15);
                            font-size: var(--ion-font-size-20);
                            font-weight: 600;

                            &.sant {
                                background: var(--ion-background-content-sant);
                                color: var(--ion-color-sant);
                            }

                            &.sangh {
                                background: var(--ion-background-content-sangh);
                                color: var(--ion-color-sangh);
                            }

                            &.shravak {
                                background: var(--ion-background-button);
                                color: var(--ion-color);
                            }

                            img {
                                margin-right: var(--ion-margin-10);
                            }
                        }

                        &:nth-child(3) {
                            margin-left: 30px;
                        }
                    }
                }

                .center-img {
                    width: 75%;
                    margin: 7vh 0;
                }
            }

            .last-slide-spinner {
                height: 100%;
            }
        }

        &::part(bullet) {
            width: 48px;
            height: 4px;
            border-radius: 0;
        }

        &::part(bullet-active) {
            background-color: var(--ion-color);
            width: 48px;
            height: 4px;
            border-radius: 0;
        }

    }
}