.elementor-2065 .elementor-element.elementor-element-7a5f5cb{--display:flex;}.elementor-2065 .elementor-element.elementor-element-e42329a{--display:flex;}.elementor-2065 .elementor-element.elementor-element-946bdbd{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-26e27a2 */.messina-app,
.messina-app * {
  box-sizing: border-box;
  font-family: inherit;
}

.messina-app {
  --ms-bg: #04101b;
  --ms-bg-2: #071522;
  --ms-panel: #0a1a29;
  --ms-panel-2: #0d2132;
  --ms-line: rgba(159, 201, 220, 0.16);
  --ms-line-strong: rgba(96, 205, 190, 0.34);
  --ms-text: #eef8fb;
  --ms-muted: #9cb4c2;
  --ms-teal: #27c7b2;
  --ms-blue: #66a9f5;
  --ms-ice: #c9f4ff;

  width: 100%;
  margin: 0;
  padding: 22px 14px 34px;

  background:
    linear-gradient(
      180deg,
      #04101b 0%,
      #061421 48%,
      #04101b 100%
    ) !important;

  color: var(--ms-text) !important;
  direction: rtl;
  text-align: right;
  isolation: isolate;
}

.messina-app :where(
  h1,
  h2,
  h3,
  p,
  figure,
  figcaption,
  nav,
  ol,
  ul
) {
  margin-top: 0 !important;
}

.messina-app :where(
  h1,
  h2,
  h3,
  p,
  li,
  span,
  strong,
  small,
  summary,
  button,
  a,
  figcaption
) {
  font-family: inherit !important;
}

.messina-app :where(p, li) {
  color: #d9e7ed !important;
  line-height: 1.95 !important;
}

.messina-app a {
  color: var(--ms-ice) !important;
  text-decoration: none !important;
}

.messina-app a:hover {
  color: #ffffff !important;
}

.messina-app button {
  font: inherit !important;
}

.messina-app .ms-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.messina-app .ms-topbar {
  min-height: 42px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding: 9px 12px;

  border: 1px solid var(--ms-line);
  border-radius: 4px;

  background: rgba(9, 25, 39, 0.92) !important;
  color: var(--ms-muted) !important;

  font-size: 12px;
}

.messina-app .ms-brandline,
.messina-app .ms-verified {
  display: flex;
  align-items: center;

  gap: 8px;

  color: var(--ms-muted) !important;
}

.messina-app .ms-brandline {
  direction: ltr;
  letter-spacing: .08em;

  color: #d6f9f3 !important;

  font-weight: 700;
}

.messina-app .ms-status-dot {
  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: var(--ms-teal) !important;

  box-shadow:
    0 0 0 3px rgba(39, 199, 178, .08);
}

.messina-app .ms-breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

  gap: 8px;

  margin: 14px 0 0;

  color: #86a3b3 !important;

  font-size: 12px;
}

.messina-app .ms-breadcrumb a,
.messina-app .ms-breadcrumb span {
  color: #9eb6c4 !important;
}

.messina-app .ms-hero {
  padding-top: 20px;
  text-align: center;
}

.messina-app .ms-eyebrow {
  margin-bottom: 9px !important;

  color: var(--ms-teal) !important;

  font-size: 11px;
  font-weight: 800;

  letter-spacing: .08em;

  direction: ltr;
}

.messina-app .ms-hero h1 {
  max-width: 970px;

  margin: 0 auto 12px !important;

  color: var(--ms-text) !important;

  font-size: clamp(28px, 4vw, 48px) !important;
  line-height: 1.45 !important;
  font-weight: 850 !important;

  text-align: center !important;
}

.messina-app .ms-lead {
  max-width: 920px;

  margin: 0 auto !important;

  color: #bdd0da !important;

  font-size: 15px;
  line-height: 2 !important;

  text-align: center !important;
}

