.bglist {
        width: 100%;
        height: auto;
        /* Adjust the height as needed */
        background-image: url('../images/handphone.svg');
        /* Replace with your image path */
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 40%;
        /* Adjust as needed (cover, contain, etc.) */
        border: 2px dashed #493d9e;
        /* Add a dashed border with your desired color */
        border-radius: 8px;
        /* Optional: Add rounded corners */
    }

    @media (max-width: 768px) {
        .bglist {
            background-image: none;
            width: 90%;
            margin: 0 auto;
        }
    }

    .roadmap {
        min-height: 500px;
        /* Adjust the height as needed */
        background-image: url("../images/Mountain.svg");
        /* background-position: center; */
        background-repeat: no-repeat;
        background-size: cover;
        background-origin: content-box;
    }

    @media (max-width: 768px) {
        .roadmap {
            background-size: contain; /* Ensure the image fits within the container */
           background-image: url("../images/mountain-mobile.svg");
            background-position: 0% 40%;
            
           }

        .whychoose-mini{
            visibility: hidden;
        }
    }

    .download {
        width: 100%;
        /* Set the width to 100% or adjust as needed */
        max-width: 600px;
        /* Optional: Limit the maximum width */
        text-align: left;
        /* Align content to the left */
        margin: 0 auto;
        /* Center the container horizontally */
    }

    .step {
        padding: 10px 16px;
        border-radius: 8px;
        border-width: 1px;
        border-style: solid;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    html {
        scroll-behavior: smooth;
    }

    .nav-button {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        transition: all 0.3s ease;
    }

    .nav-button:hover {
        background-color: #e5e5e5;
    }

                        .slick-slide {
                            border: 2px dashed transparent;
                            /* Default border for all slides */
                            transition: all 0.3s ease;
                            /* Smooth transition for the border and scaling */
                            transform: scale(1);
                            /* Default scale */
                            width: 700px;
                            height: 100%;
                            /* Default height */
                            margin: 20px;
                        }
            
                        .slick-center {
                            border: 2px dashed white;
                            /* White border for the center slide */
                            transform: scale(1.1);
                            /* Scale the center slide to increase its size */
                            z-index: 10;
                            /* Bring the center slide to the front */
                            width: 550px !important;
                            /* Increase the width of the center slide */
                            background-color: #262626;
                        }
            
                        @media (max-width: 768px) {
                            .slick-center {
                                transform: scale(0.9);
                                /* Reduce the scale on mobile */
                                width: 300px !important;
                                /* Reduce the width on mobile */
                            }
                        }
            
                        /* Style for the non-active slides */
                        .slick-slide:not(.slick-center) {
                            border: 2px dashed blue;
                            /* Blue border for the non-active slides */
                            transform: scale(0.5);
                            /* Slightly shrink the non-center slides */
                        }