/* DBIM-inspired middle panel ONLY.
   Does NOT style .rightPartShadow, .rightpart, .meablock,
   .ambassadorDetails, .dbim-postbanner-services or .dbim-postbanner-shortcuts.
   Does NOT change widths, floats or placement of left/right columns. */

.dbim-postbanner-tabs {
  --dbim-navy:#173968;
  --dbim-ink:#172b49;
  --dbim-line:#dce4ee;
  --dbim-focus:#ff9933;
  font-family:'Noto Sans',Arial,sans-serif;
  color:var(--dbim-ink);
  background:#fff;
  border:1px solid var(--dbim-line);
  border-radius:6px;
  box-shadow:0 3px 12px rgba(19,43,75,.07);
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.dbim-postbanner-tabs *, .dbim-postbanner-tabs *::before,
.dbim-postbanner-tabs *::after {box-sizing:border-box;}
/* Keep original tabs visible on all widths; do not convert to accordion */
.dbim-postbanner-tabs > .tabNav {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  float:none !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none;
  background:#f1f5fa;
  border-bottom:1px solid var(--dbim-line);
}
.dbim-postbanner-tabs > .tabNav > li {
  display:block !important;
  float:none !important;
  width:auto !important;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}
.dbim-postbanner-tabs > .tabNav > li > a {
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  padding:10px 8px !important;
  font:600 13px/1.4 'Noto Sans',Arial,sans-serif;
  color:#173968 !important;
  background:transparent;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:anywhere;
  border:0;
  border-bottom:3px solid transparent;
}
.dbim-postbanner-tabs > .tabNav > li.active > a,
.dbim-postbanner-tabs > .tabNav > li.r-tabs-state-active > a,
.dbim-postbanner-tabs > .tabNav > li > a.active {
  background:#173968 !important;
  color:#fff !important;
  border-bottom-color:#ff9933;
}
.dbim-postbanner-tabs a:focus-visible {
  outline:3px solid var(--dbim-focus);
  outline-offset:-3px;
}
.dbim-postbanner-tabs > .tabContainer {
  float:none !important;
  width:100% !important;
  min-width:0;
  padding:12px !important;
  background:#fff;
}
.dbim-postbanner-tabs .tabContent {
  max-width:100%;
  min-width:0;
}
/* Keep the existing ticker plugin's dimensions and transforms intact. */
.dbim-postbanner-tabs .ticker,
.dbim-postbanner-tabs .leatestNewsWraps,
.dbim-postbanner-tabs .tickerDivBlock {
  max-width:100%;
  min-width:0;
}
.dbim-postbanner-tabs .activityTicker {list-style:none;margin:0;padding:0;}
.dbim-postbanner-tabs .recordBox {
  padding:12px 10px !important;
  border-bottom:1px solid #e8edf3;
  background:#fff;
  overflow-wrap:anywhere;
}
.dbim-postbanner-tabs .recordBox a.mar {
  color:#173968 !important;
  font-size:14px;
  line-height:1.55;
  font-weight:600;
  text-decoration:none;
}
.dbim-postbanner-tabs .recordBox a.mar:hover {text-decoration:underline;}
.dbim-postbanner-tabs .recordBox span {
  display:block;
  margin-top:5px;
  font-size:12px !important;
  color:#59677b;
}
.dbim-postbanner-tabs .recordBox img {max-width:28px;height:auto;vertical-align:middle;}
.dbim-postbanner-tabs .tabMoreLinks {padding:8px 0 !important;text-align:right;}
.dbim-postbanner-tabs .tabMoreLinks .readMore {
  display:inline-block;
  float:none;
  padding:8px 14px;
  background:#173968;
  color:#fff !important;
  border-radius:4px;
  font-size:12px;
  text-decoration:none;
}
.dbim-postbanner-tabs .playPause {
  font-size:12px;
  color:#173968;
}
@media(max-width:767px) {
  .dbim-postbanner-tabs > .tabNav {grid-template-columns:repeat(2,minmax(0,1fr));}
  .dbim-postbanner-tabs > .tabNav > li > a {min-height:44px;font-size:12px;padding:9px 5px !important;}
  .dbim-postbanner-tabs > .tabContainer {padding:8px !important;}
  .dbim-postbanner-tabs .recordBox {padding:10px 6px !important;}
  .dbim-postbanner-tabs .recordBox a.mar {font-size:13px;}
}
@media(max-width:360px) {
  .dbim-postbanner-tabs > .tabNav > li > a {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
  .dbim-postbanner-tabs * {transition:none !important;}
}
ul.tabNav.r-tabs-nav {
  display: grid !important;
  /* Force exactly 4 columns */
  grid-template-columns: repeat(4, 1fr) !important;
  /* Ensure items start at the very first track */
  justify-content: start !important;
}
ul.tabNav.r-tabs-nav::before {
  display: none !important;
  content: none !important;
}
/* DBIM-inspired middle panel ONLY.
   Does NOT style .rightPartShadow, .rightpart, .meablock,
   .ambassadorDetails, .dbim-postbanner-services or .dbim-postbanner-shortcuts.
   Does NOT change widths, floats or placement of left/right columns. */

.dbim-postbanner-tabs {
  --dbim-navy:#173968;
  --dbim-ink:#172b49;
  --dbim-line:#dce4ee;
  --dbim-focus:#ff9933;
  font-family:'Noto Sans',Arial,sans-serif;
  color:var(--dbim-ink);
  background:#fff;
  border:1px solid var(--dbim-line);
  border-radius:6px;
  box-shadow:0 3px 12px rgba(19,43,75,.07);
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.dbim-postbanner-tabs *, .dbim-postbanner-tabs *::before,
.dbim-postbanner-tabs *::after {box-sizing:border-box;}
/* Keep original tabs visible on all widths; do not convert to accordion */
.dbim-postbanner-tabs > .tabNav {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  float:none !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none;
  background:#f1f5fa;
  border-bottom:1px solid var(--dbim-line);
}
.dbim-postbanner-tabs > .tabNav > li {
  display:block !important;
  float:none !important;
  width:auto !important;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}
.dbim-postbanner-tabs > .tabNav > li > a {
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  padding:10px 8px !important;
  font:600 13px/1.4 'Noto Sans',Arial,sans-serif;
  color:#173968 !important;
  background:transparent;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:anywhere;
  border:0;
  border-bottom:3px solid transparent;
}
.dbim-postbanner-tabs > .tabNav > li.active > a,
.dbim-postbanner-tabs > .tabNav > li.r-tabs-state-active > a,
.dbim-postbanner-tabs > .tabNav > li > a.active {
  background:#173968 !important;
  color:#fff !important;
  border-bottom-color:#ff9933;
}
.dbim-postbanner-tabs a:focus-visible {
  outline:3px solid var(--dbim-focus);
  outline-offset:-3px;
}
.dbim-postbanner-tabs > .tabContainer {
  float:none !important;
  width:100% !important;
  min-width:0;
  padding:12px !important;
  background:#fff;
}
.dbim-postbanner-tabs .tabContent {
  max-width:100%;
  min-width:0;
}
/* Keep the existing ticker plugin's dimensions and transforms intact. */
.dbim-postbanner-tabs .ticker,
.dbim-postbanner-tabs .leatestNewsWraps,
.dbim-postbanner-tabs .tickerDivBlock {
  max-width:100%;
  min-width:0;
}
.dbim-postbanner-tabs .activityTicker {list-style:none;margin:0;padding:0;}
.dbim-postbanner-tabs .recordBox {
  padding:12px 10px !important;
  border-bottom:1px solid #e8edf3;
  background:#fff;
  overflow-wrap:anywhere;
}
.dbim-postbanner-tabs .recordBox a.mar {
  color:#595656  !important;
  font-size:14px;
  line-height:1.55;
  font-weight:600;
  text-decoration:none;
}
.dbim-postbanner-tabs .recordBox a.mar:hover {text-decoration:underline; color: #162F6A !important;}
.dbim-postbanner-tabs .recordBox span {
  display:block;
  margin-top:5px;
  font-size:12px !important;
  color:#59677b;
}
.dbim-postbanner-tabs .recordBox img {max-width:28px;height:auto;vertical-align:middle;}
.dbim-postbanner-tabs .tabMoreLinks {padding:8px 0 !important;text-align:right;}
.dbim-postbanner-tabs .tabMoreLinks .readMore {
  display:inline-block;
  float:none;
  padding:8px 14px;
  background:#173968;
  color:#fff !important;
  border-radius:4px;
  font-size:12px;
  text-decoration:none;
}
.dbim-postbanner-tabs .playPause {
  font-size:12px;
  color:#173968;
}
@media(max-width:767px) {
  .dbim-postbanner-tabs > .tabNav {grid-template-columns:repeat(2,minmax(0,1fr));}
  .dbim-postbanner-tabs > .tabNav > li > a {min-height:44px;font-size:12px;padding:9px 5px !important;}
  .dbim-postbanner-tabs > .tabContainer {padding:8px !important;}
  .dbim-postbanner-tabs .recordBox {padding:10px 6px !important;}
  .dbim-postbanner-tabs .recordBox a.mar {font-size:13px;}
}
@media(max-width:360px) {
  .dbim-postbanner-tabs > .tabNav > li > a {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
  .dbim-postbanner-tabs * {transition:none !important;}
}

/* News actions: preserve original markup and ticker JavaScript. */
.dbim-postbanner-tabs .tabContent .leatestNewsWraps {
    position: relative;
    padding-bottom: 0;
    min-width: 0;
}
.dbim-postbanner-tabs .tabContent .leatestNewsWraps > .ticker {
    position: static !important;
    margin-bottom: 0 !important;
}
/* Keep Pause inside its original ticker DOM node for general-new.js. */
.dbim-postbanner-tabs .tabContent .leatestNewsWraps > .ticker > .playPause {
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    top: auto !important;
    right: auto !important;
    float: none !important;
    z-index: 2;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 90px;
    min-height: 40px;
    padding: 9px 15px !important;
    margin: 0 !important;
    border: 1px solid #173968;
    border-radius: 4px;
    background: #fff;
    color: #173968 !important;
    font: 600 13px/1.3 'Noto Sans',Arial,sans-serif;
    text-decoration: none;
    cursor: pointer;
}
/* The existing View All wrapper becomes the full-width footer bar. */
.dbim-postbanner-tabs .tabContent .leatestNewsWraps > .tabMoreLinks {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    float: none !important;
    width: 100% !important;
    min-height: 64px;
    margin: 12px 0 0 !important;
    padding: 12px !important;
    border-top: 1px solid #dce4ee;
    background: #f5f8fc;
    clear: both;
    box-sizing: border-box;
}
.dbim-postbanner-tabs .tabContent .leatestNewsWraps > .tabMoreLinks > br {
    display: none;
}
.dbim-postbanner-tabs .tabContent .leatestNewsWraps > .tabMoreLinks .readMore {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    min-height: 40px;
    padding: 9px 16px !important;
    margin: 0 !important;
    border-radius: 4px;
    background: #173968;
    color: #fff !important;
    font: 600 13px/1.3 'Noto Sans',Arial,sans-serif;
    text-decoration: none;
}
.dbim-postbanner-tabs .tabContent .leatestNewsWraps > .ticker > .playPause:focus-visible,
.dbim-postbanner-tabs .tabContent .leatestNewsWraps > .tabMoreLinks .readMore:focus-visible {
    outline: 3px solid #ff9933;
    outline-offset: 2px;
}
@media (max-width: 767px) {
    .dbim-postbanner-tabs .tabContent .leatestNewsWraps > .tabMoreLinks {
        min-height: 68px;
        padding: 12px 8px !important;
    }
    .dbim-postbanner-tabs .tabContent .leatestNewsWraps > .ticker > .playPause {
        left: 8px !important;
        bottom: 12px !important;
        min-width: 80px;
        min-height: 44px;
        padding: 10px !important;
    }
    .dbim-postbanner-tabs .tabContent .leatestNewsWraps > .tabMoreLinks .readMore {
        min-height: 44px;
        padding: 10px 12px !important;
    }
}
/* DBIM News Tabs - Hover Effect */
.dbim-postbanner-tabs > .tabNav > li > a:hover {
    color: #fff !important;
    background: #214AAB !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Keyboard Accessibility */
.dbim-postbanner-tabs > .tabNav > li > a:focus-visible {
    color: #fff !important;
    background: #214AAB !important;
    outline: 2px solid #ff9933;
    outline-offset: -2px;
}
/* DBIM View All Button - Hover Effect */
.dbim-postbanner-tabs .tabMoreLinks .readMore:hover {
    color: #fff !important;
    background: #214AAB !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Keyboard Accessibility */
.dbim-postbanner-tabs .tabMoreLinks .readMore:focus-visible {
    color: #fff !important;
    background: #214AAB !important;
    outline: 2px solid #ff9933;
    outline-offset: 2px;
}
.importentlinks {
    font-size: 14px;
    font-weight: 600;
}