.messina-app .ms-cover {
  display: block !important;

  width: min(33vw, 520px) !important;
  min-width: 340px;

  margin-top: 18px !important;
  margin-bottom: 15px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  float: none !important;

  left: auto !important;
  right: auto !important;

  transform: none !important;

  position: relative !important;

  clear: both !important;

  padding: 0 !important;
}

.messina-app .ms-cover img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;

  aspect-ratio: 1000 / 436;

  object-fit: cover;
  object-position: center;

  margin: 0 !important;

  border: 1px solid var(--ms-line-strong) !important;
  border-radius: 6px !important;

  box-shadow:
    0 16px 40px rgba(0, 0, 0, .18) !important;
}

.messina-app .ms-cover figcaption {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  gap: 7px;

  margin-top: 7px !important;

  color: #8ea8b7 !important;

  font-size: 11px;

  text-align: center !important;
}

.messina-app .ms-cover figcaption strong {
  color: #c8e9f1 !important;
}

.messina-app .ms-stats {
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  gap: 1px;

  overflow: hidden;

  margin: 14px auto 0;

  border: 1px solid var(--ms-line);
  border-radius: 6px;

  background: var(--ms-line) !important;
}

.messina-app .ms-stat {
  min-width: 0;

  padding: 13px 8px;

  background: #091a28 !important;

  text-align: center;
}

.messina-app .ms-stat span,
.messina-app .ms-stat strong {
  display: block;

  text-align: center !important;
}

.messina-app .ms-stat span {
  color: #89a5b5 !important;

  font-size: 11px;
}

.messina-app .ms-stat strong {
  margin-top: 4px;

  color: #edf8fb !important;

  font-size: 15px;
}

.messina-app .ms-stat-accent {
  background:
    linear-gradient(
      180deg,
      rgba(39, 199, 178, .12),
      #091a28
    ) !important;

  box-shadow:
    inset 0 -2px 0 rgba(39, 199, 178, .65);
}

.messina-app .ms-stat-accent strong {
  color: #73ead9 !important;
}

.messina-app .ms-actions {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 8px;

  margin: 9px auto 0;
}

.messina-app .ms-actions a {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 7px;

  min-height: 42px;

  padding: 8px 10px;

  border: 1px solid var(--ms-line);
  border-radius: 4px;

  background: #0a1a29 !important;

  color: #d9ecf3 !important;

  font-size: 13px;
  font-weight: 700;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.messina-app .ms-actions a:hover {
  transform: translateY(-1px);

  border-color: rgba(39, 199, 178, .5);

  background: #0c2030 !important;
}

.messina-app .ms-actions a span {
  color: var(--ms-teal) !important;
}

.messina-app .ms-kb-head {
  display: flex;

  justify-content: space-between;
  align-items: end;

  gap: 14px;

  margin: 25px 0 10px;

  padding-bottom: 9px;

  border-bottom: 1px solid var(--ms-line);
}

.messina-app .ms-kb-label {
  display: block;

  margin-bottom: 3px;

  color: var(--ms-teal) !important;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .08em;

  direction: ltr;

  text-align: right;
}

.messina-app .ms-kb-title {
  margin: 0 !important;

  color: #eff9fc !important;

  font-size: 19px !important;
  line-height: 1.5 !important;
}

.messina-app .ms-count {
  flex: 0 0 auto;

  padding: 5px 8px;

  border: 1px solid var(--ms-line);
  border-radius: 4px;

  background: #091927 !important;

  color: #9bb6c4 !important;

  font-size: 11px;
}

.messina-app .ms-grid {
  display: grid;

  grid-template-columns:
    repeat(6, minmax(0, 1fr));

  gap: 10px;
}

.messina-app .ms-card {
  grid-column: span 2;

  min-height: 184px;

  display: flex;
  flex-direction: column;

  padding: 15px;

  border: 1px solid var(--ms-line);
  border-radius: 6px;

  background:
    linear-gradient(
      180deg,
      rgba(13, 33, 50, .96),
      rgba(8, 24, 37, .96)
    ) !important;

  color: var(--ms-text) !important;

  overflow: hidden;

  transition:
    transform .18s ease,
    border-color .18s ease;
}

.messina-app .ms-card:hover {
  transform: translateY(-2px);

  border-color: rgba(96, 169, 245, .34);
}

.messina-app .ms-card-featured {
  grid-column: span 3;

  min-height: 192px;

  background:
    linear-gradient(
      145deg,
      rgba(18, 50, 65, .98),
      rgba(8, 25, 39, .98)
    ) !important;

  border-color: rgba(39, 199, 178, .3);
}

.messina-app .ms-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 8px;

  margin-bottom: 11px;
}

