.tc-root * { margin: 0; padding: 0; box-sizing: border-box; }
.tc-root { font-family: 'Poppins', sans-serif; width: 100%; background: transparent; }
.tc-layout { display: flex; align-items: center; gap: 0; min-height: 340px; }
.tc-orbit-col { width: 42%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding-right: 0; position: relative; }
.tc-orbit-stage { position: relative; width: 360px; height: 360px; }
.tc-orbit-stage { transition: transform 0.85s cubic-bezier(0.65, 0, 0.35, 1); }
.tc-bubble { position: absolute; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: background-color 0.5s ease, box-shadow 0.5s ease; }
.tc-bubble[data-idx="0"] { width: 150px; height: 150px; }
.tc-bubble[data-idx="1"] { width: 175px; height: 175px; }
.tc-bubble[data-idx="2"] { width: 150px; height: 150px; }
.tc-bubble { background: #ACACAC; }
.tc-bubble.active { background: #11C2B6; box-shadow: 0 6px 28px rgba(17,194,182,0.35); }
.tc-bubble .b-title { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; line-height: 1.25; color: #112744; padding: 0 8px; }
.tc-bubble .b-sub { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.3; color: #112744; padding: 0 8px; margin-top: 2px; }
.tc-bubble:not(.active) .b-title, .tc-bubble:not(.active) .b-sub { color: #45484D; }
.tc-content-col { width: 58%; flex-shrink: 0; padding: 20px 40px 20px 24px; display: flex; flex-direction: column; justify-content: center; }
.tc-content-inner { width: 85%; }
.tc-quote { color: #112744; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; line-height: 34px; margin-bottom: 16px; transition: opacity 0.45s ease, transform 0.45s ease; }
.tc-author { color: #112744; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; line-height: 34px; transition: opacity 0.45s ease, transform 0.45s ease; }
.tc-content-inner.fading .tc-quote, .tc-content-inner.fading .tc-author { opacity: 0; transform: translateY(10px); }
.tc-content-inner.visible .tc-quote, .tc-content-inner.visible .tc-author { opacity: 1; transform: translateY(0); }
.tc-nav-row { display: flex; justify-content: center; align-items: center; gap: 14px; padding: 22px 0 8px; }
.tc-btn { width: 48px; height: 48px; border: none; background: transparent; cursor: pointer; padding: 0; border-radius: 50%; transition: transform 0.2s ease; display: flex; align-items: center; justify-content: center; }
.tc-btn:hover { transform: scale(1.1); }
.tc-btn:active { transform: scale(0.95); }
.tc-btn img { width: 48px; height: 48px; object-fit: contain; display: block; }
@media (max-width: 767px) {
  .tc-layout { flex-direction: column; padding: 0 20px; }
  .tc-orbit-col { width: 100%; padding: 24px 0 16px; display: none;}
  .tc-content-col { width: 100%;  height: 530px;
    padding: 20px;
    border-radius: 24px;
    background: #30D6DC;
    box-shadow: 0 6px 28px rgba(17, 194, 182, 0.35);}
  .tc-content-inner { width: 100%; }
  .tc-author{ margin: 0; line-height: 25px; text-align: center;}
  .tc-quote{
    font-size: 15px;
    line-height: 28px;
    text-align: center;
  }
}