.elementor-99 .elementor-element.elementor-element-864473e{--display:flex;}.elementor-99 .elementor-element.elementor-element-864473e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-99 .elementor-element.elementor-element-56b8947c{background-color:#1E2136;padding:10px 10px 10px 10px;}@media(min-width:768px){.elementor-99 .elementor-element.elementor-element-864473e{--width:76.822%;}}@media(max-width:1024px){.elementor-99 .elementor-element.elementor-element-56b8947c{padding:10px 10px 10px 10px;}}@media(max-width:767px){.elementor-99 .elementor-element.elementor-element-56b8947c{padding:0px 0px 0px 0px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{
    --navy-deep:#0f1826;
    --navy:#1a2536;
    --navy-soft:#243146;
    --navy-line: rgba(230,198,135,0.16);
    --gold:#d4af37;
    --gold-soft:#e6c687;
    --gold-dim: rgba(230,198,135,0.55);
    --ivory:#f4ecd8;
    --wa:#25d366;
  }
  *{box-sizing:border-box; -webkit-tap-highlight-color: transparent;}
  html,body{margin:0;padding:0;}
  body{
    font-family:'Vazirmatn', Tahoma, sans-serif;
    background:
      radial-gradient(circle at 15% 0%, rgba(230,198,135,0.07), transparent 45%),
      radial-gradient(circle at 90% 15%, rgba(230,198,135,0.05), transparent 40%),
      var(--navy-deep);
    color:var(--ivory);
    min-height:100vh;
    display:flex;
    justify-content:center;
    padding: 0 0 60px 0;
  }
  .card{
    width:100%;
    max-width:460px;
    min-height:100vh;
    background: linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);
    position:relative;
    box-shadow: 0 0 80px rgba(0,0,0,0.5);
    overflow:hidden;
  }

  /* ===== Ornamental frame lines (signature element) ===== */
  .card::before{
    content:"";
    position:absolute;
    inset:10px;
    border:1px solid var(--navy-line);
    pointer-events:none;
    z-index:5;
  }
  .corner{
    position:absolute;
    width:26px; height:26px;
    z-index:6;
    pointer-events:none;
  }
  .corner svg{width:100%;height:100%;}
  .corner.tl{top:14px; right:14px;}
  .corner.tr{top:14px; left:14px; transform:scaleX(-1);}
  .corner.bl{bottom:14px; right:14px; transform:scaleY(-1);}
  .corner.br{bottom:14px; left:14px; transform:scale(-1,-1);}

  /* ===== Hero ===== */
  .hero{
    padding: 54px 32px 30px;
    text-align:center;
    position:relative;
  }
  .seal-ring{
    width:132px; height:132px;
    margin:0 auto 22px;
    border-radius:50%;
    padding:5px;
    background: conic-gradient(from 220deg, var(--gold-soft), var(--gold) 25%, #8a6a1f 50%, var(--gold) 75%, var(--gold-soft));
    position:relative;
  }
  .seal-ring::after{
    content:"";
    position:absolute; inset:-8px;
    border-radius:50%;
    border:1px solid var(--gold-dim);
    opacity:0.5;
  }
  .portrait{
    width:100%; height:100%;
    border-radius:50% !important;
    object-fit:cover;
    display:block;
    border:3px solid var(--navy-deep);
  }
  .eyebrow{
    font-size:11.5px;
    letter-spacing:2.5px;
    color:var(--gold-soft);
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:10px;
    opacity:0.85;
  }
  h1{
    font-size:26px;
    font-weight:800;
    margin:0 0 12px;
    color:var(--ivory);
    letter-spacing:0.3px;
  }
  .titles{
    display:flex;
    flex-direction:column;
    gap:7px;
    align-items:center;
    margin-top:4px;
  }
  .title-pill{
    font-size:13px;
    color:var(--gold-soft);
    font-weight:500;
    padding:6px 18px;
    border:1px solid var(--navy-line);
    border-radius:999px;
    background: rgba(230,198,135,0.04);
  }
  .divider{
    width:56px; height:2px;
    margin:24px auto 0;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
  }

  /* ===== Section labels ===== */
  .section{
    padding: 26px 26px 4px;
  }
  .section-label{
    font-size:11px;
    letter-spacing:2px;
    color:var(--gold-dim);
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:14px;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .section-label::after{
    content:"";
    flex:1;
    height:1px;
    background:var(--navy-line);
  }

  /* ===== Action buttons ===== */
  .actions{ display:flex; flex-direction:column; gap:12px; }
  .btn{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    border-radius:12px;
    text-decoration:none;
    font-weight:600;
    font-size:15px;
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
    border:1px solid transparent;
  }
  .btn:active{ transform: scale(0.98); }
  .btn .icon{
    width:38px; height:38px;
    min-width:38px;
    border-radius:10px;
    display:flex; align-items:center; justify-content:center;
  }
  .btn .icon svg{ width:19px; height:19px; }
  .btn .text{ display:flex; flex-direction:column; gap:2px; }
  .btn .text small{ font-weight:400; font-size:11.5px; opacity:0.75; }

  .btn-gold{
    background: linear-gradient(135deg, var(--gold-soft), var(--gold));
    color:var(--navy-deep);
  }
  .btn-gold .icon{ background: rgba(15,24,38,0.15); color:var(--navy-deep); }
  .btn-gold:hover{ box-shadow: 0 10px 28px rgba(212,175,55,0.28); }

  .btn-outline{
    background: rgba(255,255,255,0.02);
    border:1px solid var(--navy-line);
    color:var(--ivory);
  }
  .btn-outline .icon{ background: rgba(230,198,135,0.08); color:var(--gold-soft); }
  .btn-outline:hover{ border-color: var(--gold-dim); background: rgba(230,198,135,0.05); }

  .btn-wa{
    background: rgba(37,211,102,0.08);
    border:1px solid rgba(37,211,102,0.25);
    color:#c9f7d9;
  }
  .btn-wa .icon{ background: rgba(37,211,102,0.18); color:#3ee06b; }
  .btn-wa:hover{ border-color:#3ee06b; }

  .btn-eitaa{
    background: rgba(0,181,226,0.08);
    border:1px solid rgba(0,181,226,0.25);
    color:#bfeaf7;
  }
  .btn-eitaa .icon{ background: rgba(0,181,226,0.18); color:#3fc9ec; }
  .btn-eitaa:hover{ border-color:#3fc9ec; }

  .btn-bale{
    background: rgba(247,147,30,0.08);
    border:1px solid rgba(247,147,30,0.25);
    color:#fcdcb0;
  }
  .btn-bale .icon{ background: rgba(247,147,30,0.18); color:#f7931e; }
  .btn-bale:hover{ border-color:#f7931e; }

  .btn-rubika{
    background: rgba(238,68,54,0.08);
    border:1px solid rgba(238,68,54,0.25);
    color:#f8c6c0;
  }
  .btn-rubika .icon{ background: rgba(238,68,54,0.18); color:#ee4436; }
  .btn-rubika:hover{ border-color:#ee4436; }

  .btn-email{
    background: rgba(230,198,135,0.06);
    border:1px solid var(--navy-line);
    color:var(--ivory);
  }
  .btn-email .icon{ background: rgba(230,198,135,0.1); color:var(--gold-soft); }
  .btn-email:hover{ border-color: var(--gold-dim); background: rgba(230,198,135,0.05); }

  /* ===== Location ===== */
  .location-box{
    background: var(--navy-soft);
    border:1px solid var(--navy-line);
    border-radius:14px;
    padding:20px;
    margin-top:6px;
  }
  .location-box .addr-label{
    display:flex; align-items:center; gap:8px;
    font-size:12px; color:var(--gold-soft); font-weight:600;
    margin-bottom:10px;
  }
  .location-box p{
    font-size:13.5px;
    line-height:1.9;
    color: rgba(244,236,216,0.85);
    margin:0 0 18px;
  }
  .maps-row{ display:flex; gap:10px; }
  .map-btn{
    flex:1;
    display:flex; align-items:center; justify-content:center; gap:7px;
    padding:12px 8px;
    border-radius:9px;
    text-decoration:none;
    font-weight:700;
    font-size:12.5px;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .map-btn:active{ transform: scale(0.97); }
  .map-btn svg{ width:15px; height:15px; }
  .map-neshan{ background:#00b3ec; color:#fff; }
  .map-balad{ background:#00c853; color:#fff; }
  .map-btn:hover{ box-shadow:0 8px 18px rgba(0,0,0,0.35); }

  /* ===== QR ===== */
  .qr-wrap{
    display:flex;
    align-items:center;
    gap:18px;
    background: var(--navy-soft);
    border:1px solid var(--navy-line);
    border-radius:14px;
    padding:18px;
    margin-top:6px;
  }
  .qr-frame{
    width:88px; height:88px;
    background:#fff;
    border-radius:10px;
    padding:6px;
    flex-shrink:0;
    box-shadow: 0 6px 20px rgba(212,175,55,0.15);
  }
  .qr-frame img{ width:100%; height:100%; display:block; filter: sepia(1) saturate(3) hue-rotate(180deg) brightness(0.55); }
  .qr-text b{ display:block; font-size:14px; color:var(--ivory); margin-bottom:4px; }
  .qr-text span{ font-size:12px; color:rgba(244,236,216,0.6); line-height:1.7; }

  /* ===== Footer ===== */
  .footer{
    text-align:center;
    padding: 40px 30px 20px;
  }
  .footer .crest{
    width:34px; height:34px;
    margin:0 auto 14px;
    opacity:0.5;
  }
  .footer .name{
    font-size:12px;
    color:var(--gold-dim);
    letter-spacing:1.5px;
    margin-bottom:4px;
  }
  .footer .office{
    font-size:11px;
    color: rgba(244,236,216,0.35);
  }

  @media (max-width:360px){
    h1{ font-size:23px; }
    .hero{ padding:44px 22px 26px; }
    .section{ padding:22px 18px 4px; }
  }

  @media (prefers-reduced-motion: reduce){
    .btn, .map-btn{ transition:none; }
  }/* End custom CSS */