.messina-app .ms-card-meta span {
  color: var(--ms-teal) !important;

  font-size: 18px;
  font-weight: 850;
}

.messina-app .ms-card-meta small {
  color: #7594a5 !important;

  font-size: 9px;

  letter-spacing: .08em;

  direction: ltr;
}

.messina-app .ms-card h2 {
  margin: 0 0 7px !important;

  color: #eef9fc !important;

  font-size: 17px !important;
  line-height: 1.55 !important;

  text-align: right !important;
}

.messina-app .ms-card p {
  margin: 0 0 12px !important;

  color: #9fb5c1 !important;

  font-size: 12px !important;
  line-height: 1.8 !important;

  text-align: right !important;
}

.messina-app .ms-card button {
  width: max-content;
  max-width: 100%;

  margin-top: auto;

  padding: 6px 0;

  border: 0 !important;

  background: transparent !important;

  color: #76d9cd !important;

  cursor: pointer;

  font-size: 12px;
  font-weight: 800;

  text-align: right;
}

.messina-app .ms-card button:hover,
.messina-app .ms-card button:focus-visible {
  color: #bdf8ee !important;

  outline: none;
}

.messina-app .ms-card button:focus-visible,
.messina-app .ms-actions a:focus-visible,
.messina-app .ms-next a:focus-visible,
.messina-app .ms-dialog a:focus-visible,
.messina-app .ms-close:focus-visible,
.messina-app summary:focus-visible {
  outline:
    2px solid var(--ms-teal) !important;

  outline-offset: 3px;
}

.messina-app .ms-next {
  display: flex;

  justify-content: space-between;
  align-items: center;

  gap: 18px;

  margin-top: 12px;

  padding: 14px;

  border: 1px solid var(--ms-line-strong);
  border-radius: 6px;

  background: #0a1b28 !important;
}

.messina-app .ms-next small {
  display: block;

  margin-bottom: 3px;

  color: var(--ms-teal) !important;

  font-size: 9px;

  letter-spacing: .1em;

  direction: ltr;
}

.messina-app .ms-next strong {
  color: #eaf8fb !important;

  font-size: 14px;
  line-height: 1.7;
}

.messina-app .ms-next-actions {
  display: flex;

  gap: 7px;

  flex: 0 0 auto;
}

.messina-app .ms-next-actions a {
  padding: 8px 11px;

  border: 1px solid var(--ms-line);
  border-radius: 4px;

  background: #0d2132 !important;

  color: #d9eff5 !important;

  font-size: 12px;
  font-weight: 700;
}

.messina-app .ms-next-actions a:first-child {
  border-color:
    rgba(39, 199, 178, .38);
}

.messina-app .ms-dialog {
  width:
    min(860px, calc(100vw - 34px));

  max-width: 860px;
  max-height: 86vh;

  margin: auto;

  padding: 0 !important;

  border:
    1px solid
    rgba(111, 189, 205, .26) !important;

  border-radius: 6px !important;

  background: #071521 !important;

  color: var(--ms-text) !important;

  box-shadow:
    0 24px 90px
    rgba(0, 0, 0, .56) !important;

  overflow: hidden;

  direction: rtl;
}

