.action-inner-wraper {
    background-color: rgb(255,255,255,0.4);
}

.action-btn.navigation {
    background-color: #1F6027;
}

.btn-brand {
    --bs-btn-bg: #1F6027;
    --bs-btn-border-color: #1F6027;
    --bs-btn-hover-bg: #3a8145;
    --bs-btn-hover-border-color: #3a8145;
    --bs-btn-disabled-bg: #1F6027;
    --bs-btn-disabled-border-color: #3a8145;
    --bs-btn-active-bg: #56b96b;
    --bs-btn-active-border-color: #49a760;
}

@media (min-width: 768px) and (max-width: 1024px) {
            body.vl-body .virtual-location-container iframe .vl_html_logo-container .vl_html_logo {
                max-width: 620px !important; /* Increase max width for tablets */
				max-height: 250px; /* Default max height */
            }
        }

@media (min-width: 768px) and (max-width: 1024px) {
   .vl_html_logo-container {
       background-color: red;
    }
}

/* Reset some default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Ensure the modal content takes full width and height */
.modal-content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Modal body styles */
.modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Ensure no scrollbars */
}

/* Ensuring the iframe scales correctly */
iframe {
    width: 100%;
    height: 100%;
    border: none;
    object-fit: contain !important; /* Ensures the image is fully visible without being cropped */
    display: block; /* Removes any spacing issues around the iframe */
}