.bg-dark-custom {
    background-image: url("../images/BGWelcomePageV1.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}

.welcome-container {
    height: 100vh;
}
.redirect-info>a{
    text-decoration:none;
}

.continue-button {
    width: 180px;
    height: 52px;
    padding: 12px 12px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: black;
    border: 1.5px solid rgb(255 255 255 / 50%);
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}



    .continue-button:hover {
        background-color: #333; /* Darker background color on hover */
        color: #fff; /* Change text color on hover */
    }

/* Optional: If you want to center the button horizontally */
.button-container {
    text-align: center;
}

.w-90 {
    width: 90%
}

.welcome-message {
    height: 70%;
}

    .welcome-message p {
        font-size: 3.8rem;
        font-weight: 800;
    }

.static-info {
    font-size: 48px;
}

    .static-info > span {
        font-weight: 500;
    }

.logo-B {
    font-weight: 800 !important;
}

.text-color {
    color: #018381;
}

.add-new {
    color: #FFFFFF;
    background: #148D8B;
    padding: 10px 13px 10px 13px;
    border-radius: 6px;
    gap: 16px;
    cursor: pointer;
}

.btn-add-new-customer {
    padding: 10px 18px 10px 18px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 24px;
    border-radius: 6px;
    background: #148D8B;
}

/*  .icon-alignment {
            padding-top: 2px;
        } */

.icon-alignment > img {
    width: 24px;
    /* height: 17px; */
    /*padding-bottom: 4px;*/
}

/*.space-gap {
    gap: 80px;*/
    /* gap:30%; */
/*}*/

.card-width {
    width: 50%;
}

.store-gap {
    padding-bottom: 2px;
    gap: 10%;
}

.download {
    height: 48%;
}

.card {
    padding: 40px 56px 40px 56px;
    height: 400px;
}

.info-gap {
    gap: 35px;
}
.bg-glob {
    background: #EFF5F5;
}
.shadow-content {
    box-shadow: rgba(0, 0, 0, 0.10) 0px 25px 50px -12px;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 60px 40px -7px;*/
    
}
#help-btn {
    width: 62%;
}

    @media only screen and (max-width: 768px) {
        /* Your styles for mobile devices here */
        .bg-dark-custom {
            background-image: url("../images/BGMobileV1.png");
        }

        .static-info {
            text-align: center;
            font-size: 36px;
        }

        .redirect-info {
            display: none;
        }

        .card {
            width: 370px;
            height: 290px;
            border-radius: 16px;
        }
        .bg-glob {
            width: 370px;
            height: 290px;
            border-radius: 16px;
        }

        .play-store a img {
            width: 153px;
        }

        .app-store a img {
            width: 153px;
        }

        .bg-dark-custom {
        }
    }