/* EmirOptic consultation v1.0.0. Scoped to Journal popup 261, including its iframe. */
.popup-wrapper.module-popup-261 {
  z-index: 10050 !important;
}
.popup-wrapper.module-popup-261 .popup-bg {
  background: rgba(16, 24, 40, .48) !important;
}
.popup-wrapper.module-popup-261 .popup-container {
  width: min(400px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  height: auto !important;
  max-height: calc(100vh - 32px) !important;
  max-height: calc(100dvh - 32px) !important;
  padding: 0 !important;
}
.popup-wrapper.module-popup-261 .popup-body {
  height: auto !important;
  min-height: 0 !important;
  max-height: inherit;
  overflow: auto !important;
  background: #fff !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 64px rgba(16, 24, 40, .18) !important;
}
.popup-wrapper.module-popup-261 .popup-inner-body {
  position: relative;
  height: auto !important;
  min-height: 0 !important;
  padding: 26px 20px 20px !important;
  background: #fff !important;
}
.popup-wrapper.module-popup-261 .popup-header {
  display: block !important;
  padding: 0 28px 20px !important;
  margin: 0 0 18px !important;
  height: auto !important;
  min-height: 0 !important;
  color: #101828 !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #eaecf0 !important;
  text-align: center !important;
}
.popup-wrapper.module-popup-261 .popup-header p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.8 !important;
}
.popup-wrapper.module-popup-261 .popup-header p + p { margin-top: 16px !important; }
.popup-wrapper.module-popup-261 .popup-header img {
  display: block;
  width: 148px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}
.popup-wrapper.module-popup-261 .popup-header span {
  color: #101828 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.popup-wrapper.module-popup-261 .popup-close {
  position: absolute !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  color: #667085 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transform: none !important;
}
.popup-wrapper.module-popup-261 .popup-close::before { font-size: 16px !important; color: inherit !important; }
.popup-wrapper.module-popup-261 .popup-close:hover { color: #012087 !important; background: #f2f4f7 !important; }
.popup-wrapper.module-popup-261 iframe { display: block; width: 100% !important; border: 0; background: #fff; }
.popup-wrapper.module-popup-261 .popup-close:focus-visible,
html.module-popup-261 .module-info_blocks-675 a:focus-visible {
  outline: 3px solid #265fcc !important;
  outline-offset: -3px;
}

/* The existing links, labels and icons remain editable in Journal. */
html.module-popup-261 body,
html.module-popup-261 .global-wrapper,
html.module-popup-261 .site-wrapper {
  height: auto !important;
  min-height: 0 !important;
  background: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
}
html.module-popup-261 .grid-rows,
html.module-popup-261 .grid-row,
html.module-popup-261 .grid-cols-wrapper,
html.module-popup-261 .grid-cols,
html.module-popup-261 .grid-col,
html.module-popup-261 .grid-items,
html.module-popup-261 .grid-item,
html.module-popup-261 .module-info_blocks-675,
html.module-popup-261 .module-info_blocks-675 .module-body {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
html.module-popup-261 .module-info_blocks-675 .info_blocks-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  direction: rtl;
}
html.module-popup-261 .module-info_blocks-675 .module-item {
  grid-column: span 2;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
html.module-popup-261 .module-info_blocks-675 .module-item { background: transparent !important; }
html.module-popup-261 .module-info_blocks-675 .module-item-1 { grid-column: 1 / -1; }
html.module-popup-261 .module-info_blocks-675 .module-item-9,
html.module-popup-261 .module-info_blocks-675 .module-item-10 { grid-column: span 3; }
html.module-popup-261 .module-info_blocks-675 .info-block {
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 88px !important;
  height: 100% !important;
  padding: 12px 8px !important;
  color: #344054 !important;
  background: #fff !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .03) !important;
  text-decoration: none !important;
  transition: background-color .18s ease, border-color .18s ease;
}
html.module-popup-261 .module-info_blocks-675 .info-block::before {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #012087 !important;
  background: transparent !important;
  font-size: 23px !important;
  line-height: 1 !important;
  transform: none !important;
}
html.module-popup-261 .module-info_blocks-675 .info-block-content { margin: 0 !important; padding: 0 !important; flex: none !important; }
html.module-popup-261 .module-info_blocks-675 .info-block-title {
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.8 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  margin: 0 !important;
}
html.module-popup-261 .module-info_blocks-675 .info-block:hover { background: #f8faff !important; border-color: #bdcbee !important; }
html.module-popup-261 .module-info_blocks-675 .module-item-1 .info-block {
  flex-direction: row !important;
  gap: 12px !important;
  min-height: 62px !important;
  color: #fff !important;
  background: #012087 !important;
  border-color: #012087 !important;
}
html.module-popup-261 .module-info_blocks-675 .module-item-1 .info-block::before { color: #fff !important; }
html.module-popup-261 .module-info_blocks-675 .module-item-1 .info-block-title { font-size: 15px !important; }
html.module-popup-261 .module-info_blocks-675 .module-item-1 .info-block:hover { background: #16399b !important; }
html.module-popup-261 .module-info_blocks-675 .module-item-9 .info-block,
html.module-popup-261 .module-info_blocks-675 .module-item-10 .info-block { min-height: 84px !important; background: #f9fafb !important; }
@media (max-width: 360px) {
  .popup-wrapper.module-popup-261 .popup-inner-body { padding-right: 14px !important; padding-left: 14px !important; }
  html.module-popup-261 .module-info_blocks-675 .info_blocks-grid { gap: 8px !important; }
  html.module-popup-261 .module-info_blocks-675 .info-block-title { font-size: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html.module-popup-261 .module-info_blocks-675 .info-block { transition: none !important; }
}
