@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500&family=Work+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/ProximaNova/ProximaNova-Regular.woff);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url(./fonts/ProximaNova/ProximaNova-Black.woff);
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Extrabold';
    src: url(./fonts/ProximaNova/ProximaNova-Extrabld.woff);
    font-weight: 800;
}

@font-face {
    font-family: 'Proxima Nova Semibold';
    src: url(./fonts/ProximaNova/ProximaNova-Semibold.woff);
}

@font-face {
    font-family: 'Le Monde Livre Cla Std Bold';
    src: url(./fonts/LeMondeLivre/LeMondeLivre-Bold.woff);
}

@font-face {
    font-family: 'Le Monde Livre Cla Std Semibold';
    src: url(./fonts/LeMondeLivre/LeMondeLivre-SemiBold.woff);
}

@font-face {
    font-family: 'Le Monde Livre Cla Std';
    src: url(./fonts/LeMondeLivre/LeMondeLivre-Normal.woff);
}

@font-face {
    font-family: 'Le Monde Livre Cla Std Italic';
    src: url(./fonts/LeMondeLivre/LeMondeLivre-Italic.woff);
}


.hyno-blogs-main-container {
    width: 100%;
    margin: auto;
}


.hyno-blog-container-h3:hover {
    cursor: pointer;
    color: blue;
}









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

    /* New Blogs Landing Page Styles */

    .blogs-based-on-category-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 3rem;
    }

    .blogs-display-container {
        width: 100%;
    }

    .blog-category-heading {
        text-align: left;
        color: #242424;
        font-size: 1.125rem;
        line-height: 2.625rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
        width: fit-content;
        background-color: transparent;
        border: 0px;
        flex-shrink: 0;
        cursor: pointer;
        font-weight: 300;

    }

    .blog-category-heading.active_category {
        text-align: left;
        color: #242424;
        font-family: 'Proxima Nova', sans-serif;
        width: fit-content;
        background-color: transparent;
        border: 0rem;
        border-bottom: 0.25rem solid #5047A0;
        flex-shrink: 0;
        font-size: 1.125rem;
        line-height: 2.625rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;


    }

    .sort_categories_buttons_display_wraaper {
        position: sticky;
        top: 4.375rem;
        display: flex;
        justify-content: space-between;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        padding-top: 0.625rem;
    }

    .blogs_categories_buttons_wrapper {
        border-bottom: 1px solid #E7E7E7;
        margin-bottom: 2.75rem;
        display: flex;
        gap: 2.25rem;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding: 0rem 1rem;
        z-index: 1;


    }

    .blogs_categories_buttons_wrapper::-webkit-scrollbar {
        display: none;
    }

    .sort_by_label_element {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #E7E7E7;
        border-radius: 0.5rem;
        padding: 0.25rem 0.625rem;
        display: flex;
        width: fit-content;
        text-align: left;
        color: #242424;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
    }

    .sort_by_text {
        color: #242424;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
    }

    .sort_by_select_element {

        color: #242424;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        background-color: transparent;
        outline: none;
        border: none;
    }

    .all-blogs-in-category {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0rem 1rem;
        gap: 2rem;
        border-bottom: 1px solid #E7E7E7;

    }

    .recent_1_blog_wrapper {
        width: 21.25rem;
    }

    .recent_1_blog_wrapper_title {
        text-align: left;
        color: #000000;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.875rem;
        font-family: 'Le Monde Livre Cla Std Bold', sans-serif;
        font-weight: bold;
        margin-top: 1rem;
    }

    .recent_1_blog_wrapper_text {
        text-align: left;
        color: #707070;
        margin-top: 0.25rem;
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: -1.25rem;
    }

    .recent_blog_1_date_category_wrapper {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .blog_category_text {
        text-align: left;
        color: #242424;
        font-size: 0.8125rem;
        line-height: 1rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        padding: 0.125rem 0.5rem;
        border-radius: 0.5rem;
        width: fit-content;
        margin-top: 1.5rem;

    }

    .individual-blog-details-container {
        width: 20.625rem;
        margin-bottom: 2.5rem;

    }

    .zoom_wrapper_div_wrapper {
        height: 11.5rem;
        overflow: hidden;
    }

    .zoom-wrapper-div {
        height: 11.5rem;
        overflow: hidden;
    }

    .individual-blog-details-container-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: transform 0.8s;
        cursor: pointer;
        border-radius: 0.5rem;
    }

    .individual-blog-details-container-img:hover {
        transform: scale(1.2);
    }

    .individual-blog-details-container-date {
        text-align: left;
        color: #AAAAAA;
        opacity: 1;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
        margin-top: 1.5rem;
    }

    .individual-blog-details-container-h2 {
        text-align: left;
        color: #000000;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.875rem;
        margin-top: 1rem;
        font-family: 'Le Monde Livre Cla Std Bold', sans-serif;
        font-weight: bold;

    }

    .individual-blog-details-container-p {
        text-align: left;
        opacity: 1;
        color: #707070;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        margin-top: 0.25rem 0rem 1.5rem 0rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;

    }

    .individual-blog-details-container-a {
        text-align: left;
        color: #FF004C;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1rem;
        line-height: 2rem;
        margin-top: 1.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
        cursor: pointer;
    }

    .bi_arrow_right_short {
        font-size: 1.25rem;
        color: #FF004C;
    }



    .recent_blog_posts_main_heading {
        text-align: left;
        color: #242424;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.875rem;
        font-family: 'Proxima Nova Bold', sans-serif;
        font-weight: bold;
        padding: 1.5rem 0rem 0.75rem 1rem;
        width: 100%;


    }



    .our_blogs_content_wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        align-items: center;
        padding: 3rem 1rem 0rem 1rem;

    }

    .our_blogs_main_heading {
        text-align: center;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: var(--sm-h1-font-size);
        line-height: var(--sm-h1-line-height);
        font-family: 'Proxima Nova Bold', sans-serif;
        font-weight: bold;
    }

    .our_blogs_descriptions {
        text-align: center;
        color: #000000;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        max-width: 34.25rem;
        margin-top: 0.75rem;

    }


    .pagination-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.75rem;
      
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin:3rem 0rem ;
        padding:0rem 2rem ;
     
    }

    .pagination-container::-webkit-scrollbar {
        display: none;
    }

    .page_numbers_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2rem;

      
    }

    .pagination-button {
        cursor: pointer;
        text-align: center;
        color: #707070;
        opacity: 1;
        background-color: transparent;
        outline: none;
        border: none;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;


    }

    .pagination-button.active_category {
        background: #EDEDED 0% 0% no-repeat padding-box;
        border-radius: 11px;
        padding: 10px 18px;
        text-align: center;
        color: #000000;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;

    }

    .pagenumber_next_button {
        text-align: left;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        background-color: transparent;
        border: none;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        width: fit-content;
        flex-shrink: 0;

    }

    .bi_arrow_right_short_icon {
        font-size: 1.5rem;
        color: #000000;

    }

    .pagenumber_next_button:hover {
        background: #EDEDED 0% 0% no-repeat padding-box;
        border-radius: 0.75rem;
        padding: 0.375rem 0.625rem;
    }



    .recent_4_blogs_wrapper {
        display: flex;
        gap: 2.5rem;
        width: 100%;
        justify-content: space-between;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding: 0.75rem 1rem 3rem 1rem;
    

    }



    .recent_4_blogs_wrapper::-webkit-scrollbar {
        display: none;
    }

    .recent_3_blogs_main_wrapper {
        display: flex;
        gap: 2.5rem;
    }

    .recent_3_blogs_wrapper {
        width: 21.25rem;
        display: flex;
        flex-direction: column;
        gap: 1.625rem;

    }

    .zoom_recent_blogs3_image_wrapper {
        width: 21.25rem;
        height: 11.5rem;
        overflow: hidden;
        flex-shrink: 0;
    }

    .recent_blogs_category_text {
        text-align: left;
        font: normal normal normal 13px/92px Proxima Nova;
        color: #242424;
        font-size: 0.8125rem;
        line-height: 1rem;
        padding: 0.125rem 0.5rem;

        border-radius: 0.5rem;
        width: fit-content;
        width: 9rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .recent_blogs_3_date_category_wrapper {
        display: flex;
        align-items: center;
        gap: 0.75rem;
       

    }

    .recent_3_blogs_wrapper_title {
        text-align: left;
        color: #000000;
        font-size: 1.25rem;
        line-height: 1.875rem;
        margin-top: 0.25rem;
        font-family: 'Le Monde Livre Cla Std Bold', sans-serif;
        font-weight: bold;
        margin-top: 0.875rem;
    }

    .recents-blog-details-container-date {
        text-align: left;
        color: #AAAAAA;
        opacity: 1;
        font-size: 0.875rem;
        line-height: 1rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
    }

    .recent_3_blogs_wrapper_text {
        color: #707070;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        margin-top: 0.25rem;
        margin-bottom: 0rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0.625rem;
        margin-top: 0.25rem;
    }

    .recent-blogs-details-container-a {
        text-align: left;
        color: #FF004C;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
        display: flex;
        gap: 0.25rem;

    }


}

