@media only screen and (max-width: 600px) {
  .meeting-page-container .meeting-room{
    max-height:450px !important;
    overflow:hidden;
}
.meeting-room.has-min-2-feed{
    max-height:100% !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}

.meeting-room.has-min-2-feed{
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}

.guest-page{
    background:transparent !important;
}

.guest-layout.design-boxed-left{
        justify-content: center !important;
}

.guest-footer.parent-design-boxed-left p[data-v-5b42e22c], .guest-footer.parent-design-boxed-right p[data-v-5b42e22c]{
    color:#fff !important;
}

.sidebar.left-sidebar{
    display:none !important;
}

body.body-bg-light {

background: url(https://res.cloudinary.com/dvxrcnzae/image/upload/v1683459992/iftisoft/bg_new_dt2zqg.png) repeat fixed !important;
background-color: #f8f9fb !important;
background-size: 18px !important;
}

[data-card-background-color=light] .card, [data-card-background-color=light].card, [data-footer-background-color=light], [data-page-background-color=light]{
    background-color:transparent !important;
}

[data-page-container-background-color=white] .card, [data-page-container-background-color=white] .page-container{
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.btn-group-vertical .btn{
    background-color: #1A7071 !important;
    border-bottom: 2px solid #1A7071;
    color:#ffffff;
}

.fieldset legend{
    background-color: #1A7071 !important;
    border: 0.0625rem solid #1A7071 !important;
    color:#fff !important;
}

[data-top-navbar-color=black] .navbar.navbar-design-basic{
    background-color: #1A7071 !important;
}

a.nav-link.cta.router-link-exact-active.active{
    display:none;
}

li.nav-item.d-none.d-md-flex{
    display:none;
}
/* OTP Button Customization */
a[href*="login-email-otp"], a[href*="login-otp"] {
    display: block !important;
    width: 100% !important;
    margin-top: 15px !important;
    background-color: #512DA8 !important; /* using the purple theme color from the screenshot */
    color: white !important;
    text-align: center !important;
    padding: 10px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 16px !important;
}

a[href*="login-email-otp"] i {
    margin-right: 5px;
}

a[href*="login-email-otp"]::after {
    content: " Login with OTP via Email" !important;
    font-family: inherit !important;
}