.tkm-header {
background: #195fd7;
    margin: 0 auto;
    padding: 30px 20px 44px;
}
h2{
  #195fd7 !important;
}
button, .flex-shrink-0 > div {
  background: #195fd7 !important;
  color: #fff !important;
}
.faq-answer {
    background: #195fd738;
    color: #fff !important;
}
.faq-answer p {
    color: #222 !important;
}
.tkm-inner-sec {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.tkm-inner-sec h1{
color: #fff;
  font-size: 44px;
  font-weight: 700;
  line-height: 48px;
  margin: 10px auto;
}
section#formBox {
    margin: 35px auto;
    padding: 10px;
    margin-bottom: 5px;
}
.terms-string {
  text-align: left;
  color: #fff;
}
.terms-string a {
  text-decoration: underline;
}
.section-main-text{
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 10px auto;
    color: #fff;
}
.site-logo {
    width: 311px;
    display: inline-block;
    margin: 10px 125px;
    width: 12%;
    position: relative;
    left: 0;
}

.timeline-line::before {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 4px;
      height: 100%;
      background: #195fd7; /* custom line color */
      border-radius: 4px;
    }
.btn-brand {
  background: #195fd7;
  color: #fff;
  border-radius: 5px;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(16,24,40,.05);
  transition: transform .15s ease, filter .15s ease;
  font-size: 13px;
}
.btn-brand:hover{ filter:brightness(.95); }
.btn-brand:active{ transform:translateY(1px); }
.btn-muted{ font-size:.75rem; opacity:.85; margin-left:.75rem; }

.loader-txt{
    color: #fff;
}
.btn-download {
  width: 100%;
  display: block !important;
  text-align: center;
}
.stat {
  color: #195fd7;
}
  .hidden { display:none !important; }

  /* Composer */
  #composer form { display:flex; gap:.5rem; flex-wrap:wrap; }

button, .btn {
  background: #195fd7;
  color: #fff;
  border: 0;
  padding: .9rem 1.05rem;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}
button.secondary, .btn.secondary {
  background: #e2e8f0;
  color: #000;
  padding: 10px 15px;
}
button.ghost {
  background: #195fd7;
  border: 1px solid #195fd7;
  color: #fff;
  width: 100%;
  border-radius: 3px;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-weight: bold;
}
button.ghost:hover{

  background: #620824;
}
  .error { background:#31161b; border:1px solid #6c1f2a; color:#ffd2d6; padding:12px 14px; border-radius:10px; margin-top:16px; }

  /* Results */
  #results .meta { margin-top:18px; display:flex; gap:16px; align-items:flex-start; }
  .thumb { width: 121px;
  height: 99px; background:#0e142a; border:1px solid #263555; border-radius:12px; overflow:hidden; }
  .thumb img { width:100%; height:100%; object-fit:cover; display:block; }
  .stats { display:flex; gap:12px; color:#cfdcff; font-weight:600; }
  .stat { background:var(--card); border:1px solid #263555; padding:10px 12px; border-radius:10px; display:flex; align-items:center; gap:.5rem; }
  .links { margin-top:16px; display:grid; gap:10px; }
  .link { background:var(--card); border:1px solid #263555; padding:12px 14px; border-radius:10px; display:flex; gap:10px; justify-content:space-between; align-items:center; flex-wrap:wrap; }
  .url-preview { color:#9fb0c2; word-break:break-all; font-size:.9rem; flex:1; min-width:240px; }
  .dl-btn { white-space:nowrap; }

  .hint { color:var(--muted); font-size:.9rem; margin-top:6px; }
  details { margin-top:22px; background:var(--card); border:1px solid #263555; border-radius:10px; padding:10px 12px; }
  details > summary { cursor:pointer; color:#cfdcff; font-weight:600; }
  pre { margin-top:10px; overflow:auto; white-space:pre-wrap; word-break:break-word; }
  footer { color:#8ea0b8; font-size:.85rem; margin-top:28px; }
  .icon { width:18px; height:18px; display:inline-block; }
#submitBtn {
  background: #195fd7;
}
#results {
  width: 80%;
  text-align: center;
  align-content: center;
  align-items: center;
  display: flow-root;
}
#anotherBtn {
  background: #195fd7;
  width: 100%;
  text-align: center;
  display: block;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#anotherBtn:hover{
    background-color: rgb(108 6 39 / var(--tw-bg-opacity, 1))
}

.anotherBtn {
  width: 100%;
}
h2{
    color: #195fd7 !important
}
.top-cont{
    margin: 20px 0;
}











@media only screen and (max-width: 900px) {
.tkm-inner-sec h1 {
  color: #fff;
}
.section-main-text {
  font-size: 14px;
}
section#formBox {
  width: 100%;
  margin: 35px auto;
  padding: 10px;
}
.tkm-inner-sec {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}



@media only screen and (max-width: 650px) {
.tkm-inner-sec h1 {
  color: #fff;
  font-size: 25px;
  margin: 0;
}
.section-main-text {
  font-size: 12px;
  margin: 0;
}
section#formBox {
  width: 100%;
  margin: 15px auto;
  padding: 4px;
}
.tkm-inner-sec {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}


}