.elementor-17424 .elementor-element.elementor-element-8a8ab52 > .elementor-background-overlay{background-color:#004274;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17424 .elementor-element.elementor-element-8a8ab52 > .elementor-container{min-height:580px;}.elementor-17424 .elementor-element.elementor-element-8a8ab52{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17424 .elementor-element.elementor-element-deeaed0{--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;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17424 .elementor-element.elementor-element-6f6607f{text-align:center;}.elementor-17424 .elementor-element.elementor-element-6f6607f .elementor-heading-title{font-size:40px;}.elementor-17424 .elementor-element.elementor-element-86dbc95{text-align:center;}.elementor-17424 .elementor-element.elementor-element-3462532{--display:flex;--min-height:1370px;--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-17424 .elementor-element.elementor-element-655ec5a{width:100%;max-width:100%;}.elementor-17424 .elementor-element.elementor-element-b113572{--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-17424 .elementor-element.elementor-element-4684086{--e-image-carousel-slides-to-show:4;}.elementor-17424 .elementor-element.elementor-element-89358c0{--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;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17424 .elementor-element.elementor-element-55df6f1{text-align:center;}.elementor-17424 .elementor-element.elementor-element-1e32981{--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;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17424 .elementor-element.elementor-element-65b812e{text-align:center;}.elementor-17424 .elementor-element.elementor-element-709c007{--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;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17424 .elementor-element.elementor-element-f11aca0{text-align:center;}.elementor-17424 .elementor-element.elementor-element-ffd2f5f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17424 .elementor-element.elementor-element-0829200{text-align:center;}.elementor-17424 .elementor-element.elementor-element-f2fadf5{text-align:center;}.elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}body.rtl .elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#dce0e0;}.elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#dce0e0;}.elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-field-group .elementor-select-wrapper::before{color:#dce0e0;}.elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-button{background-color:#000000;}.elementor-17424 .elementor-element.elementor-element-47b8acc .elementor-button:hover{background-color:#33beff;}@media(max-width:767px){.elementor-17424 .elementor-element.elementor-element-deeaed0{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17424 .elementor-element.elementor-element-3462532{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}}/* Start custom CSS for html, class: .elementor-element-655ec5a */:root{
    --bg: #f4f7f9;
    --card: #ffffff;
    --muted: #64748b;
    --accent-yellow: #f6da34;
    --accent-green: #8ec243;
    --primary: #0f314a;
    --line: linear-gradient(180deg, rgba(142,194,67,0.9), rgba(246,218,52,0.95));
    --shadow: 0 10px 30px rgba(17,24,39,0.06);
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  
  .wrap{max-width:1100px;margin:36px auto;padding:20px;
      min-height: 1600px !important;
  }
  h1{font-size:28px;margin:8px 0 6px;color:var(--primary)}
  p.lead{margin:0 0 28px 0;color:var(--muted)}

  /* Timeline container */
  .timeline{
    position:relative;
    padding:30px 10px;
  }

  /* central vertical line */
  .timeline::before{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:6px;
    top:20px;
    bottom:20px;
    border-radius:6px;
    background: var(--line);
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  }
#timeline{
    height: auto;
    background: none !important
}
  /* step item (two column layout left/right) */
  .step{
    position:relative;
    width:calc(50% - 40px);
    padding:18px;
    margin:24px 0;
    background:var(--card);
    border-radius:12px;
    box-shadow:var(--shadow);
    border:1px solid rgba(15,49,74,0.04);
    transition: transform .45s cubic-bezier(.2,.9,.2,1), opacity .45s ease;
    opacity:0;
  }
  .step.visible{ opacity:1; transform: translateY(0); }

  /* left and right positioning */
  .step.left{ left:0; margin-right:auto; transform: translateX(-20px) translateY(12px); }
  .step.right{ margin-left:auto; left:0%; transform: translateX(20px) translateY(12px); }

  /* connector dot */
  .dot{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:18px;height:18px;border-radius:50%;
    background: #fff;
    border:6px solid transparent;
    z-index:2;
    box-shadow: 0 4px 12px rgba(12,22,40,0.08);
  }
  /* place dot aligned with each step: we put a pseudo dot per step via JS to align vertically */

  /* inside step layout */
  .step-row{display:flex;gap:16px;align-items:flex-start}
  .icon-wrap{
    width:86px;height:86px;border-radius:18px;flex-shrink:0;
    display:grid;place-items:center;background:linear-gradient(135deg, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
    box-shadow: 0 8px 20px rgba(12,22,40,0.06), inset 0 -8px 24px rgba(0,0,0,0.02);
    position:relative;
    overflow:visible;
    border: 1px solid rgba(0,0,0,0.03);
  }
  /* 3D-like circular highlight inside */
  .icon-gloss{
    width:64px;height:64px;border-radius:12px;display:grid;place-items:center;
    box-shadow: 0 8px 18px rgba(15,49,74,0.06);
  }

  .meta h3{margin:0;font-size:1.05rem;color:var(--primary);letter-spacing:0.02em}
  .meta p{margin:8px 0 0 0;color:var(--muted);line-height:1.5}
  .meta .deliver{margin-top:10px;color:#2b6a8a;font-weight:600;font-size:0.92rem}

  /* number badge */
  .badge{
    position:absolute;right:12px;top:12px;font-weight:700;color:rgba(15,49,74,0.08);font-size:46px;pointer-events:none;
  }

  /* arrow connector (animated) */
  .arrow{
    display:none !important;
  }

  .arrow svg{width:28px;height:28px;display:block;animation: floatArrow 1.6s linear infinite;}
  @keyframes floatArrow{
    0%{transform:translateY(-2px) rotate(90deg);opacity:0.8}
    50%{transform:translateY(4px) rotate(90deg);opacity:1}
    100%{transform:translateY(-2px) rotate(90deg);opacity:0.8}
  }

  /* small responsive tweaks */
  @media (min-width:900px){
    .step{min-height:120px;}
    .step.left{ transform: translateX(-48px) translateY(12px); }
    .step.right{ transform: translateX(48px) translateY(12px); }
  }
  @media (max-width:899px){
    .timeline::before{ left:24px; transform:none; }
    .step{ width:calc(100% - 84px); margin-left:56px; left:0; transform:translateY(12px) translateX(0) !important; }
    .step.right{ margin-left:56px; left:0; }
    .dot{ left:24px; transform:none; }
    .arrow{ left:24px; transform:none; top:calc(100% + 6px); }
    .badge{ right:10px; top:10px; font-size:36px; }
  }

  /* subtle hover */
  .step:hover{ transform: translateY(-6px) scale(1.01); box-shadow: 0 24px 60px rgba(12,22,40,0.09); }

  /* small footer */
  footer{margin-top:28px;color:var(--muted);font-size:0.92rem}
  a.btn{background:linear-gradient(90deg,var(--accent-yellow),var(--accent-green));color:#063042;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700;display:inline-block;margin-left:10px;box-shadow: 0 10px 30px rgba(14,38,52,0.08)}/* End custom CSS */