[data-bs-theme-base="neutral"] {
  --tblr-gray-50: #fafafa;
  --tblr-gray-100: #f5f5f5;
  --tblr-gray-200: #e5e5e5;
  --tblr-gray-300: #d4d4d4;
  --tblr-gray-400: #a3a3a3;
  --tblr-gray-500: #737373;
  --tblr-gray-600: #525252;
  --tblr-gray-700: #404040;
  --tblr-gray-800: #262626;
  --tblr-gray-900: #171717;
  --tblr-gray-950: #0a0a0a;
}

/*-- custom css start here --*/
.page-body {
  margin-top: 20px;
}

/*-- header css start here --*/
[data-bs-theme="light"] .navbar {
  background-color: var(--tblr-primary);
}

.jm-join-link {
  color: var(--tblr-primary);
}

.jm-header-profile {
  gap: 15px;
}

.Jm-upgrade-btn {
  height: 40px;
}

.nav-link,
.nav-link-icon {
  color: #ffffff;
}

.nav-link:hover {
  color: #ffffff;
}

.jm-profile-name {
  color: #ffffff;
}

.jm-designation {
  color: #ffffff !important;
}

.navbar-expand-md .nav-item.active:after {
  border-color: #ffffff;
}

.navbar-toggler-icon {
  color: #ffffff;
}

