@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Inter:400,600,var(--overline-font-weight),var(--body-1-medium-font-weight),var(--body-1-emphasized-font-weight),var(--caption-c1-font-weight),500,700|Poppins:700,600|Plus+Jakarta+Sans:var(--normal-semibold-font-weight)");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("https://anima-uploads.s3.amazonaws.com/projects/65410c35416ace0412c89137/fonts/gotham-bold.otf")
    format("opentype");
}

.airline-data-inc {
  background-color: #f3f3fa;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.airline-data-inc .div {
  background-color: var(--backgroundcolor-2);
  overflow: hidden;
  width: 1920px;
  height: 1024px;
  position: relative;
}

.airline-data-inc .frame {
  display: inline-flex;
  flex-direction: column;
  height: 918px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 106px;
  left: 304px;
}

.airline-data-inc .component {
  position: relative;
  width: 1587px;
  height: 53px;
}

.airline-data-inc .overlap-group {
  position: relative;
  width: 526px;
  height: 58px;
  border-radius: 12px;
}

.airline-data-inc .rectangle {
  position: absolute;
  width: 526px;
  height: 58px;
  top: 0;
  left: 0;
  background-color: #f8f8fc;
  border-radius: 12px;
  opacity: 0.5;
}

.airline-data-inc .rectangle-2 {
  position: absolute;
  width: 175px;
  height: 52px;
  top: 2px;
  left: 3px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid;
  border-color: #f8f8fc;
  box-shadow: 0px 5px 20px #0000000d;
}

.airline-data-inc .tab-menu {
  display: flex;
  width: 460px;
  align-items: flex-start;
  gap: 71px;
  position: absolute;
  top: 20px;
  left: 31px;
}

.airline-data-inc .text-wrapper {
  margin-top: -1px;
  font-family: var(--body-1-emphasized-font-family);
  font-weight: var(--body-1-emphasized-font-weight);
  color: #00009e;
  font-size: var(--body-1-emphasized-font-size);
  line-height: var(--body-1-emphasized-line-height);
  position: relative;
  width: fit-content;
  letter-spacing: var(--body-1-emphasized-letter-spacing);
  white-space: nowrap;
  font-style: var(--body-1-emphasized-font-style);
}

.airline-data-inc .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-1-medium-font-family);
  font-weight: var(--body-1-medium-font-weight);
  color: var(--collection-text-primary);
  font-size: var(--body-1-medium-font-size);
  letter-spacing: var(--body-1-medium-letter-spacing);
  line-height: var(--body-1-medium-line-height);
  font-style: var(--body-1-medium-font-style);
}

.airline-data-inc .news {
  position: relative;
  align-self: stretch;
  width: 68px;
  margin-top: -1px;
  opacity: 0;
  font-family: var(--body-1-medium-font-family);
  font-weight: var(--body-1-medium-font-weight);
  color: var(--base-shade-50);
  font-size: var(--body-1-medium-font-size);
  text-align: center;
  letter-spacing: var(--body-1-medium-letter-spacing);
  line-height: var(--body-1-medium-line-height);
  font-style: var(--body-1-medium-font-style);
}

.airline-data-inc .scrolling-frame {
  position: relative;
  width: 1594px;
  height: 841px;
  overflow: hidden;
  overflow-y: scroll;
}

.airline-data-inc .main-frame {
  display: inline-flex;
  height: 1295px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.airline-data-inc .left-column {
  display: flex;
  flex-direction: column;
  width: 861px;
  height: 1235px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.airline-data-inc .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--stroke-color-1);
  box-shadow: var(--small-shadow);
}

.airline-data-inc .frame-3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.airline-data-inc .text-wrapper-3 {
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: var(--primarytext-color);
  font-size: 18px;
  line-height: 21px;
  position: relative;
  width: fit-content;
  letter-spacing: 0;
  white-space: nowrap;
}

.airline-data-inc .button-wrapper {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  opacity: 0;
}

.airline-data-inc .button {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: 82px;
  height: 34px;
  margin-right: -2px;
}

.airline-data-inc .div-wrapper {
  position: relative;
  width: 80px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid;
  border-color: var(--primarytext-color);
}

