.left-side-section {
  width: 100%;
}
.right-side-bar {
  width: 100%;
  position: relative;
  z-index: 1px;
}

@media (min-width: 1200px) {
  .left-side-section {
    width: calc(100% - 290px);
  }
  .right-side-bar {
    /* width: 344px */
    width: 280px;
  }
}
.flight-card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: white;
  padding: 1rem;
}
.airline-logo {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background: #ff3b30;
  border-radius: 50%;
}
.flight-path {
  position: relative;
  color: #6b7280;
  padding: 0 10px;
}
.flight-path-date {
  position: relative;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--bs-primary);
}
.flight-path-date::before,
.flight-path-date::after {
  content: "";
  position: absolute;
  top: calc(100% - 4px);
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background: #0baa74;
  z-index: 1;
}
.flight-path-date::before {
  right: -4px;
}
.flight-path-date::after {
  left: -4px;
}

#progress-bar--container {
  display: flex;
  justify-content: center;
}

#progress-bar--container svg {
  width: 100px;
  height: 100px;
  transform: rotate(-90deg);
}

#progress--circle {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  stroke-linecap: round;
}

#progress--text {
  fill: #ff704a;
  font-weight: 750;
  font-size: 12px;
  transform-origin: center;
  transform: rotate(90deg);
}

/* svg {
  transform: rotate(-90deg);
} */

.tab-style .nav-link {
  color: #98a2b2;
  font-weight: 600;
  font-size: 12px;
  border-style: none;
  padding: 0;
  padding-bottom: 8px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #0baa74;
  background-color: transparent;
  border-style: none;
  border-bottom: 2px solid #0baa74;
}

.secondary-tab.nav-pills .nav-link {
  border-radius: 32px;
  background-color: #ffffff;
  color: #737791;
}

.secondary-tab.nav-pills .nav-link.active,
.secondary-tab.nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: var(--bs-primary);
}

.json-box {
  background: #f4f4f4;
  padding: 10px;
  border-radius: 5px;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
  overflow-x: auto;
}