.blog-heading {
    font-size: 84px;
    font-weight: 400;
}

.blog-by {
    display: flex;
    gap: 20px;
    margin-top: 39px;
}

.blog-by p {
    font-size: 18px;
    margin: 0;
}

.blog-by .theme-color {
    color: #5AB2F0;
}

.blog-details-content {
    margin-top: 30px;
}

.blog-details-content p {
    font-size: 20px;
    margin-bottom: 15px;
}

.blog-details-content h4,
.blog-details-content h3 {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 400;
}

.social-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: sticky;
    top: 100px;
    margin-top: 100px;
    /* adjust this based on where you want it to stick */
}

.social-icons img {
    margin-bottom: 20px;
}

.related-articles {
    margin-top: 119px;
    border: 1px solid #044479;
    border-radius: 24px;
    background: linear-gradient(145deg, #052846 0%, #052846 39%, #052846 68%, #052846 100%);
    padding: 68px 100px;
}

.r-blog-card {
    display: flex;
    align-items: center;
    gap: 29px;

    border: 1px solid #044479;
    background: linear-gradient(309.37deg, #052C4D 3.31%, #061F38 41.01%, #051729 98.93%);
    border-radius: 16px;
    padding: 10px 8px;
}

.r-blog-card img {
    width: 250px;
}
.related-articles h6 {
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 51px;
}

.r-blog-card h5 {
    font-weight: 500;
    font-size: 20px;
}

.r-blog-card p {
    margin-top: 23px;
    margin-bottom: 0px;
    background: linear-gradient(271.21deg, #85F3E6 1.03%, #5AB2F0 99.59%);
    font-size: 14px;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.related-articles .card-btn {
    margin-bottom: 23px;
    font-size: 12px;
}
.bg-blog-section {
    position: relative;
    overflow: hidden; /* ensure blur doesn't overflow */
    z-index: 1;
}

.bg-blog-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('sources/bg-blog.png');
    /* background-size: 60%; */
    background-position: 0% 16%;
    background-repeat: no-repeat;
    filter: blur(300px);
    z-index: -1;
}

@media (max-width:430px) { 
 .related-articles { 
    padding: 5px;
 }
 .r-blog-card {
    display: block;
 }
 .r-blog-card img {
    width: 100%;
    margin-bottom: 10px;
 }
 .related-articles h6 {
    font-size: 35px;
    margin-bottom: 25px;
    margin-top: 25px;
 }
}