.elementor-2825 .elementor-element.elementor-element-ad981f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2825 .elementor-element.elementor-element-ad981f6:not(.elementor-motion-effects-element-type-background), .elementor-2825 .elementor-element.elementor-element-ad981f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6f11b73 );}.elementor-2825 .elementor-element.elementor-element-d130f57{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d130f57 */:root{
  --np-bg: #081B3A;
  --np-surface: rgba(255,255,255,0.04);
  --np-surface-2: rgba(255,255,255,0.06);
  --np-border: rgba(255,255,255,0.10);
  --np-blue: #1557C0;
  --np-blue-hover: #2B7FFF;
  --np-text: #FFFFFF;
  --np-text-soft: #D6DFEA;
}

.np-how-order{
  background: var(--np-bg);
  padding: 70px 20px;
}

.np-how-order__wrap{
  max-width: 980px;
  margin: 0 auto;
}

.np-how-order h2{
  margin: 0 0 14px;
  color: var(--np-text);
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Space Grotesk", sans-serif;
}

.np-intro{
  margin: 0 0 32px;
  color: var(--np-text-soft);
  font-size: 18px;
  line-height: 1.7;
  font-family: "Inter", sans-serif;
}

.np-order-list{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.np-order-item{
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 22px 24px;
  background: var(--np-surface);
  border: 1px solid var(--np-border);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.np-order-num{
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0F3D8F 0%, #1557C0 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  box-shadow: 0 8px 18px rgba(21,87,192,0.25);
}

.np-order-content h3{
  margin: 0 0 8px;
  color: var(--np-text);
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  font-family: "Space Grotesk", sans-serif;
}

.np-order-content p{
  margin: 0 0 10px;
  color: var(--np-text-soft);
  font-size: 17px;
  line-height: 1.85;
  font-family: "Inter", sans-serif;
}

.np-order-content p:last-child{
  margin-bottom: 0;
}

.np-order-content strong{
  color: var(--np-text);
  font-weight: 700;
}

.np-order-content a{
  color: #7DB0FF;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.25s ease;
  word-break: break-word;
}

.np-order-content a:hover{
  color: var(--np-blue-hover);
}

.np-order-note{
  margin-top: 26px;
  padding: 24px;
  background: var(--np-surface-2);
  border: 1px solid var(--np-border);
  border-left: 4px solid var(--np-blue);
  border-radius: 16px;
}

.np-order-note p{
  margin: 0 0 12px;
  color: var(--np-text-soft);
  font-size: 17px;
  line-height: 1.9;
  font-family: "Inter", sans-serif;
}

.np-order-note p:last-child{
  margin-bottom: 0;
}

/* Tablet */
@media (max-width: 768px){
  .np-how-order{
    padding: 56px 16px;
  }

  .np-how-order h2{
    font-size: 30px;
  }

  .np-intro{
    font-size: 16px;
    margin-bottom: 24px;
  }

  .np-order-item{
    padding: 18px;
    gap: 14px;
  }

  .np-order-content h3{
    font-size: 20px;
  }

  .np-order-content p,
  .np-order-note p{
    font-size: 15px;
    line-height: 1.75;
  }

  .np-order-num{
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 15px;
  }
}

/* Mobile */
@media (max-width: 480px){
  .np-order-item{
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
  }

  .np-how-order h2{
    font-size: 26px;
  }

  .np-order-content h3{
    font-size: 18px;
  }
}/* End custom CSS */