.airline-data-inc .text-wrapper-4 {
  position: absolute;
  top: 7px;
  left: 18px;
  font-family: "Poppins", Helvetica;
  font-weight: 600;
  color: var(--primarytext-color);
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.airline-data-inc .frame-4 {
  display: flex;
  height: 31px;
  align-items: center;
  justify-content: space-between;
  padding: 4px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #e9eaed;
}

.airline-data-inc .text-wrapper-5 {
  position: relative;
  width: 516.44px;
  font-family: var(--overline-font-family);
  font-weight: var(--overline-font-weight);
  color: var(--gray-700);
  font-size: var(--overline-font-size);
  letter-spacing: var(--overline-letter-spacing);
  line-height: var(--overline-line-height);
  font-style: var(--overline-font-style);
}

.airline-data-inc .text-wrapper-6 {
  position: relative;
  flex: 1;
  font-family: var(--overline-font-family);
  font-weight: var(--overline-font-weight);
  color: var(--gray-700);
  font-size: var(--overline-font-size);
  letter-spacing: var(--overline-letter-spacing);
  line-height: var(--overline-line-height);
  font-style: var(--overline-font-style);
}

.airline-data-inc .frame-5 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #cfcfdd;
}

.airline-data-inc .text-wrapper-7 {
  position: relative;
  width: 516.44px;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: var(--collection-text-primary);
  font-size: 14px;
  letter-spacing: 0.28px;
  line-height: 20px;
}

.airline-data-inc .text-wrapper-8 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--primarytext-color);
  font-size: 14px;
  letter-spacing: 0.42px;
  line-height: 18px;
}

.airline-data-inc .tag-wrapper {
  position: relative;
  width: 134px;
  height: 26px;
}

.airline-data-inc .tag {
  display: flex;
  width: 134px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 4px 10px;
  position: relative;
  background-color: var(--indigo-0);
  border-radius: 8px;
}

.airline-data-inc .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--caption-c1-font-family);
  font-weight: var(--caption-c1-font-weight);
  color: var(--indigo-500);
  font-size: var(--caption-c1-font-size);
  letter-spacing: var(--caption-c1-letter-spacing);
  line-height: var(--caption-c1-line-height);
  white-space: nowrap;
  font-style: var(--caption-c1-font-style);
}

.airline-data-inc .frame-6 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f8fafc;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #cfcfdd;
}

.airline-data-inc .alerts {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 316px;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--stroke-color-1);
  box-shadow: var(--small-shadow);
}

.airline-data-inc .frame-7 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 68px;
  left: 24px;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--stroke-color-1);
}

.airline-data-inc .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 814px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .frame-8 {
  display: flex;
  position: relative;
  flex: 0 0 auto;
  margin-right: -1px;
  background-color: #ffffff;
}

.airline-data-inc .icon-wrapper-h-wrapper {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  border: 1px solid;
  border-color: var(--stroke-color-1);
}

.airline-data-inc .icon-wrapper-h {
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  position: relative;
}

.airline-data-inc .height-change-size {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -8px;
  overflow: hidden;
  transform: rotate(-90deg);
}

.airline-data-inc .ignore {
  position: relative;
  width: 1px;
  height: 1px;
}

.airline-data-inc .icon-wrapper {
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  overflow: hidden;
}

.airline-data-inc .union {
  position: absolute;
  width: 18px;
  height: 16px;
  top: 1px;
  left: 0;
}

.airline-data-inc .frame-9 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  margin-left: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #fff6f6;
  border: 1px solid;
  border-color: var(--stroke-color-1);
}

.airline-data-inc .text {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #b71c1c;  
  text-wrap: wrap !important;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.airline-data-inc .frame-10 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
  border: 1px solid;
  border-color: var(--stroke-color-1);
}

.airline-data-inc .text-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: var(--primarytext-color);
  letter-spacing: 0;
  line-height: 24px;
  text-decoration: underline;
  white-space: nowrap;
}

.airline-data-inc .head {
  display: flex;
  width: 863px;
  height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 24px;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--stroke-color-1);
}

