.elementor-48 .elementor-element.elementor-element-a30e676{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-48 .elementor-element.elementor-element-a30e676:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-a30e676 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 100%);}.elementor-48 .elementor-element.elementor-element-83fd6a8{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-48 .elementor-element.elementor-element-77d81b2{--display:flex;}.elementor-48 .elementor-element.elementor-element-d291b5e{--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:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-48 .elementor-element.elementor-element-b0f0e7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 128px) 0px;}@media(max-width:1024px){.elementor-48 .elementor-element.elementor-element-a30e676{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-48 .elementor-element.elementor-element-83fd6a8{--margin-top:0px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-48 .elementor-element.elementor-element-a30e676{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:64px;--padding-bottom:64px;--padding-left:8px;--padding-right:8px;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS */:root{
     --navy:#06335d;
     --navy-600:#0b447c;
     --navy-50:#e9f0f7;
     --yellow:#ffd96c;
     --ink:#0f172a;
     --muted:#6b7280;
     --card:#ffffff;
     --ring:rgba(6,51,93,.12);
}
/* اگر فایل فونت Ray را دارید مسیرها را اصلاح کنید */
 body{
     margin:0;
     background:#fafafa;
     color:var(--ink);
     .wrap{
        max-width:1200px;
         margin-inline:auto;
         padding:clamp(16px,3vw,28px);
    }
     .btn{
         display:inline-flex;
         align-items:center;
         gap:.5rem;
         cursor:pointer;
         padding:.85rem 1.15rem;
         border-radius:14px;
         border:1px solid transparent;
         background:var(--navy);
         color:#fff;
         font-weight:700;
         text-decoration:none;
         box-shadow:0 6px 16px rgba(6,51,93,.18);
         transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
    }
     .btn:hover{
         transform:translateY(-1px);
         background:var(--navy-600);
         box-shadow:0 10px 22px rgba(6,51,93,.25);
         color: #FFF;
    }
     .btn--ghost{
         background:transparent;
         color:var(--navy);
         border-color:var(--navy);
         box-shadow:none;
    }
     .badge{
         display:inline-flex;
         align-items:center;
         gap:.5rem;
         background:rgba(6,51,93,.06);
         color:var(--navy);
         border:1px solid rgba(6,51,93,.15);
         padding:.4rem .8rem;
         border-radius:999px;
         font-weight:700;
         font-size:.92rem;
    }
     .badge .dot{
         width:.55rem;
         height:.55rem;
         border-radius:50%;
         background:var(--yellow);
         box-shadow:0 0 0 3px rgba(255,217,108,.45);
    }
    /* ====== Hero ====== */
     .hero{
         position:relative;
         overflow:hidden;
         background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
         border-bottom:1px solid var(--ring);
    }
     .hero__grid{
         display:grid;
         grid-template-columns: 1.1fr .9fr;
         gap:40px;
         align-items:center;
    }
     .hero h1{
         margin:8px 0 12px;
         font-size:clamp(28px, 4.2vw, 44px);
         line-height:1.25;
         color:var(--navy);
         font-weight:900;
    }
     .hero p.lead{
         color:#2b3444;
         font-size:clamp(15px,1.7vw,18px);
    }
     .hero__art{
         position:relative;
         aspect-ratio: 4/3;
         border-radius:22px;
         background: radial-gradient(120% 100% at 100% 0%, rgba(255,217,108,.25), transparent 60%), linear-gradient(135deg, #ffffff, #eaf3ff);
         border:1px solid var(--ring);
         box-shadow: 0 20px 60px rgba(6,51,93,.12);
    }
     .hero__art img{
         aspect-ratio: 4 / 3;
         object-fit: cover;
         object-position: right;
    }
     .hero__chips{
         display:flex;
         flex-wrap:wrap;
         gap:.6rem;
         margin-top:14px;
    }
     .chip{
         background:#fff;
         color:var(--navy);
         border:1px dashed rgba(6,51,93,.25);
         padding:.35rem .7rem;
         border-radius:999px;
         font-weight:700;
         font-size:.9rem;
    }
    /* ====== Cards / Sections ====== */
     .section{
         padding: clamp(28px, 5vw, 56px) 0;
    }
     .section h2{
         margin:0 0 18px;
         color:var(--navy);
         font-weight:900;
         font-size:clamp(22px,3.3vw,34px);
    }
     .section .sub{
         color:var(--muted);
         margin:0 0 18px;
    }
     .cards{
         display:grid;
         gap:18px;
         grid-template-columns:repeat(12, 1fr);
    }
     .card{
         grid-column: span 6;
         background:var(--card);
         border:1px solid var(--ring);
         border-radius:18px;
         padding:18px;
         box-shadow:0 12px 26px rgba(6,51,93,.08);
    }
     .card h3{
         margin:0 0 12px;
         color:var(--navy);
         font-weight:900;
    }
     .card p{
         margin:0;
         color:#2b3444;
    }
     .stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 10px;
}

.stat {
  background: #fff;
  border: 1px solid var(--ring);
  border-radius: 16px;
  padding: 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;       /* وسط افقی */
  justify-content: space-evenly;   /* وسط عمودی */
}
     .stat .k{
         font-size:clamp(22px,3.2vw,30px);
         font-weight:900;
         color:var(--navy);
    }
     .stat .t{
         color:var(--muted);
         font-weight:700;
    }
    /* ====== Timeline ====== */
     .timeline{
         position:relative;
         padding-inline-start:0;
         margin:0;
         list-style:none;
    }
     .timeline li{
         display:grid;
         grid-template-columns: 28px 1fr;
         gap:12px;
         align-items:start;
         margin-bottom:14px;
    }
     .timeline .pin{
         width:28px;
         height:28px;
         border-radius:50%;
         background:var(--yellow);
         border:3px solid #fff;
         box-shadow:0 0 0 3px rgba(255,217,108,.6), 0 6px 14px rgba(6,51,93,.15);
    }
     .timeline .box{
         background:#fff;
         border:1px solid var(--ring);
         border-radius:14px;
         padding:12px 14px;
    }
     .timeline .box .title{
         font-weight:900;
         color:var(--navy);
         margin:0 0 6px;
    }
    /* ====== Responsive ====== */
     @media (max-width: 992px){
         .hero__grid{
             grid-template-columns:1fr;
        }
         .cards .card{
             grid-column: span 12;
        }
         .stats{
             grid-template-columns:repeat(2, 1fr);
        }
         .cta{
             grid-template-columns:1fr;
        }
    }
     @media (max-width: 560px){
         .stats{
             grid-template-columns:1fr;
        }
    }
    
    article .card li{
        margin-bottom: 4px;
    }/* End custom CSS */