/*-- header css end here --*/
/*-- dashboard css start here --*/
:root {
  --or-blue: #6d6eff;
  --or-border: #e5e7eb;
  --or-bg: #ffffff;
  --or-text: #0f172a;
  --or-muted: #64748b;
  --or-soft: #f8fafc;
  --or-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

[data-bs-theme="light"] body,
[data-bs-theme="light"] .page {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 58%, #f6f8fc 100%);
}

[data-bs-theme="light"] .navbar {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--or-border);
  backdrop-filter: blur(18px);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.zm-or-brand-link:hover { opacity: .94; }
.zm-or-brand-wordmark { display: inline-flex; align-items: baseline; gap: .3rem; font-size: 1.36rem; letter-spacing: -.04em; line-height: 1; }
.zm-or-brand-zona { color: #0f172a; font-weight: 900; }
.zm-or-brand-meet { color: #475569; font-weight: 700; }

/* HERMES_DARK_DASHBOARD_BRAND_CONTRAST_20260714 */
[data-bs-theme="dark"] .zm-or-brand-zona {
  color: #ffffff !important;
  text-shadow: 0 1px 14px rgba(255,255,255,.16);
}
[data-bs-theme="dark"] .zm-or-brand-meet {
  color: #cbd5e1 !important;
}
[data-bs-theme="dark"] .zm-or-brand-link:hover .zm-or-brand-zona {
  color: #ffffff !important;
}
[data-bs-theme="dark"] .zm-or-brand-link:hover .zm-or-brand-meet {
  color: #e2e8f0 !important;
}

.nav-link,
.nav-link-icon,
.jm-profile-name { color: #0f172a; }

.jm-designation,
.nav-link-title,
.navbar .text-secondary { color: #64748b !important; }

.nav-link:hover,
.nav-link:focus,
.navbar-expand-md .nav-item.active .nav-link { color: var(--or-blue); }

.navbar-expand-md .nav-item.active:after { border-color: var(--or-blue); }
.navbar-toggler-icon { color: #0f172a; }
.dark-theme-setting, .dark-theme-setting:hover { color: #334155; }

.dropdown-menu {
  border: 1px solid var(--or-border);
  border-radius: 18px;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.1);
}

.zm-or-dashboard-card {
  border: 1px solid rgba(229, 231, 235, 0.95);
  border-radius: 28px;
  box-shadow: var(--or-shadow);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.98);
}

.zm-or-dashboard-hero {
  border-bottom: 1px solid var(--or-border);
  background:
    radial-gradient(circle at top left, rgba(109, 110, 255, 0.14), transparent 34%),
    radial-gradient(circle at top right, rgba(59, 130, 246, 0.10), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.zm-or-hero-copy,
.zm-or-hero-actions-wrap { min-height: 100%; }
.zm-or-hero-copy { align-items: flex-start !important; gap: 1rem; }

.zm-or-eyebrow {
  display: inline-flex;
  align-items: center;
  padding: .38rem .7rem;
  margin-bottom: .9rem;
  border-radius: 999px;
  background: rgba(109, 110, 255, 0.09);
  color: var(--or-blue);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .01em;
}

.zm-or-hero-copy h2,
.zm-or-section-copy h4,
#meetingTitleDetail { color: var(--or-text); letter-spacing: -.03em; }
.zm-or-hero-copy h2 { font-size: clamp(2rem, 3vw, 2.6rem); margin-bottom: .7rem !important; }
.zm-or-hero-subtitle, .empty-subtitle, .text-secondary { color: var(--or-muted) !important; }
.zm-or-hero-subtitle { max-width: 26rem; font-size: .98rem; }

.zm-or-quick-actions,
.zm-or-join-panel {
  width: 100%;
  border: 1px solid var(--or-border);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
}

.zm-or-quick-actions { padding: 1.2rem 1.3rem; }
.zm-or-join-panel { padding: 1rem 1.15rem 1.15rem; }
.zm-or-action-buttons { flex-wrap: wrap; }
.zm-or-input-label { display: block; margin-bottom: .7rem; color: #334155; font-size: .9rem; font-weight: 600; }
.zm-or-join-input-wrap .input-icon-addon { color: #94a3b8; }

.zm-or-join-input-wrap .form-control,
.zm-or-search-bar .form-control,
.modal .form-control,
.modal .form-select,
.ts-control {
  border: 1px solid var(--or-border);
  border-radius: 16px !important;
  box-shadow: none !important;
}

.zm-or-join-input-wrap .form-control,
.zm-or-search-bar .form-control {
  height: 56px;
  padding-left: 3rem;
  padding-right: 6rem;
  font-size: .96rem;
  background: #fff;
}

.zm-or-btn-primary,
.btn-primary {
  background: linear-gradient(135deg, #6d6eff 0%, #5b7cff 100%);
  border-color: transparent;
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 16px 32px rgba(109, 110, 255, 0.24);
}

.zm-or-btn-primary:hover,
.btn-primary:hover {
  background: linear-gradient(135deg, #5f61ff 0%, #4f6fff 100%);
  color: #fff;
}

.zm-or-btn-secondary,
.btn-outline-primary {
  border-color: var(--or-border);
  color: #0f172a;
  background: #fff;
  border-radius: 16px;
}

.zm-or-btn-secondary:hover,
.btn-outline-primary:hover {
  border-color: rgba(109, 110, 255, 0.24);
  background: rgba(109, 110, 255, 0.06);
  color: var(--or-blue);
}

.jm-join-link { color: var(--or-blue); font-weight: 700; }

.zm-or-search-bar {
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid rgba(229, 231, 235, 0.9);
  background: rgba(248, 250, 252, 0.68);
}

.zm-or-meeting-list { padding: .5rem; gap: .3rem; }

.jm-meeting-card {
  margin: 0;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 20px !important;
  padding: 1rem 1.1rem;
  transition: all .18s ease;
}

.jm-meeting-card:hover {
  border-color: rgba(109, 110, 255, 0.12);
  background: rgba(109, 110, 255, 0.04);
}

.jm-meeting-card.active,
.list-group-transparent .list-group-item.active {
  background: #f8faff !important;
  border-color: rgba(109, 110, 255, 0.18);
  box-shadow: inset 0 0 0 1px rgba(109, 110, 255, 0.08);
}

.nav-pills .nav-link.active::after {
  left: auto;
  right: 0;
  width: 4px;
  border-right: 0;
  border-left: 4px solid var(--or-blue);
  border-radius: 999px;
}

.zm-or-meeting-detail {
  padding: 2rem 2rem 2.2rem;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.zm-or-detail-grid dd { color: #64748b; font-weight: 600; }
.zm-or-detail-grid dt { color: #0f172a; }
.zm-or-detail-actions { flex-wrap: wrap; }
.empty { background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%); }

.modal-content {
  border: 1px solid var(--or-border);
  border-radius: 24px;
  box-shadow: 0 30px 60px rgba(15, 23, 42, 0.14);
}

.modal-header,
.modal-footer { border-color: rgba(229, 231, 235, 0.88); }

@media (max-width: 1024px) {
  .zm-or-hero-copy { align-items: flex-start !important; }
  .zm-or-quick-actions { flex-direction: column; align-items: flex-start !important; }
  .zm-or-action-buttons { width: 100%; }
}

@media (max-width: 640px) {
  .zm-or-brand-wordmark { font-size: 1.34rem; }
  .page-body { margin-top: 14px; }
  .zm-or-dashboard-card { border-radius: 22px; }
  .zm-or-hero-copy,
  .zm-or-hero-actions-wrap,
  .zm-or-meeting-detail { padding-left: 1rem; padding-right: 1rem; }
  .zm-or-hero-copy h2 { font-size: 1.6rem; }
  .zm-or-quick-actions,
  .zm-or-join-panel,
  .jm-meeting-actions,
  .zm-or-action-buttons { flex-direction: column; align-items: stretch !important; }
  .zm-or-action-buttons .btn,
  .jm-meeting-actions .btn,
  .zm-or-btn-primary { width: 100%; justify-content: center; }
  .zm-or-join-input-wrap .form-control { padding-right: 5rem; }
  .jm-meeting-heading { gap: .75rem; flex-direction: column; align-items: stretch !important; }
  .zm-or-detail-grid dd,
  .zm-or-detail-grid dt { width: 100%; }
}

.jm-header-left,
.jm-header-right {
  padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
}

.jm-meeting-header {
  border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
}

.jm-header-right {
  gap: 20px;
}

.jm-instant-meeting {
  gap: 15px;
}

.jm-right {
  gap: 15px;
}

.jm-meeting-actions {
  gap: 15px;
  white-space: nowrap;
}

.jm-addto-btn {
  gap: 20px;
}

.jm-addto-btn a {
  gap: 8px;
}

.jm-addto-btn a.jm-btn-google-calender {
  color: #4285f4;
}

.jm-addto-btn a.jm-btn-microsoft-outlook {
  color: #117bd6;
}

.jm-meeting-card {
  border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
  padding: 15px 20px;
  cursor: pointer;
}

.jm-meeting-card.active,
.list-group-transparent .list-group-item.active {
  background-color: rgba(var(--tblr-secondary-rgb), .08) !important;
}

.nav-pills .jm-meeting-card.nav-link {
  border-radius: 0px;
}

.jm-meeting-search {
  padding: 15px 20px;
}

.jm-pagination {
  padding: 15px 20px;
}

.jm-meeting-detail {
  padding: 30px 20px 30px 30px;
}

.jm-invite-list {
  max-height: 350px;
  overflow-y: auto;
}

button.link.jm-join-link {
  position: absolute;
  top: 7px;
  right: 10px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  background: transparent;
}

[dir="rtl"] button.link.jm-join-link {
  right: unset;
  left: 10px;
}

.jm-meeting-date {
  gap: 8px;
}

.nav-pills .nav-link.active {
  position: relative;
}

.nav-pills .nav-link.active::after {
  content: "";
  border-right: 3px solid;
  position: absolute;
  width: 10px;
  left: -7px;
  bottom: 0;
  top: 0;
  right: auto;
}

.ts-dropdown {
  z-index: 1056;
}

.jm-meeting-heading .jm-meeting-actions a {
  margin-left: 10px;
}

.jm-meeting-embed {
  font-size: 12px;
  resize: none;
  height: 89px;
}

.jm-meeting-card .text-truncate {
  max-width: 550px;
}

.meeting-title {
  max-width: 330px !important;
}

.jm-meeting-date .text-truncate {
  max-width: 300px;
}

[data-bs-theme=dark] .toast-header {
  background: unset;
  color: var(--tblr-white);
}


/* Zona Workspace Rebuild v2 */
.page.jm-dashboard {
  background:
    radial-gradient(circle at top left, rgba(109, 110, 255, 0.10), transparent 22%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 62%, #f4f7fb 100%);
}

.page.jm-dashboard .page-wrapper {
  max-width: 1480px;
  margin: 0 auto;
}

.zm-or-dashboard-card {
  border-radius: 30px;
  border: 1px solid rgba(229, 231, 235, 0.98);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

.jm-meeting-header.zm-or-dashboard-hero {
  padding: .4rem;
}

.zm-or-hero-copy,
.zm-or-hero-actions-wrap {
  padding: 2rem !important;
}

.zm-or-hero-copy {
  justify-content: space-between;
}

.zm-or-hero-copy h2 {
  font-size: clamp(2.15rem, 3vw, 2.9rem);
  line-height: 1.02;
}

.zm-or-hero-subtitle {
  max-width: 30rem;
  font-size: 1rem;
  line-height: 1.7;
}

.zm-or-quick-actions,
.zm-or-join-panel {
  border-radius: 26px;
  padding: 1.25rem 1.3rem;
}

.zm-or-quick-actions {
  min-height: 102px;
}

.zm-or-action-buttons {
  gap: .8rem;
}

.zm-or-btn-primary,
.zm-or-btn-secondary,
.jm-meeting-actions .btn,
.jm-header-right .btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  font-weight: 700;
}

.zm-or-search-bar {
  padding: 1rem 1.1rem;
  background: linear-gradient(180deg, #fbfdff 0%, #f7faff 100%);
}

.meeting-search-box {
  background: rgba(248, 250, 252, 0.62);
}

.zm-or-meeting-list {
  gap: .55rem;
  padding: .9rem;
}

.jm-meeting-card {
  border: 1px solid transparent !important;
  border-radius: 22px !important;
  padding: 1rem 1.05rem !important;
  background: rgba(255, 255, 255, 0.78);
}

.jm-meeting-card .meeting-title {
  max-width: 270px !important;
  font-size: 1rem;
  font-weight: 700;
}

.jm-meeting-card .created-time,
.jm-meeting-card .meeting-description,
.jm-meeting-card .jm-meeting-id,
.jm-meeting-card .jm-meeting-date,
.jm-meeting-card .jm-meeting-date p {
  color: #64748b !important;
}

.jm-meeting-card:hover {
  transform: translateY(-1px);
  border-color: rgba(109, 110, 255, 0.15) !important;
  box-shadow: 0 14px 30px rgba(109, 110, 255, 0.08);
}

.jm-meeting-card.active {
  background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%) !important;
  border-color: rgba(109, 110, 255, 0.22) !important;
  box-shadow: 0 18px 36px rgba(109, 110, 255, 0.10);
}

.zm-or-meeting-detail {
  padding: 2.15rem 2.1rem 2.3rem;
}

.jm-meeting-heading {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(229, 231, 235, 0.9);
}

#meetingTitleDetail {
  font-size: clamp(1.7rem, 2.4vw, 2.35rem);
  line-height: 1.08;
}

.zm-or-detail-grid {
  row-gap: .15rem;
}

.zm-or-detail-grid dd,
.zm-or-detail-grid dt {
  margin-bottom: 1rem !important;
}

.zm-or-detail-grid dd {
  color: #64748b;
  font-weight: 700;
}

.zm-or-detail-grid dt {
  color: #0f172a;
  font-weight: 600;
}

.zm-or-detail-actions {
  gap: .85rem;
  margin-top: 1rem;
}

.empty {
  border-radius: 0 0 28px 28px;
  background:
    radial-gradient(circle at top, rgba(109, 110, 255, 0.08), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.empty .btn {
  min-height: 48px;
  border-radius: 16px;
}

@media (max-width: 1024px) {
  .zm-or-hero-copy,
  .zm-or-hero-actions-wrap,
  .zm-or-meeting-detail {
    padding: 1.35rem !important;
  }

  .jm-meeting-card .meeting-title {
    max-width: 220px !important;
  }
}

@media (max-width: 767px) {
  .page.jm-dashboard .container-xl {
    padding-left: 12px;
    padding-right: 12px;
  }

  .page.jm-dashboard .page-body {
    margin-top: 12px;
  }

  .zm-or-dashboard-card {
    border-radius: 24px;
  }

  .jm-meeting-header.zm-or-dashboard-hero {
    padding: 0;
  }

  .zm-or-hero-copy,
  .zm-or-hero-actions-wrap,
  .zm-or-meeting-detail {
    padding: 1rem !important;
  }

  .zm-or-hero-copy h2 {
    font-size: 1.78rem;
  }

  .zm-or-hero-subtitle {
    font-size: .94rem;
    line-height: 1.6;
  }

  .zm-or-quick-actions,
  .zm-or-join-panel,
  .jm-meeting-search,
  .jm-meeting-card,
  .zm-or-meeting-detail {
    border-radius: 20px !important;
  }

  .zm-or-action-buttons,
  .jm-meeting-actions,
  .zm-or-detail-actions,
  .jm-addto-btn {
    flex-direction: column;
    align-items: stretch !important;
    gap: .75rem;
  }

  .zm-or-action-buttons .btn,
  .jm-meeting-actions .btn,
  .zm-or-detail-actions .btn,
  .jm-addto-btn a,
  .mobile-back-btn {
    width: 100%;
    justify-content: center;
    min-height: 46px;
    font-size: .95rem !important;
  }

  .meeting-search-box {
    border-right: 0 !important;
  }

  .zm-or-meeting-list {
    padding: .75rem;
  }

  .jm-meeting-card .meeting-title,
  .meeting-title {
    max-width: 100% !important;
  }

  .jm-meeting-card .d-flex.justify-content-between,
  .jm-meeting-card .jm-meeting-date {
    gap: .4rem;
    flex-direction: column;
    align-items: flex-start !important;
  }

  .zm-or-detail-grid dd,
  .zm-or-detail-grid dt {
    width: 100%;
  }
}

/*-- dashboard css end here --*/
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1480px;
}

/*-- footer css start here --*/
.footer {
  padding: 1.25rem 0 1.6rem;
}

.zm-app-footer {
  background: transparent;
}

.zm-app-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1.15rem;
  border-top: 1px solid rgba(229, 231, 235, 0.92);
}

.zm-app-footer-brand,
.or-footer-brand-link {
  display: inline-flex;
  align-items: baseline;
  gap: .55rem;
  color: #0f172a;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: -.02em;
}

.zm-app-footer-year {
  color: #64748b;
  font-weight: 600;
}

.zm-app-footer-brand-wordmark {
  display: inline-flex;
  align-items: baseline;
}

.zm-footer-zona {
  font-weight: 900;
  color: #0f172a;
}

.zm-footer-gap {
  display: inline-block;
  width: .32rem;
}

.zm-footer-meet {
  font-weight: 700;
  color: #475569;
}

.zm-app-footer-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .9rem;
}

.zm-app-footer-link {
  color: #64748b;
  text-decoration: none;
  font-size: .94rem;
}

.zm-app-footer-link:hover,
.zm-app-footer-brand:hover {
  color: var(--or-blue);
}

.zm-app-footer-contact,
.or-footer-contact-link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .62rem .95rem;
  border: 1px solid var(--or-border);
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.zm-app-footer-contact:hover,
.or-footer-contact-link:hover {
  border-color: rgba(109, 110, 255, 0.22);
  background: rgba(109, 110, 255, 0.05);
  color: var(--or-blue);
}

.zm-app-footer-contact svg,
.or-footer-contact-link svg {
  width: 1rem;
  height: 1rem;
}

@media (max-width: 640px) {
  .zm-app-footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .zm-app-footer-links {
    justify-content: center;
  }
}

/*-- footer css end here --*/

/*-- Loader css starts here --*/
#cover-spin {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: block;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

#cover-spin::after {
  content: "";
  display: block;
  position: absolute;
  left: 48%;
  top: 40%;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-color: var(--bs-primary);
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}

/*-- Loader css end here --*/

[type="radio"].hide-radio {
  display: none;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1),
      rgba(0, 0, 0, 0.1)) !important;
  border: 1px solid linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
  background-color: var(--tblr-primary);
  border-color: var(--tblr-primary);
}

/*-- profile css start here --*/
.jm-profile .jm-header-right {
  padding: 0;
}

.navbar-expand-md .nav-item.active .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #fff;
}

.g-recaptcha {
  overflow: hidden;
  width: 298px;
  height: 74px;
}

.g-recaptcha iframe {
  margin: -1px 0px 0px -2px;
}

.hero {
  padding: 6.5rem 0;
}

.hero-title {
  text-align: center;
  font-size: 3rem;
  font-weight: var(--tblr-font-weight-black);
  letter-spacing: -.04em;
  line-height: 1.2;
}

.hero-description {
  color: var(--tblr-secondary);
  font-size: var(--tblr-font-size-h2);
  line-height: 1.5;
  margin: 0 auto;
  max-width: 45rem;
}

.hero-description-wide {
  max-width: 61.875rem;
}

.navbar-logo {
  width: auto;
  height: 2rem;
}

.logo-image {
  height: 2rem;
  width: auto;
}

.pricing-label {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  vertical-align: bottom;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.featured {
  z-index: 1;
  border: 2px solid var(--tblr-primary);
  order: -1;
  transform: scale(1.05);
}

@media (min-width: 768px) {
  .featured {
    order: unset;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: 0 0 4px rgba(var(--tblr-body-color-rgb), .04);
    border-radius: 8px;
  }
}

@media (max-width: 767.98px) {
  .hero-title {
    font-size: 2rem;
  }
}

@media (max-width: 575.98px) {
  .hero-description {
    font-size: var(--tblr-font-size-h3);
  }
}

@media (min-width: 992px) {

  :host,
  :root {
    margin-left: 0;
    margin-right: 0;
  }
}

/*-- Responsive css start here --*/
/*--mobile css start here--*/
@media screen and (max-width: 767px) {

  .featured {
    transform: unset;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100%;
  }

  .btn-outline-primary,
  .Jm-upgrade-btn,
  .btn-outline-danger {
    font-size: 0px;
    width: 41px;
    height: 41px;
  }

  .jm-header-profile {
    gap: 10px;
  }

  .jm-instant-meeting {
    width: 100%;
  }

  .jm-join-meeting {
    width: 100%;
  }

  .jm-header-left {
    padding: 0 15px 15px 15px;
  }

  .jm-meeting-detail {
    padding: 15px 20px;
  }

  .text-secondary {
    font-size: 12px;
  }

  .jm-meeting-heading .jm-meeting-actions a {
    margin: 0;
  }

  body {
    font-size: 13px;
  }

  .jm-addto-btn {
    flex-direction: column;
  }

  .jm-meeting-detail {
    padding: 10px 15px;
  }

  .jm-meeting-card {
    padding: 15px;
  }

  .jm-pagination {
    padding: 15px;
  }

  .jm-meeting-search {
    padding: 15px;
  }

  .jm-header-right {
    padding: 15px;
  }

  .jm-meeting-card .text-truncate {
    max-width: 300px;
  }

  .jm-meeting-id {
    width: 130px;
  }

  .jm-meeting-date {
    width: 60%;
  }

  .jm-meeting-date .text-truncate {
    width: 110px;
  }

  .jm-meeting-date .text-truncate {
    width: 140px;
  }

  .meeting-title {
    max-width: 200px !important;
  }
}

/*--ipad css start here--*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100%;
  }

  .btn-outline-primary,
  .Jm-upgrade-btn {
    font-size: 0px;
    width: 40px;
    height: 40px;
  }

  .jm-header-profile {
    gap: 10px;
  }

  .jm-instant-meeting {
    width: 100%;
  }

  .jm-join-meeting {
    width: 100%;
  }

  .jm-header-left {
    padding: 0 15px 15px 15px;
  }

  .jm-meeting-detail {
    padding: 15px 20px;
  }

  .text-secondary {
    font-size: 12px;
  }

  .jm-meeting-heading .jm-meeting-actions a {
    margin: 0;
  }

  body {
    font-size: 13px;
  }

  .jm-addto-btn {
    gap: 10px;
  }

  .jm-addto-btn a {
    gap: 3px;
    font-size: 12px;
  }

  .jm-meeting-detail {
    padding: 10px 15px;
  }

  .jm-meeting-card {
    padding: 15px;
  }

  .jm-pagination {
    padding: 15px;
  }

  .jm-meeting-search {
    padding: 15px;
  }

  .jm-header-right {
    padding: 15px;
  }
}

/*--ipad  pro css start here--*/
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100%;
  }

  .jm-meeting-card .text-truncate {
    max-width: 355px;
  }
}

/*--laptop css start here--*/
@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100%;
  }

  /* .jm-join-meeting {
      width: 41%;
   } */

  .page-body {
    margin-top: 10px;
  }

  .jm-meeting-card {
    padding: 13px 20px;
  }

  .jm-meeting-detail {
    padding: 25px 20px 25px 25px;
  }

  .jm-meeting-card .text-truncate {
    max-width: 440px;
  }

  .jm-meeting-date p.text-truncate {
    max-width: 220px;
  }

  .jm-meeting-actions a {
    margin-left: 5px;
  }
}

/*-- custom css end here --*/

/* ZONA_DASHBOARD_DROPDOWN_STACK_FIX_V1 */
.page > .navbar {
  position: relative;
  z-index: 1040;
  overflow: visible !important;
  isolation: isolate;
}
.page > .navbar .container-fluid,
.page > .navbar .navbar-collapse,
.page > .navbar .navbar-nav,
.page > .navbar .nav-item.dropdown {
  overflow: visible !important;
}
.page > .navbar .dropdown-menu {
  z-index: 1050 !important;
}
@media (min-width: 768px) {
  .page > .navbar .navbar-collapse .nav-item.dropdown { position: relative; }
  .page > .navbar .navbar-collapse .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    display: none;
    min-width: 11rem !important;
    padding: .35rem 0 !important;
    margin-top: .35rem !important;
    background: var(--tblr-bg-surface, #fff) !important;
    border: 1px solid var(--tblr-border-color-translucent, rgba(4,32,69,.14)) !important;
    box-shadow: 0 24px 48px rgba(15,23,42,.16) !important;
  }
  .page > .navbar .navbar-collapse .dropdown-menu.show { display: block !important; }
}

/* ZONA_DASHBOARD_DROPDOWN_PORTAL_V3 */
body > header.navbar,body > header.navbar .container-fluid,body > header.navbar .navbar-collapse,body > header.navbar .navbar-nav,body > header.navbar .nav-item.dropdown {overflow:visible!important;}
body > header.navbar {position:relative!important;z-index:12000!important;isolation:isolate;}
body > header.navbar .dropdown-menu {position:absolute!important;z-index:12050!important;background:#fff!important;color:#0f172a!important;pointer-events:auto!important;}
body > header.navbar .dropdown-menu.show {display:block!important;opacity:1!important;visibility:visible!important;}
body > header.navbar .dropdown-item {position:relative!important;z-index:12051!important;pointer-events:auto!important;}
/* ZONA_INCALL_HIDE_SITE_HEADER_V1 */
body:has(.page.jm-start-call.meeting-section:not(.d-none)) > header.navbar {display:none!important;}