.bms-tst {
  background: #7ABAF2 !important;
  margin-top: 50px !important;
  padding: 84px 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  overflow: hidden;
}
.bms-tst-inner {
  max-width: 1160px; margin: 0 auto;
  display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 56px; align-items: center;
}

/* LEFT column */
.bms-tst-left { color: #ffffff; }
.bms-tst-mark {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 88px; line-height: 0.6; color: rgba(255,255,255,0.6) !important; display: block; margin-bottom: 8px;
}
.bms-tst-heading {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 40px !important; line-height: 1.15 !important; font-weight: 700 !important;
  color: #ffffff !important; margin: 0 0 16px !important;
}
.bms-tst-sub { font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.92) !important; margin: 0 0 32px; max-width: 360px; }
.bms-tst-seeall {
  display: inline-flex !important; align-items: center; gap: 12px;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important;
  color: #ffffff !important; text-decoration: none !important; background: none !important;
}
.bms-tst-seeall::after { content: ""; width: 46px; height: 2px; background: rgba(255,255,255,0.75) !important; transition: width 0.2s ease; }
.bms-tst-seeall:hover { color: #ffffff !important; }
.bms-tst-seeall:hover::after { width: 70px; }

/* RIGHT column: white card */
.bms-tst-cardwrap { position: relative; }
.bms-tst-card {
  background: #ffffff !important; border-radius: 6px; padding: 44px 48px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.16);
  min-height: 230px;
}
.bms-tst-slide { display: none; }
.bms-tst-slide.is-active { display: block; animation: bmsTstFade 0.45s ease; }
@keyframes bmsTstFade { from { opacity: 0; } to { opacity: 1; } }

.bms-tst-quote {
  font-size: 18px !important; line-height: 1.7 !important; color: #3a4658 !important; margin: 0 0 28px !important;
  font-style: italic !important;
}
.bms-tst-author { display: flex; align-items: center; gap: 16px; }
.bms-tst-avatar {
  width: 54px; height: 54px; border-radius: 50% !important; flex: 0 0 54px;
  display: flex; align-items: center; justify-content: center;
  background: #0c3348 !important; color: #ffffff !important; font-weight: 800; font-size: 18px;
}
.bms-tst-name { font-weight: 800 !important; font-size: 16px !important; color: #0c3348 !important; }
.bms-tst-role { font-size: 12px !important; color: #8a93a3 !important; text-transform: uppercase; letter-spacing: 0.08em; margin-top: 3px; }
.bms-tst-source { font-size: 11px !important; color: #aeb6c2 !important; margin-top: 4px; }

/* controls */
.bms-tst-nav { display: flex; align-items: center; gap: 18px; margin-top: 26px; }
.bms-tst-arrow {
  width: 42px !important; height: 42px !important; min-height: 0 !important; border-radius: 50% !important;
  border: 1.5px solid rgba(255,255,255,0.8) !important; background: transparent !important; color: #ffffff !important;
  cursor: pointer; font-size: 16px; line-height: 1; padding: 0 !important;
  display: flex !important; align-items: center; justify-content: center;
  transition: background 0.2s ease, color 0.2s ease;
}
.bms-tst-arrow:hover { background: #ffffff !important; color: #7ABAF2 !important; }
.bms-tst-dots { display: flex; gap: 9px; }
.bms-tst-dot {
  width: 9px !important; height: 9px !important; min-height: 0 !important; border-radius: 50% !important;
  border: none !important; padding: 0 !important; cursor: pointer;
  background: rgba(255,255,255,0.5) !important; transition: background 0.2s ease, transform 0.2s ease;
}
.bms-tst-dot.is-active { background: #ffffff !important; transform: scale(1.2); }

@media (max-width: 980px) {
  .bms-tst-inner { grid-template-columns: 1fr; gap: 36px; }
  .bms-tst-heading { font-size: 32px !important; }
  .bms-tst-sub { max-width: none; }
}
@media (max-width: 600px) {
  .bms-tst { padding: 56px 18px; }
  .bms-tst-card { padding: 32px 26px; }
  .bms-tst-quote { font-size: 16px !important; }
  .bms-tst-heading { font-size: 28px !important; }
}