.airline-data-inc .frame-11 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: var(--primarytext-color);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.airline-data-inc .frame-12 {
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .right-column {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .schedule-update {
  position: relative;
  width: 704.5px;
  height: 268.17px;
  box-shadow: var(--small-shadow);
  background-image: url(https://c.animaapp.com/FQzvfkq5/img/image.png);
  background-size: 100% 100%;
}

.airline-data-inc .frame-13 {
  display: flex;
  flex-direction: column;
  width: 614px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 31px;
  left: 34px;
}

.airline-data-inc .flexcontainer {
  display: flex;
  flex-direction: column;
  width: 602.98px;
  align-items: flex-start;
  gap: 6px;
}

.airline-data-inc .span-wrapper {
  position: relative;
  align-self: stretch;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 29px;
}

.airline-data-inc .span {
  font-weight: 500;
}

.airline-data-inc .text-wrapper-11 {
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
}

.airline-data-inc .p {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.airline-data-inc .button-medium-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  position: absolute;
  top: 192px;
  left: 34px;
}

.airline-data-inc .button-medium {
  display: inline-flex;
  height: 47px;
  align-items: center;
  gap: 4px;
  padding: 0px 16px;
  position: relative;
  background-color: #ffffff66;
  border-radius: 4px;
}

.airline-data-inc .button-text {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .medium {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 19.6px;
  white-space: nowrap;
}

.airline-data-inc .version-update {
  display: flex;
  flex-direction: column;
  width: 709px;
  height: 587px;
  align-items: center;
  gap: 20px;
  padding: 0px 0px 20px;
  position: relative;
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--stroke-color-1);
  box-shadow: var(--small-shadow);
}

.airline-data-inc .head-2 {
  display: flex;
  width: 704px;
  height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 24px;
  position: relative;
  border-radius: 12px 12px 0px 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--stroke-color-1);
}

.airline-data-inc .frame-14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.airline-data-inc .alphanumeric-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.airline-data-inc .alphanumeric {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.airline-data-inc .text-wrapper-12 {
  position: relative;
  width: 667px;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #454549;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.airline-data-inc .line {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 669px;
  margin-top: -260.91px;
  margin-bottom: -333.91px;
  background-color: #e8e8e8;
  transform: rotate(-90deg);
}

.airline-data-inc .frame-15 {
  display: flex;
  flex-direction: column;
  width: 664px;
  align-items: flex-start;
  gap: 17px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .frame-16 {
  display: flex;
  width: 664px;
  align-items: flex-start;
  gap: 19px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #f3f3facf;
  border-radius: 10px;
}

.airline-data-inc .ellipse {
  position: relative;
  width: 48.22px;
  height: 48px;
  background-color: #ffe5ed;
  border-radius: 24.11px/24px;
}

.airline-data-inc .div-2 {
  position: relative;
  width: 466.92px;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--primarytext-color);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.airline-data-inc .text-wrapper-13 {
  font-weight: 700;
}

.airline-data-inc .ellipse-2 {
  position: absolute;
  width: 48px;
  top: 10px;
  left: 10px;
  height: 48px;
  background-color: #e5e9ff;
  border-radius: 24.11px/24px;
}

.airline-data-inc .img {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 10px;
  left: 10px;
}

.airline-data-inc .ellipse-3 {
  position: relative;
  width: 48.22px;
  height: 48px;
  background-color: #e5e9ff;
  border-radius: 24.11px/24px;
}

.airline-data-inc .button-medium-2 {
  all: unset;
  box-sizing: border-box;
  display: flex;
  height: 38px;
  align-items: center;
  gap: 8px;
  padding: 6px 22px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}

.airline-data-inc .text-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--hitbox);
}

.airline-data-inc .text-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Gotham-Bold", Helvetica;
  font-weight: 700;
  color: var(--primary-color);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.airline-data-inc .side-navigation {
  display: flex;
  flex-direction: column;
  width: 282px;
  height: 1022px;
  align-items: flex-start;
  position: absolute;
  top: -1px;
  left: -2px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: var(--backgroundcolor-1);
}

.airline-data-inc .profil {
  display: flex;
  height: 82px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
  border-radius: 16px 16px 0px 0px;
}

.airline-data-inc .logo-AIRLINEDATA {
  position: relative;
  width: 104px;
  height: 54.17px;
  margin-top: -2.08px;
  margin-bottom: -2.08px;
  object-fit: cover;
}

.airline-data-inc .divider {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}

.airline-data-inc .navigation {
  display: flex;
  flex-direction: column;
  height: 937px;
  align-items: flex-start;
  gap: 8px;
  padding: 24px 24px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
}

.airline-data-inc .dropdown-open {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}

.airline-data-inc .link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
}

.airline-data-inc .nav-icons {
  position: relative;
  width: 20px;
  height: 20px;
}

.airline-data-inc .label {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #454549;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 20px;
}

.airline-data-inc .link-2 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 8px;
}

.airline-data-inc .label-2 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: var(--primarytext-color);
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 20px;
}

.airline-data-inc .component-2 {
  position: relative;
  width: 16px;
  height: 16px;
}

