.grecaptcha-badge {
    visibility: hidden !important;
}

@media (min-width: 576px) {
    .live .blur-content {
        margin: 0 auto;
        box-shadow: 0 .4rem 4.8rem rgba(0, 0, 0, .16);
        flex: 1;
    }
    .bg-blur {
        background-position: 50%;
        background-size: 200%;
        padding: 3rem 0 0;
        flex: 1;
        position: relative;
    }
    .bg-blur::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.1); /* 10% black overlay */
        z-index: 0;
    }
    .bg-blur>* {
        position: relative;
        /*z-index: 1; disable to fix modal issue */
    }    

    .container {
        --bs-gutter-x: 3rem !important;
    }

}
    .btn-featured {
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        overflow: hidden;
    }
    .btn-featured img {
        margin-bottom: 1rem !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .live {
        display: flex;
        flex-direction: column;
        /* or row, depending on layout */
        border-radius: inherit;
        width: 100%;
        min-height: 100vh;
    }
    .page_hero {
        mask: radial-gradient(110.26% 96% at 50% 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.10) 54.68%, rgba(0, 0, 0, 0.20) 58.79%, rgba(0, 0, 0, 0.30) 62.4%, rgba(0, 0, 0, 0.39) 65.61%, rgba(0, 0, 0, 0.48) 68.52%, rgba(0, 0, 0, 0.57) 71.2%, rgba(0, 0, 0, 0.65) 73.75%, rgba(0, 0, 0, 0.72) 76.25%, rgba(0, 0, 0, 0.79) 78.8%, rgba(0, 0, 0, 0.85) 81.48%, rgba(0, 0, 0, 0.90) 84.39%, rgba(0, 0, 0, 0.94) 87.6%, rgba(0, 0, 0, 0.97) 91.21%, rgba(0, 0, 0, 0.99) 95.32%, #000 100%);-webkit-mask: radial-gradient(110.26% 96% at 50% 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.10) 54.68%, rgba(0, 0, 0, 0.20) 58.79%, rgba(0, 0, 0, 0.30) 62.4%, rgba(0, 0, 0, 0.39) 65.61%, rgba(0, 0, 0, 0.48) 68.52%, rgba(0, 0, 0, 0.57) 71.2%, rgba(0, 0, 0, 0.65) 73.75%, rgba(0, 0, 0, 0.72) 76.25%, rgba(0, 0, 0, 0.79) 78.8%, rgba(0, 0, 0, 0.85) 81.48%, rgba(0, 0, 0, 0.90) 84.39%, rgba(0, 0, 0, 0.94) 87.6%, rgba(0, 0, 0, 0.97) 91.21%, rgba(0, 0, 0, 0.99) 95.32%, #000 100%); pointer-events: none; z-index: 1 !important;
    }

@media (max-width: 575.98px) {
    .container {
        --bs-gutter-x: 2rem !important;
    }
}

@media (max-width: 768px) {
    /* Modal bottom slide-up for mobile devices */   
  .modal.fade .modal-dialog {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s ease-out;
  }

  .modal.fade.show .modal-dialog {
    transform: translateY(0);
    opacity: 1;
  }

  .modal-content {
    border-radius: 0.75rem 0.75rem 0 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  }
  .modal-dialog.modal-dialog-centered {
    display: block !important;
    align-items: stretch !important;
    min-height: auto !important;
    margin: 0 !important;
  }
}


/* Bottom Navigation Bar for Mobile Devices */
.navbar.fixed-bottom {
  height: 70px;
  border-radius: 1rem 1rem 0 0;
}

.navbar .nav-link {
  flex: 1;
  padding: 0.5rem 0;
  font-size: 0.85rem;
}

.navbar .nav-link.active,
.navbar .nav-link.text-primary {
  color: #007bff;
}
@media (min-width: 768px) {
  .navbar.fixed-bottom {
    display: none;
  }
}