.blog-details-area {
    position: relative; /* Establishes the container as the reference point for absolute positioning */
    background: linear-gradient(90deg, rgb(0, 10, 25) 0%, rgb(45, 1, 63) 99%, rgb(45, 1, 63) 100%);
}

.blog-details-area #particles-js {
    position: absolute; /* Position within the parent container */
    z-index: 2; /* Ensure it is behind other content but above other lower z-index elements */
    left: 0;
    top: 0;
    width: 100%; /* Ensure it spans the width of the parent */
    height: 100%; /* Ensure it covers the height of the parent */
    opacity: 0.5; /* Adjust opacity as needed */
    pointer-events: auto; /* Ensures particlesJS does not interfere with user interactions */
}

.blog-details-content h1, .blog-details-top-author p{
    text-align: center;
    color: #fff;
    font-size: 50px;
    line-height: 1;
}

.blog-title, .blog-description {
    position: relative;
    transition: transform 0.3s ease-out;
}

.blog-title {
    background: linear-gradient(90deg, #21201b, #c7a41a, #1c1a14);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5rem; /* Adjust size as needed */
    font-weight: bold; /* Optional, adjust as needed */
}

.blog-details-title {
    font-size: 70px;
}


@media (max-width: 767px) {
    .blog-details-content h1, .blog-details-top-author p{
        font-size: 25px;
    }
}