.section.hue.huuuee {
  background-color: var(--_colors---violet-2-hue);
}

.grid.xxdd {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid.xxdd.zdasdada {
  border-bottom: 2px dotted var(--_colors---text--dark);
  margin-bottom: 100px;
  padding-bottom: 100px;
}

.section.aviadex-joined {
  padding-bottom: 0;
}

.aviadex-graphic-col {
  grid-column: span 2 / span 2;
}

.aviadex-heading span {
  color: var(--_colors---brand--brand-2);
}

.qapw {
  container-type: inline-size;
  width: 100%;
  background: transparent;
  font-family: 'Titillium Web', 'Segoe UI', sans-serif;
}

.qap {
  position: relative;
  width: 100%;
  aspect-ratio: 100 / 63;
}

.qap-l {
  position: absolute;
  left: 3.79cqw;
  width: 44.42cqw;
  height: 14.9cqw;
  animation: 16s cubic-bezier(.45, 0, .25, 1) infinite both;
}

.qap-l2 {
  z-index: 29;
  animation-name: qL2;
  animation-delay: .12s;
}

.qap-l3 {
  z-index: 28;
  animation-name: qL3;
  animation-delay: .24s;
}

.qap-l4 {
  z-index: 27;
  animation-name: qL4;
  animation-delay: .36s;
}

.qap-l5 {
  z-index: 26;
  animation-name: qL5;
  animation-delay: .48s;
}

.qap-clip {
  position: absolute;
  inset: 0;
  clip-path: polygon(67.3% 0%, 100% 30.2%, 100% 38.2%, 32.8% 100%, 0% 70%, 0% 62%);
}

.qap-side, .qap-face {
  position: absolute;
  left: 1.08cqw;
  width: 42.25cqw;
  height: 20.58cqw;
  border-radius: 3.12cqw;
  transform: rotateX(72deg) rotateZ(-45deg);
}

.qap-side {
  top: -2.25cqw;
}

.qap-face {
  top: -3.44cqw;
}

.qap-l2 .qap-side { background: #A9CFE0; }
.qap-l2 .qap-face { background: #C4E2EE; }
.qap-l3 .qap-side { background: #62A9C1; }
.qap-l3 .qap-face { background: #7FC0D5; }
.qap-l4 .qap-side { background: #2E6A85; }
.qap-l4 .qap-face { background: #3E88A4; }
.qap-l5 .qap-side { background: #141D31; }
.qap-l5 .qap-face { background: #1F2A44; }

.qcp {
  opacity: .7;
  position: absolute;
  left: 3.79cqw;
  width: 44.42cqw;
  height: 14.9cqw;
  z-index: 31;
  animation: qL1 16s cubic-bezier(.45, 0, .25, 1) infinite both;
}

.qcplane {
  position: absolute;
  left: 1.08cqw;
  top: -3.44cqw;
  width: 42.25cqw;
  height: 20.58cqw;
  transform: rotateX(72deg) rotateZ(-45deg);
  transform-style: preserve-3d;
}

.qc {
  position: absolute;
  width: 13.68cqw;
  height: 9.99cqw;
  transform-style: preserve-3d;
}

.qc-t, .qc-l, .qc-r {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
}

.qc-t {
  width: 13.68cqw;
  height: 9.99cqw;
  background: #B1F7C3;
  transform: translateZ(6.8cqw);
}

.qc-l {
  width: 6.8cqw;
  height: 9.99cqw;
  background: #93E8A9;
  transform: translateZ(6.8cqw) rotateY(90deg);
}

.qc-r {
  width: 13.68cqw;
  height: 6.8cqw;
  background: #7ADB93;
  transform: translateY(9.99cqw) translateZ(6.8cqw) rotateX(-90deg);
}

.qcc1 { left: 0; top: 0; }
.qcc2 { left: 14.28cqw; top: 0; }
.qcc3 { left: 28.57cqw; top: 0; }
.qcc4 { left: 0; top: 10.59cqw; }
.qcc5 { left: 14.28cqw; top: 10.59cqw; }
.qcc6 { left: 28.57cqw; top: 10.59cqw; }

.qapl {
  position: absolute;
  left: 56cqw;
  top: 7cqw;
  width: 42cqw;
  display: flex;
  flex-direction: column;
  gap: 2.6cqw;
}

.qap-r {
  display: grid;
  grid-template-columns: 2.4cqw 1fr;
  column-gap: 1.2cqw;
  align-items: start;
}

.qap-n {
  width: 2.4cqw;
  height: 2.4cqw;
  border-radius: .5cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4cqw;
  font-weight: 700;
  margin-top: .25cqw;
}

.qap-r1 .qap-n { background: #B1F7C3; color: #1F2A44; }
.qap-r2 .qap-n { background: #C4E2EE; color: #1F2A44; }
.qap-r3 .qap-n { background: #7FC0D5; color: #1F2A44; }
.qap-r4 .qap-n { background: #3E88A4; color: #fff; }
.qap-r5 .qap-n { background: #1F2A44; color: #fff; }

.qap-t {
  font-size: 1.9cqw;
  font-weight: 700;
  color: #1F2A44;
  line-height: 1.25;
}

.qap-d {
  margin-top: .4cqw;
  font-size: 1.45cqw;
  line-height: 1.5;
  color: rgba(31, 42, 68, .72);
}

.qap-list {
  margin: .4cqw 0 0;
  padding: 0;
  list-style: none;
  font-size: 1.45cqw;
  line-height: 1.45;
  color: rgba(31, 42, 68, .72);
}

@keyframes qL1 { 0%, 8% { top: 19.74cqw; } 34%, 66% { top: 12cqw; } 92%, 100% { top: 19.74cqw; } }
@keyframes qL2 { 0%, 8% { top: 24.54cqw; } 34%, 66% { top: 20.67cqw; } 92%, 100% { top: 24.54cqw; } }
@keyframes qL3 { 0%, 100% { top: 29.34cqw; } }
@keyframes qL4 { 0%, 8% { top: 34.14cqw; } 34%, 66% { top: 38.01cqw; } 92%, 100% { top: 34.14cqw; } }
@keyframes qL5 { 0%, 8% { top: 38.94cqw; } 34%, 66% { top: 46.68cqw; } 92%, 100% { top: 38.94cqw; } }
@keyframes qM1 { 0%, 8% { top: 38cqw; } 34%, 66% { top: 23cqw; } 92%, 100% { top: 38cqw; } }
@keyframes qM2 { 0%, 8% { top: 47.2cqw; } 34%, 66% { top: 39.7cqw; } 92%, 100% { top: 47.2cqw; } }
@keyframes qM3 { 0%, 100% { top: 56.4cqw; } }
@keyframes qM4 { 0%, 8% { top: 65.6cqw; } 34%, 66% { top: 73.1cqw; } 92%, 100% { top: 65.6cqw; } }
@keyframes qM5 { 0%, 8% { top: 74.8cqw; } 34%, 66% { top: 89.8cqw; } 92%, 100% { top: 74.8cqw; } }

@container (max-width: 420px) {
  .qap { aspect-ratio: auto; min-height: 0; display: flow-root; padding-bottom: 2cqw; }
  .qap-l { left: 7.3cqw; width: 85.4cqw; height: 28.7cqw; }
  .qap-l2 { animation-name: qM2; }
  .qap-l3 { animation-name: qM3; }
  .qap-l4 { animation-name: qM4; }
  .qap-l5 { animation-name: qM5; }
  .qap-side, .qap-face { left: 2.1cqw; width: 81.25cqw; height: 39.6cqw; border-radius: 6cqw; }
  .qap-side { top: -4.3cqw; }
  .qap-face { top: -6.6cqw; }
  .qcp { left: 7.3cqw; width: 85.4cqw; height: 28.7cqw; animation-name: qM1; }
  .qcplane { left: 2.1cqw; top: -6.6cqw; width: 81.25cqw; height: 39.6cqw; }
  .qc { width: 26.32cqw; height: 19.22cqw; }
  .qc-t { width: 26.32cqw; height: 19.22cqw; transform: translateZ(13cqw); }
  .qc-l { width: 13cqw; height: 19.22cqw; transform: translateZ(13cqw) rotateY(90deg); }
  .qc-r { width: 26.32cqw; height: 13cqw; transform: translateY(19.22cqw) translateZ(13cqw) rotateX(-90deg); }
  .qcc1 { left: 0; top: 0; }
  .qcc2 { left: 27.47cqw; top: 0; }
  .qcc3 { left: 54.94cqw; top: 0; }
  .qcc4 { left: 0; top: 20.37cqw; }
  .qcc5 { left: 27.47cqw; top: 20.37cqw; }
  .qcc6 { left: 54.94cqw; top: 20.37cqw; }
  .qapl { position: static; left: auto; top: auto; width: 100%; margin-top: 124cqw; gap: 22px; }
  .qap-r { grid-template-columns: 26px 1fr; column-gap: 12px; }
  .qap-n { width: 26px; height: 26px; border-radius: 6px; font-size: 14px; margin-top: 2px; }
  .qap-t { font-size: 18px; }
  .qap-d, .qap-list { font-size: 15px; }
  .qap-d { margin-top: 4px; }
  .qap-list { margin-top: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .qap-l, .qcp { animation: none; }
  .qcp { top: 12cqw; }
  .qap-l2 { top: 20.67cqw; }
  .qap-l3 { top: 29.34cqw; }
  .qap-l4 { top: 38.01cqw; }
  .qap-l5 { top: 46.68cqw; }
}

@media screen and (max-width: 991px) {
  .grid.xxdd {
    grid-template-columns: 1fr;
  }

  .aviadex-graphic-col {
    grid-column: auto;
  }
}

@media (width <= 479px) {
    .grid.xxdd.zdasdada {
    margin-bottom: -32px;
    padding-bottom: 64px;
}
  }
 
}