@media only screen and (min-width:1161px) {

    /* New Blogs Landing Page Styles */

    .blogs-based-on-category-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 3rem;


    }

    .blogs-display-container {
        width: 72.5rem;
        padding-bottom: 5.875rem;


    }

    .blog-category-heading {
        text-align: left;
        letter-spacing: 0rem;
        color: #242424;
        font-size: 1.125rem;
        line-height: 2.625rem;
        font-family: 'Proxima Nova', sans-serif;
        width: fit-content;
        background-color: transparent;
        border: 0rem;
        flex-shrink: 0;
        cursor: pointer;
        font-weight: 300;

    }

    .blog-category-heading.active_category {
        text-align: left;
        letter-spacing: 0rem;
        color: #242424;
        font-size: 1.125rem;
        line-height: 2.625rem;
        font-family: 'Proxima Nova', sans-serif;
        width: fit-content;
        background-color: transparent;
        border: 0rem;
        border-bottom: 0.25rem solid #5047A0;
        flex-shrink: 0;
        font-weight: 600;

    }

    .sort_categories_buttons_display_wraaper {
        position: sticky;
        top: 5.625rem;
        display: flex;
        justify-content: space-between;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        padding-top: 0.625rem;
    }

    .blogs_categories_buttons_wrapper {
        border-bottom: 1px solid #E7E7E7;
        width: 100%;
        margin-bottom: 2.75rem;
        display: flex;
        gap: 3.375rem;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;

    }

    .blogs_categories_buttons_wrapper::-webkit-scrollbar {
        display: none;
    }

    .sort_by_label_element {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #E7E7E7;
        border-radius: 0.5rem;
        padding: 0.25rem 0.625rem;
        display: flex;
        width: fit-content;
        text-align: left;
        color: #242424;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
    }

    .sort_by_text {

        color: #242424;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;

    }

    .sort_by_select_element {
        color: #242424;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        background-color: transparent;
        outline: none;
        border: none;
    }

    .all-blogs-in-category {
        display: flex;
        gap: 2.5rem;
        flex-wrap: wrap;
        border-bottom: 1px solid #E7E7E7;

    }

    .recent_1_blog_wrapper {
        width: 33.5rem;
    }

    .recent_1_blog_wrapper_title {
        text-align: left;
        color: #000000;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: 'Le Monde Livre Cla Std Bold', sans-serif;
        font-weight: bold;
        margin-top: 1rem;
    }

    .recent_1_blog_wrapper_text {
        text-align: left;
        color: #707070;
        margin-top: 0.25rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
    }

    .recent_blog_1_date_category_wrapper {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .blog_category_text {
        text-align: left;
        color: #242424;
        opacity: 0.84;
        font-size: 0.813rem;
        line-height: 1rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        padding: 0.125rem 0.5rem;
        border-radius: 0.5rem;
        width: fit-content;
        margin-top: 1.5rem;

    }

    .individual-blog-details-container {
        width: 22.5rem;
        margin-bottom: 1rem;

    }

    .zoom_wrapper_div_wrapper {
        height: 17.5rem;
        overflow: hidden;
    }

    .zoom-wrapper-div {
        height: 11.5rem;
        overflow: hidden;
    }

    .individual-blog-details-container-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: transform 0.8s;
        cursor: pointer;
        border-radius: 0.5rem;
    }

    .individual-blog-details-container-img:hover {
        transform: scale(1.15);
    }

    .individual-blog-details-container-date {
        text-align: left;
        color: #AAAAAA;
        opacity: 1;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
        margin-top: 1.5rem;
    }

    .individual-blog-details-container-h2 {
        text-align: left;
        color: #000000;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.875rem;
        margin-top: 1rem;
        font-family: 'Le Monde Livre Cla Std Bold', sans-serif;
        font-weight: bold;

    }

    .individual-blog-details-container-p {
        text-align: left;
        opacity: 1;
        color: #707070;
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        margin-top: 0.25rem;
        margin-bottom: 1.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;

    }

    .individual-blog-details-container-a {
        text-align: left;
        color: #FF004C;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1rem;
        line-height: 2rem;
        margin-top: 1.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        gap: 0.125rem;

    }


    .bi_arrow_right_short {
        font-size: 1.25rem;
        color: #FF004C;
    }


    .recent_blog_posts_main_heading {
        text-align: left;
        color: #242424;
        font-size: 1.25rem;
        line-height: 1.8125rem;
        font-family: 'Proxima Nova Bold', sans-serif;
        font-weight: bold;
        width: 72.5rem;
        margin: 1.5rem 0rem 0.75rem 0rem;

    }



    .our_blogs_content_wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        align-items: center;
        padding-top: 3.25rem;
    }

    .our_blogs_main_heading {
        text-align: center;
        font: normal normal 800 52px/64px Proxima Nova;
        color: var(--font-color-secondary);
        opacity: 1;
        font-size: var(--xl-h1-font-size);
        line-height: var(--xl-h1-line-height);
        font-family: 'Proxima Nova Bold', sans-serif;
        font-weight: var(--extra-bold-weight);
    }

    .our_blogs_descriptions {
        text-align: center;
        color: #000000;
        opacity: 1;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: var(--regular-weight);
        width: 34.5rem;
        margin-top: 0.75rem;

    }


    .pagination-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.75rem;
        padding-top: 3rem;

    }

    .page_numbers_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2rem;
     
    }

    .pagination-button {
        cursor: pointer;
        text-align: center;
        color: #707070;
        opacity: 1;
        background-color: transparent;
        outline: none;
        border: none;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: var(--medium-weight);


    }

    .pagination-button.active_category {
        background: #EDEDED 0% 0% no-repeat padding-box;
        border-radius: 11px;
        padding: 0.625rem 1.125rem;
        text-align: center;
        color: #000000;
        opacity: 1;
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: var(--semibold-weight);

    }

    .pagenumber_next_button {
        text-align: left;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        background-color: transparent;
        border: none;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: var(--semibold-weight);
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }



    .pagenumber_next_button:hover {
        background: #EDEDED 0% 0% no-repeat padding-box;
        border-radius: 0.625rem;
        padding: 0.375rem 0.625rem;
    }

    .bi_arrow_right_short_icon {
        font-size: 1.5rem;
        color: #000000;

    }


    .recent_4_blogs_wrapper {
        display: flex;
        width: 72.5rem;
        justify-content: space-between;
        margin-top: 0.625rem;
    }

    .recent_3_blogs_main_wrapper {
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
    }

    .recent_3_blogs_wrapper {
        width: 33.875rem;
        display: flex;
        gap: 1.625rem;
    }

    .zoom_recent_blogs3_image_wrapper {
        width: 17rem;
        height: 8.75rem;
        overflow: hidden;
        flex-shrink: 0;
    }

    .recent_blogs_category_text {
        text-align: left;
        color: #242424;
        font-size: 0.8125rem;
        line-height: 1rem;
        padding: 0.125rem 0.5rem;
        border-radius: 0.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        width: fit-content;
        width: 9rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .recent_blogs_3_date_category_wrapper {
        display: flex;
        justify-content: space-between;

    }

    .recent_3_blogs_wrapper_title {
        text-align: left;
        color: #000000;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: 0.25rem;
        font-family: 'Le Monde Livre Cla Std Bold', sans-serif;
        font-weight: bold;
    }

    .recents-blog-details-container-date {
        text-align: left;
        font: normal normal 600 14px/24px Proxima Nova;
        color: #AAAAAA;
        opacity: 1;
        font-size: 14px;
        line-height: 1.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
        flex-shrink: 0;
    }

    .recent_3_blogs_wrapper_text {
        color: #707070;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 300;
        margin-top: 0.25rem;
        margin-bottom: 0rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .recent-blogs-details-container-a {
        text-align: left;
        color: #FF004C;
        text-transform: capitalize;
        opacity: 1;
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: 'Proxima Nova', sans-serif;
        font-weight: 600;
        display: flex;
        gap: 0.25rem;

    }
}