.blog-content h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Epilogue" !important;
    color: #0E2A46 !important;
}

body {
    overflow-x: hidden !important;
}

.blog-banner {
    height: 500px !important;
    object-fit: cover !important;

}

.blog p,
a,
ul,
li,
ol {
    font-family: "Sora" !important;
    color: #333931 !important;
}

h2 {
    font-size: 30px !important;
}

.blog-content {
    font-size: 1.1rem;
    line-height: 1.8;
    background-color: #fff;
    box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
    border-radius: 10px;
    margin-bottom: 30px;
    margin-top: 30px;

}

@media screen and (max-width: 768px) {
    .blog-banner {
        height: auto !important;
    }

    .blog-content {
        margin: 20px 0px !important;
    }

}

.blog-content h2 {
    margin: 30px 0 20px 0;
    font-weight: 600;
}

.blog-content h3 {
    margin: 25px 0 15px 0;
}