.airline-data-inc .links-container {
  display: flex;
  flex-direction: column;
  width: 172px;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .rows {
  display: flex;
  width: 172px;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
}

.airline-data-inc .label-3 {
  margin-top: -1px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 16px;
  position: relative;
  flex: 1;
  font-family: "Inter", Helvetica;
  color: #454549;
}

.airline-data-inc .line-2 {
  position: absolute;
  width: 2px;
  height: 228px;
  top: 0;
  left: -13px;
  background-color: var(--secondarytext-color);
}

.airline-data-inc .line-3 {
  position: absolute;
  width: 2px;
  height: 32px;
  top: 0;
  left: -13px;
  background-color: var(--secondarytext-color);
}

.airline-data-inc .line-4 {
  position: absolute;
  width: 2px;
  height: 68px;
  top: 0;
  left: -13px;
  background-color: var(--secondarytext-color);
}

.airline-data-inc .line-5 {
  position: absolute;
  width: 2px;
  height: 248px;
  top: 0;
  left: -13px;
  background-color: var(--secondarytext-color);
}

.airline-data-inc .line-6 {
  position: absolute;
  width: 2px;
  height: 100px;
  top: 0;
  left: -13px;
  background-color: var(--secondarytext-color);
}

.airline-data-inc .line-7 {
  position: absolute;
  width: 2px;
  height: 192px;
  top: 0;
  left: -13px;
  background-color: var(--secondarytext-color);
}

.airline-data-inc .profile {
  display: flex;
  width: 1642px;
  align-items: center;
  justify-content: flex-end;
  padding: 16px 24px;
  position: fixed;
  top: 0;
  left: 280px;
  background-color: #ffffff;
  box-shadow: var(--small-shadow);
}

.airline-data-inc .label-4 {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.48px;
  line-height: 20px;
  position: relative;
  flex: 1;
  font-family: "Inter", Helvetica;
  color: #00009e;
}

.airline-data-inc .frame-17 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .frame-18 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .text-wrapper-14 {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--primarytext-color);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.airline-data-inc .frame-19 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .img-2 {
  position: relative;
  width: 24px;
  height: 24px;
}

.airline-data-inc .text-wrapper-15 {
  position: relative;
  width: fit-content;
  font-family: var(--body-1-emphasized-font-family);
  font-weight: var(--body-1-emphasized-font-weight);
  color: var(--primarytext-color);
  font-size: var(--body-1-emphasized-font-size);
  letter-spacing: var(--body-1-emphasized-letter-spacing);
  line-height: var(--body-1-emphasized-line-height);
  white-space: nowrap;
  font-style: var(--body-1-emphasized-font-style);
}

.airline-data-inc .frame-20 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .frame-21 {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #e5e9ff;
  border-radius: 25px;
}

.airline-data-inc .frame-22 {
  display: inline-flex;
  align-items: center;
  gap: 161px;
  position: relative;
  top: 13px;
  left: 10px;
}

.airline-data-inc .text-wrapper-16 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #4387f5;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.4px;
  line-height: normal;
  white-space: nowrap;
}

.airline-data-inc .frame-23 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .frame-24 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .frame-25 {
  display: inline-flex;
  align-items: center;
  gap: 161px;
  position: relative;
  flex: 0 0 auto;
}

.airline-data-inc .text-wrapper-17 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: var(--primarytext-color);
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.32px;
  line-height: normal;
  white-space: nowrap;
}

.airline-data-inc .text-wrapper-18 {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--primarytext-color);
  font-size: 12px;
  text-align: center;
  letter-spacing: -0.24px;
  line-height: normal;
}

.airline-data-inc .iconly-light-arrow {
  position: relative;
  width: 24px;
  height: 24px;
  background-image: url('../img/right-arrow.svg');
  background-size: 100% 100%;
}


