.swiper-container {
            width: 100vw;
            /* Full width of the viewport */
            height: 100vh;
            /* Full height of the viewport */
            overflow: hidden;
            /* Ensure no overflow */
        }

        @media (max-width: 768px) {
            .swiper-container {
                width: 100%;
                height: 100%;
            }
        }

        @media (max-width: 600px) {
            .swiper-container {
                width: 100%;
                height: 100%;
            }
           .cursor {
                display: none !important;
            }
            .rounded{
                display: none;
            }
        }
    .swiper-slide {
        position: relative;
        text-align: left;
        font-size: 2vw; /* Responsive font size */
        background: #ffffff;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        overflow: hidden;
        width: 100%; /* Ensure it takes full width of the container */
        height: auto; /* Adjust height based on content */
        max-height: 100%; /* Make sure it doesn't exceed the container's height */
        box-sizing: border-box; /* Include padding and border in the element's total width and height */
    }

        .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .slide-content {
            position: absolute;
            top: 30%;
            left: 10%;
            transform: translateY(-50%);
            color: white;
            text-align: left;
        }

        .slide-title {
            font-size: 48px;
            font-weight: bold;

        }

        .slide-button {

            padding: 6px 40px;
            color: white;
            background-color: transparent;
            border: 1px solid white;
            border-radius: 30px;
            text-decoration: none;
            margin-top: 10px;
            transition: background-color 0.3s, color 0.3s;
            margin-right: 10px;
            font-family: 'basis_grotesque_regular';
            font-size: 13px !important;
        }

        .slide-button:hover {
            background-color: white;
            color: black;

        }

        /* Styling for next and previous buttons */
        .swiper-button-next,
        .swiper-button-prev {
            color: black;
            display: none;
        }

        /* Styling for pagination points */
        .swiper-pagination-bullet {
            background: rgb(0, 0, 0);
            background-color: rgb(252, 252, 252);
            width: 40px;
            /* Adjust the width */
            height: 3px;
            /* Adjust the height */
            border-radius: 0;

        }

        .swiper-pagination {
            color: grey;
        }

        .swiper-pagination .swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
            left: 50%;

        }
            #mySpecificDiv {
                position: relative; /* Ensure that the container is positioned */
            }

            body {
                cursor: default;
            }
            .rounded {
                width: 90px;
                height: 90px;
                border: 1px solid white;
                border-radius: 50%;
                position: absolute;
                transform: translate(-50%, -50%);
            }
            .pointed {
                width: 8px;
                height: 8px;
                background-color: black;
                border-radius: 50% !important; /* Ensure it's a circle */
                position: absolute;
                top: 50% !important;
                left: 50% !important;
                transform: translate(-50%, -50%) !important; /* Center the circle */
                z-index: 1000; /* Ensure it appears above other elements */
                border: 2px solid black; /* Optional: for debugging visibility */
            }
            .content {
                position: absolute;
                top: 50%;
                left: 45%;
                transform: translate(-50%, -50%);
                color: black;
                font-family: "basis_grotesque_regular";
                font-size: medium;
                font-weight: bold;
                pointer-events: none; /* Make sure the content does not interfere with the cursor */
            }
            .cursor {
                position: fixed;
                top: 0;
                left: 0;
                border-radius: 100% !important;
                border: 1px solid black;
                /* Ensure it's a circle */

                z-index: 100; /* Higher than the swiper container */
                pointer-events: none; /* So the cursor does not block interaction with the swiper */
                transform: translate(-50%, -50%); /* Center the cursor on its position */
            }

            .swiper-container {
                z-index: 1; /* Lower than the custom cursor */
            }

        @media (max-width: 768px) {
            .swiper-container {
                width: 100%;
                height: 100%;
            }
        }

        @media (max-width: 480px) {
            .swiper-container {
                width: 100%;
                height: 100%;
            }
        }

        .swiper-slide {
			width:100%;
            position: fixed;
            text-align: left;
            font-size: 18px;
            background: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .slide-content {
            position: absolute;
            top: 30%;
            left: 10%;
            transform: translateY(-50%);
            color: white;
            text-align: left;
        }

        .slide-title {
            font-size: 48px;
            font-weight: bold;

        }

        .slide-button {

            padding: 6px 40px;
            color: white;
            background-color: transparent;
            border: 1px solid white;
            border-radius: 30px;
            text-decoration: none;
            margin-top: 10px;
            transition: background-color 0.3s, color 0.3s;
            margin-right: 10px;
            font-family: 'basis_grotesque_regular';
            font-size: 13px !important;
        }

        .slide-button:hover + .slide-button {
            background-color: white;
            color: black;

        }
    
        /* Styling for next and previous buttons */
        .swiper-button-next,
        .swiper-button-prev {
            color: black;
            display: none;
        }

        .swiper-pagination {
            color: #aaa;
        }

        .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
            left: 50%;

        }
        .ncC47PRj.text-display-title {
        font-family: 'futura';
        translate: none;
        rotate: none;
        scale: none;
        opacity: 1;
        transform: translate(0px, 0px);
        font-size: 2rem;
                                            /* Default font size */
       }

                                        @media (max-width: 600px) {
											.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
            left: 50%;
			 margin-bottom: 14%;


        }
                                            .ncC47PRj.text-display-title {
                                                font-family: 'futura';
                                                font-size: 2rem;
                                                /* Adjust font size for mobile */
                                            }
                                        }