@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/Vazirmatn-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/Vazirmatn-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/Vazirmatn-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/Vazirmatn-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'assets/fonts/Vazirmatn';
    src: url('assets/fonts/Vazirmatn-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'assets/fonts/Vazirmatn';
    src: url('assets/fonts/Vazirmatn-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }

  body {
    font-family: 'Vazirmatn', sans-serif;
    font-weight: 400; /* This will use Vazirmatn-Light */
  }

  strong, b, h1, h2, h3 {
    font-weight: 700; /* Uses Vazirmatn-Bold.ttf */
  }

  a {
    color: #212529;  
  }
  a:hover {
    color: balck;  

  }

  .img-card {
    height: 19rem; 
    position: relative;
    justify-content: center;
    align-content: center;
  }

  .img-img {    
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;  
    margin: auto;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #b0b0b0; 
  }