/* Define overlay styles */
.overlay {
    position: relative;
}
.mobile-icon {
    display: none; /* Hide the icon by default */
}

/* Adjust overlay for mobile devices */
@media only screen and (max-width: 500px) {
    .mobile-icon {
        display: inline-block; /* Display the icon on mobile screens */
        /* margin-right: 5px; Adjust margin as needed */
        /* Add any other styles for the icon */
    }
    .overlay::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #f4e3e0; /* Grey-black overlay */
        z-index: 1;
    }

    .vgxai-inner-welcome-content {
        position: relative;
        z-index: 2;
    }

    .color-white {
        color: white; /* Set paragraph text color to white */
    }
    
    .color-purple {
        color: red; /* Set heading text color to white */
    }
}