body, h1, h2, h3, h4, h5, h6, p, a, span, button, input, select, textarea {
    font-family: 'Vazirmatn', sans-serif !important;
    font-weight: 500;
  }
  

  /* about me base */
  .dev-toggle{
    position: fixed;
    top: 50%;
    left: .75rem;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(4px);
    color: #ffc107;
    font-size: 1.1rem;
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
    transition: all .25s ease;
    z-index: 1045;
  }

  .dev-toggle:hover,
  .dev-toggle:focus{
    background: #ffc107;
    color: #212529;
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
    transform: translateY(-50%) scale(1.08);
  }
  .offcanvas.show ~ .dev-toggle{
    background: #ffc107;
    color: #212529;
    transform: translateY(-50%) rotate(90deg);
  }
  /* about me base end */


  /*sale_cars.html  */

  .card-img-top {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .modal-car-image {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 1rem;
  }
  .car-info p {
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }
  /* end sale_cars.html */


  /* customer_circulars.html */
  .circular-card .card-header{
    background:#f8fafc;
  }
  .snippet{
    max-height:4.5rem;
  }
  .modal-circular .modal-dialog{
    max-width:920px;
  }
  .modal-circular .modal-content{
    border:4px double #0d6efd;
    border-radius:.75rem;
    box-shadow:0 0 15px rgba(0,0,0,.15);
  }
  .modal-circular .modal-header{
    border:0;
    background:#f9fafb;
  }
  .modal-circular .modal-body{
    background:#f9fafb;
    padding:1.5rem;
    overflow:auto;        
    max-height:80vh;        
  }
  .circular-body{
    font-size:.95rem;
    line-height:1.9;
    color:#374151;
    white-space:pre-wrap;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .pdf-wrapper{
    background:#fff;
    margin-top:1rem;
    padding-top:1rem;
    border-top:4px solid #0d6efd;
    border-radius:0 0 .75rem .75rem;
  }
  .pdf-wrapper iframe{
    width:100%;
    min-height:70vh;
    border:0;
  }
  /* customer_circulars.html end */
  .ticker-wrapper{
    overflow:hidden;
    position:relative;
    white-space:nowrap;
    --speed:260s;
  }

  .ticker-track{
    display:inline-flex;
    animation:scroll var(--speed) linear infinite;
    will-change:transform;
  }



  .ticker-card{
    flex: 0 0 clamp(280px, 85vw, 800px);
    box-sizing: border-box;
    padding: 0 .75rem;
  }

  .ticker-wrapper:hover .ticker-track{
    animation-play-state: paused;
  }

  @keyframes scroll{
    0%   {transform:translateX(50%);}
    100% {transform:translateX(-100%);}
  }


  /* end dashboard */

  /* _circular_card.html */

  .card-gradient {
    background: linear-gradient(
      90deg,
      #2b2247 0%,
      #2b2247 20%,
      #1c1e3a 45%,
      #002638 75%,
      #001b28 100%
    );
    color: #fff;
    border: 0;
  }
  .card-gradient .btn-outline-primary {
    --bs-btn-color:   #fff;
    --bs-btn-border-color: rgba(255,255,255,.8);
    --bs-btn-hover-color: #160729;
    --bs-btn-hover-bg:    #fff;
    --bs-btn-hover-border-color:#fff;
  }
   /* _circular_card.html end*/