@media screen and (max-width: 575.98px) {
  .width-50per {
    width: 100%;
  }
}

.opacity-70 {
  opacity: 0.7 !important;
}
.opacity-80 {
  opacity: 0.8 !important;
}
.submitnowbtn {
  color: #2db7ff !important;
  text-decoration: none !important;
}
.custom-accent-badge {
  background-color: rgba(197, 160, 89, 0.15) !important;
  color: #c5a059 !important;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35em 0.8em;
  display: inline-block;
}
.home-stats-row {
  width: 100%;
}
.home-stat-col {
  min-width: 0;
}
.home-stat-box {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.home-indexed-strip {
  width: 100%;
  min-width: 0;
}

#indexedBy > .grid-item {
  flex: 0 0 auto !important;
  max-width: none !important;
  min-width: 0 !important;
}
.cheifeditor-name {
  width: 80px !important;
  height: 80px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
}

.home-feature-row {
  width: 100%;
  min-width: 0;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 20px !important;
}

/* Two equal columns on desktop */
.home-feature-row > .grid-item {
  flex: 1 1 calc(50% - 10px) !important;
  width: calc(50% - 10px) !important;
  max-width: calc(50% - 10px) !important;
  min-width: 0 !important;
  display: flex !important;
}

.home-editor-card,
.home-call-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  box-sizing: border-box;
}

/* Desktop / large tablet */
@media (min-width: 769px) and (max-width: 1024px) {
  .home-stats-row > .home-stat-col {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
  .home-stat-box {
    padding: 14px 18px !important;
    justify-content: center !important;
  }

  .home-feature-row {
    padding: 32px 24px !important;
    gap: 18px !important;
  }

  #frontSecond > .grid-item {
    flex: 1 1 calc(50% - 9px) !important;
    width: auto !important;
    max-width: calc(50% - 9px) !important;
    min-width: 0 !important;
  }

  .home-editor-card,
  .home-call-card {
    padding: 24px !important;
  }
}

@media (max-width: 768px) {

  #chiefEditor #cheifBox {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  /* Override generated 48% rule */
  #chiefEditor #cheifBox > .grid-item {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Center avatar */
  #chiefEditor #cheifBox > .grid-item:first-child {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Center Chief Editor text */
  #chiefEditor #cheifBox .lc-text-block-content {
    max-width: 100%;
    text-align: center !important;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .home-feature-row {
    padding: 24px 16px !important;
    gap: 16px !important;
  }

  .home-feature-row > .grid-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .home-editor-card,
  .home-call-card {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .home-indexed-strip {
    padding: 18px 16px !important;
    gap: 18px !important;
    justify-content: center !important;
  }

  .home-stats-row #frontBoxOne > .grid-item,
  .home-stats-row #frontBoxTwo > .grid-item,
  .home-stats-row #frontBoxThree > .grid-item,
  .home-stats-row #frontBoxFour > .grid-item {
    flex: 0 0 auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .home-stats-row > .home-stat-col {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 575.98px) {
  .home-stats-row {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }
  .home-stats-row > .home-stat-col {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding: 8px !important;
  }
  .home-stat-box {
    min-height: 90px !important;
    padding: 10px 8px !important;
    column-gap: 8px !important;
  }
  .home-stat-box i {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }
  .home-stat-box p:first-child {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 4px !important;
  }
  .home-stat-box p:last-child {
    font-size: 11px !important;
    line-height: 14px !important;
    margin-bottom: 0 !important;
  }
  .home-indexed-strip {
    padding: 14px 12px !important;
    gap: 10px 16px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .home-indexed-strip .lc-text-block-content {
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: center !important;
  }
  .home-feature-row {
    padding: 24px 16px !important;
    gap: 14px !important;
  }
  #frontSecond > .grid-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .home-editor-card,
  .home-call-card {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 16px !important;
    border-radius: 12px !important;
  }
  #chiefEditor #cheifBox {
    gap: 10px !important;
  }

  .cheifeditor-name {
    width: 60px !important;
    height: 60px !important;
    font-size: 20px !important;
  }

  #chiefEditor .playfair {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  #chiefEditor .lc-text-block-content {
    font-size: 13px !important;
    line-height: 19px !important;
  }

  #callForPapers .playfair {
    font-size: 21px !important;
    line-height: 28px !important;
  }
  #callForPapers .lc-text-block-content {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}