.messina-app .ms-dialog::backdrop {
  background:
    rgba(0, 7, 13, .78) !important;
}

.messina-app .ms-dialog-head {
  position: sticky;

  top: 0;

  z-index: 2;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 16px;

  padding: 14px 16px;

  border-bottom:
    1px solid var(--ms-line);

  background: #091a28 !important;
}

.messina-app .ms-dialog-head small {
  display: block;

  color: var(--ms-teal) !important;

  font-size: 9px;

  direction: ltr;

  text-align: right;

  letter-spacing: .08em;
}

.messina-app .ms-dialog-head h3 {
  margin: 2px 0 0 !important;

  color: #f0fafc !important;

  font-size: 21px !important;
  line-height: 1.5 !important;

  text-align: right !important;
}

.messina-app .ms-close {
  flex: 0 0 36px;

  width: 36px;
  height: 36px;

  padding: 0 !important;

  border: 1px solid var(--ms-line) !important;
  border-radius: 4px !important;

  background: #0d2132 !important;

  color: #d9edf3 !important;

  cursor: pointer;

  font-size: 24px !important;
  line-height: 32px !important;
}

.messina-app .ms-dialog-body {
  max-height:
    calc(86vh - 66px);

  overflow: auto;

  overscroll-behavior: contain;

  padding: 17px 18px 22px;

  scrollbar-color:
    #35586a #081520;

  scrollbar-width: thin;
}

.messina-app .ms-dialog-body p {
  margin: 0 0 14px !important;

  color: #d1e0e6 !important;

  font-size: 14px !important;
  line-height: 2.05 !important;

  text-align: right !important;
}

.messina-app .ms-dialog-body strong {
  color: #f1fbfd !important;
}

.messina-app .ms-dialog-body a {
  color: #78ded2 !important;

  border-bottom:
    1px solid
    rgba(120, 222, 210, .28);
}

.messina-app .ms-sourcebar {
  display: flex;

  align-items: center;
  flex-wrap: wrap;

  gap: 7px 10px;

  margin-top: 18px;

  padding: 10px;

  border: 1px solid var(--ms-line);
  border-radius: 4px;

  background: #091925 !important;

  font-size: 11px;
}

.messina-app .ms-sourcebar span {
  color: #8ba6b4 !important;
}

.messina-app .ms-sourcebar a {
  color: #9feadf !important;
}

.messina-app .ms-exam-grid {
  display: grid;

  grid-template-columns:
    repeat(5, minmax(0, 1fr));

  gap: 6px;

  margin: 15px 0;
}

.messina-app .ms-exam-grid div {
  min-height: 88px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 9px;

  border: 1px solid var(--ms-line);
  border-radius: 4px;

  background: #0a1c2a !important;
}

.messina-app .ms-exam-grid span {
  color: #94adba !important;

  font-size: 10px;
  line-height: 1.55;

  direction: ltr;

  text-align: left;
}

.messina-app .ms-exam-grid strong {
  margin-top: 8px;

  color: #7fe2d6 !important;

  font-size: 14px;
}

.messina-app .ms-steps {
  margin: 0 0 15px !important;

  padding:
    0 20px 0 0 !important;
}

.messina-app .ms-steps li {
  margin-bottom: 8px;

  color: #d1e0e6 !important;

  font-size: 13px;
  line-height: 1.95;
}

.messina-app .ms-resource-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 7px;

  margin: 14px 0 16px;
}

.messina-app .ms-resource-grid a {
  display: block;

  min-height: 74px;

  padding: 10px;

  border:
    1px solid var(--ms-line) !important;

  border-radius: 4px;

  background: #0a1c2a !important;
}

.messina-app .ms-resource-grid a:hover {
  border-color:
    rgba(39, 199, 178, .48) !important;

  background: #0d2232 !important;
}

.messina-app .ms-resource-grid span,
.messina-app .ms-resource-grid strong {
  display: block;
}

