/* the three grid frame */

@media screen and (max-width:768px) {
   

}


.blogs-section-contianer {
    max-width: 1029px;
}

.blogs-section-container {
    padding: 0rem 20px
}

.blogs-section-container h1.title {
    color: var(--Brand-colors-B-30, #001B61);
    font-family: "Zilla Slab", serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    margin-bottom: 16px;
}

.blogs-section-container p.paragraph {
    color: var(--Text-colors-on-light-secondary, #424E5F);
    text-align: left;
    font-family: "Zilla Slab", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 125% */
    max-width: 735px;
    margin: auto;
    margin-bottom: 50px;
}

.blog-info-container .image-container {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;

}

.blog-info-container .image-container img {
    width: 100%;
}

.blog-info-container .paragraph-container {}

.blog-info-container .paragraph-container h1.title {
    color: var(--Brand-colors-B-30, #001B61);
    font-family: "Zilla Slab", serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 40px 0px 25px 0px;
}

.blog-info-container .paragraph-container small {
    color: var(--Text-colors-on-light-secondary, #424E5F);
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 125% */
    max-width: 552px;

}

.blog-info-container .paragraph-container small span {
    color: var(--Text-colors-on-light-CTA, #0042C2);
    font-family: Rubik;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.blog-info-container .paragraph-container .text-container {
    margin-top: 35px;
}

.blog-info-container .paragraph-container .text-container p {
    margin: 0rem;
    margin-bottom: 20px;
    color: var(--Text-colors-on-light-secondary, #424E5F);
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
}