:root {
  --primary-color: rgba(0, 0, 158, 1);
  --secondary-color: rgba(0, 0, 95, 1);
  --primarytext-color: rgba(69, 69, 73, 1);
  --secondarytext-color: rgba(138, 138, 147, 1);
  --disabledtext-color: rgba(207, 207, 221, 1);
  --backgroundcolor-1: rgba(248, 248, 252, 1);
  --backgroundcolor-2: rgba(243, 243, 250, 1);
  --backgroundcolor-3: rgba(245, 245, 248, 1);
  --stroke-color-1: rgba(236, 236, 241, 1);
  --external-links: rgba(0, 68, 204, 1);
  --base-shade-50: rgba(0, 0, 0, 0.5);
  --gray-700: rgba(70, 79, 96, 1);
  --indigo-500: rgba(79, 90, 237, 1);
  --indigo-0: rgba(240, 241, 250, 1);
  --hitbox: rgba(255, 255, 255, 0);
  --themeprimary: rgba(13, 110, 253, 1);
  --gray-600: rgba(108, 117, 125, 1);
  --body-textbody-color: rgba(33, 37, 41, 1);
  --light-themegraypure-white: rgba(255, 255, 255, 1);
  --light-themeprimaryprimary: rgba(93, 135, 255, 1);
  --body-1-emphasized-font-family: "Inter", Helvetica;
  --body-1-emphasized-font-weight: 600;
  --body-1-emphasized-font-size: 14px;
  --body-1-emphasized-letter-spacing: 0px;
  --body-1-emphasized-line-height: 18px;
  --body-1-emphasized-font-style: normal;
  --body-1-medium-font-family: "Inter", Helvetica;
  --body-1-medium-font-weight: 500;
  --body-1-medium-font-size: 14px;
  --body-1-medium-letter-spacing: -0.15399999916553497px;
  --body-1-medium-line-height: normal;
  --body-1-medium-font-style: normal;
  --overline-font-family: "Inter", Helvetica;
  --overline-font-weight: 600;
  --overline-font-size: 11px;
  --overline-letter-spacing: 0.44px;
  --overline-line-height: 16px;
  --overline-font-style: normal;
  --caption-c1-font-family: "Inter", Helvetica;
  --caption-c1-font-weight: 500;
  --caption-c1-font-size: 12px;
  --caption-c1-letter-spacing: 0.36px;
  --caption-c1-line-height: 18px;
  --caption-c1-font-style: normal;
  --body-regular-font-family: "Helvetica Neue", Helvetica;
  --body-regular-font-weight: 400;
  --body-regular-font-size: 16px;
  --body-regular-letter-spacing: 0px;
  --body-regular-line-height: 150%;
  --body-regular-font-style: normal;
  --body-underline-font-family: "Helvetica Neue", Helvetica;
  --body-underline-font-weight: 400;
  --body-underline-font-size: 16px;
  --body-underline-letter-spacing: 0px;
  --body-underline-line-height: 150%;
  --body-underline-font-style: normal;
  --normal-semibold-font-family: "Plus Jakarta Sans", Helvetica;
  --normal-semibold-font-weight: 600;
  --normal-semibold-font-size: 14px;
  --normal-semibold-letter-spacing: -0.14px;
  --normal-semibold-line-height: 139.9999976158142%;
  --normal-semibold-font-style: normal;
  --small-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  --regular-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
  --larger-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.17);
  --collection-chart-orange: rgba(240, 148, 54, 1);
  --collection-chart-yellow: rgba(247, 203, 69, 1);
  --collection-chart-mint: rgba(92, 200, 190, 1);
  --collection-chart-blue: rgba(53, 122, 246, 1);
  --collection-chart-indigo: rgba(88, 86, 214, 1);
  --collection-chart-purple: rgba(175, 82, 222, 1);
  --collection-chart-pink: rgba(234, 51, 84, 1);
  --collection-background-secondary: var(--core-gray-50);
  --collection-text-primary: var(--core-gray-950);
  --collection-border-secondary: var(--core-gray-50);
  --collection-stroke-color-2: rgba(198, 198, 198, 1);
  --variable-collection-gray: rgba(86, 86, 86, 1);
  --core-gray-950: rgba(28, 28, 30, 1);
  --core-gray-50: rgba(242, 242, 247, 1);
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-collection-mode="light">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-collection-mode="light"] {
  --collection-chart-orange: rgba(240, 148, 54, 1);
  --collection-chart-yellow: rgba(247, 203, 69, 1);
  --collection-chart-mint: rgba(92, 200, 190, 1);
  --collection-chart-blue: rgba(53, 122, 246, 1);
  --collection-chart-indigo: rgba(88, 86, 214, 1);
  --collection-chart-purple: rgba(175, 82, 222, 1);
  --collection-chart-pink: rgba(234, 51, 84, 1);
  --collection-text-primary: var(--core-gray-950);
}

[data-collection-mode="dark"] {
  --collection-chart-orange: rgba(241, 158, 56, 1);
  --collection-chart-yellow: rgba(248, 214, 72, 1);
  --collection-chart-mint: rgba(102, 212, 207, 1);
  --collection-chart-blue: rgba(58, 132, 247, 1);
  --collection-chart-indigo: rgba(94, 92, 230, 1);
  --collection-chart-purple: rgba(191, 90, 242, 1);
  --collection-chart-pink: rgba(234, 51, 93, 1);
  --collection-text-primary: var(--core-gray-50);
}
