.primary-color {
      background-color: #2c4d80 !important; /* Replace with your original primary color */
      padding: 2px 0;
      margin-top:6rem;
    }
    .breadcrumb-custom a {
      color: #fff;
      text-decoration: none;
    }
    .breadcrumb-custom span {
      color: #ccc;
     
    }
    .blog-title {
       font-family: 'Roboto', sans-serif;
        font-weight: bold;
            font-size: 1.25rem !important;
    }
    .author-date {
      color: #fff;
      font-size: 0.875rem;
      margin-top: -10px;
    }
    .autoTitle{
        font-family: 'Poppins', sans-serif;
    }


    .blog-image {
      display: block;
      margin: 20px auto;
      max-width: 100%;
      border-radius: 4px;
    }

    .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5 {
     
      margin-top: 2rem;
      margin-bottom: 1rem;
      
    color: #87161e !important;
    font-size: 16px !important;
    font-weight: bolder;
    }

    .blog-content p {
      font-size: 1rem;
      font-family: Calibri, sans-serif;
    }

    .blog-content ul {
      padding-left: 1.5rem;
      margin-top: 0.5rem;
      margin-bottom: 1rem;
    }

    .blog-content a {
      color: #0563c1;
      text-decoration: underline;
    }

    .back-button {
      margin-top: 2rem;
      border-radius: 0.375rem;
      border-width: 1px;
    }