.messina-app .ms-resource-grid span {
  color: #7998a8 !important;

  font-size: 9px;

  direction: ltr;

  text-align: right;
}

.messina-app .ms-resource-grid strong {
  margin-top: 6px;

  color: #e7f7fa !important;

  font-size: 13px;
}

.messina-app .ms-faq {
  display: grid;

  gap: 7px;
}

.messina-app .ms-faq details {
  border: 1px solid var(--ms-line);

  border-radius: 4px;

  background: #091a27 !important;

  overflow: hidden;
}

.messina-app .ms-faq summary {
  padding: 11px 12px;

  color: #edf8fb !important;

  cursor: pointer;

  font-size: 13px;
  font-weight: 750;

  text-align: right;
}

.messina-app .ms-faq details p {
  margin: 0 !important;

  padding:
    0 12px 12px;

  color: #b8ccd5 !important;

  font-size: 13px !important;
}

.messina-app .ms-official-links {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 6px;

  margin-top: 15px;
}

.messina-app .ms-official-links a {
  padding: 9px 10px;

  border:
    1px solid var(--ms-line) !important;

  border-radius: 4px;

  background: #081825 !important;

  color: #a9e7df !important;

  font-size: 11px;
}

body.modal-open {
  overflow: hidden !important;
}

@media (max-width: 900px) {

  .messina-app .ms-stats {
    grid-template-columns:
      repeat(3, 1fr);
  }

  .messina-app .ms-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .messina-app .ms-card,
  .messina-app .ms-card-featured {
    grid-column: span 1;
  }

  .messina-app .ms-exam-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

}

@media (max-width: 640px) {

  .messina-app {
    padding: 12px 8px 24px;
  }

  .messina-app .ms-topbar {
    align-items: flex-start;

    flex-direction: column;

    font-size: 10px;
  }

  .messina-app .ms-breadcrumb {
    margin-top: 11px;
  }

  .messina-app .ms-hero {
    padding-top: 15px;
  }

  .messina-app .ms-hero h1 {
    font-size:
      clamp(23px, 7vw, 31px) !important;

    line-height: 1.5 !important;
  }

  .messina-app .ms-lead {
    font-size: 13px;

    line-height: 1.95 !important;
  }

  .messina-app .ms-cover {
    width: 92% !important;

    min-width: 0 !important;

    max-width: 520px !important;
  }

  .messina-app .ms-stats {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .messina-app .ms-actions {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .messina-app .ms-kb-head {
    align-items: center;
  }

  .messina-app .ms-kb-title {
    font-size: 16px !important;
  }

  .messina-app .ms-grid {
    grid-template-columns: 1fr;
  }

  .messina-app .ms-card,
  .messina-app .ms-card-featured {
    min-height: 164px;
  }

  .messina-app .ms-next {
    align-items: stretch;

    flex-direction: column;
  }

  .messina-app .ms-next-actions {
    display: grid;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .messina-app .ms-next-actions a {
    text-align: center;
  }

  .messina-app .ms-dialog {
    width: calc(100vw - 12px);

    max-width: none;
    max-height: 96vh;

    border-radius: 4px !important;
  }

  .messina-app .ms-dialog-body {
    max-height:
      calc(96vh - 63px);

    padding: 14px 12px 20px;
  }

  .messina-app .ms-dialog-head {
    padding: 12px;
  }

  .messina-app .ms-dialog-head h3 {
    font-size: 17px !important;
  }

  .messina-app .ms-dialog-body p,
  .messina-app .ms-steps li {
    font-size: 13px !important;

    line-height: 2 !important;
  }

  .messina-app .ms-exam-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .messina-app .ms-resource-grid,
  .messina-app .ms-official-links {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}

@media (prefers-reduced-motion: reduce) {

  .messina-app *,
  .messina-app *::before,
  .messina-app *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }

}/* End custom CSS */