.main-blog hr,
.related_articles hr,
.editors_choice hr,
.latest_blogs hr,
.allblogs hr,
.trending_articles hr {
    width: 80%;
    color: #D2D6DB;
    border-width: 1px;
    margin: 32px auto;
    opacity: unset;
}

.main-blog {
    width: 1128px;
    margin: auto;
}

.blogbanner img {
    width: 100%;
}

/* .related_articles .card.blogs .blog-details-down .blog-btn,  */
.trending_articles .blog-details-down .blog-btn {
    background: linear-gradient(90deg, #02FA72, #0074FF);
}

.trending_articles .blog-details-up {
    position: absolute;
    top: 6%;
    right: 0;
    transform: translate(-50%, -15%);
}

.allblogs .allblogs-header {
    width: 100%;
    text-align: center;
    position: relative;
}

.allblogs .allblogs-header .blogs-banner-desktop {
    width: 1128px;
    text-align: center;
}

.allblogs .allblogs-header .quote {

    margin-left: auto;
    margin-right: auto;
}

.experts-shorts .section-heading,
.main-blog .section-heading,
.editors_choice .section-heading,
.latest_blogs .section-heading,
.trending_articles .section-heading,
.allblogs .section-heading,
.allblogs .blogbanner .blog-heading {
    font-family: myFirstFont2;
    color: #FB4D08;
    font-weight: 500;
}

.allblogs .blogbanner .blog-heading {
    font-size: 50px;
    line-height: 100%;
    color: #FFDC4B;
}



.related_articles .sub-heading,
.download-book .book-details .sub-heading,
.experts-shorts .sub-heading,
.main-blog .sub-heading,
.allblogs .sub-heading {
    font-size: 16px;
}

.allblogs .section-heading {
    color: #002349;
    margin-bottom: 0.5rem;
}

.allblogs .sub-heading {
    color: #7C8189;
    margin: 0 auto;
}

.allblogs .tabsets .sub-heading {
    margin-bottom: 1rem;
}

.latest_blogs .card:hover {
    background-color: #272636;
}

.latest_blogs .card .editor-main-quote:hover,
.latest_blogs .card:hover>.blog-body .editor-main-quote {
    /* background: linear-gradient(90deg, #02FA72, #0074FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block; */
    color: #FFDC4B;
}

.latest_blogs .card:hover>.blog-date,
.latest_blogs .card:hover>.blog-time {
    color: #b3b3b3;
}


.latest_blogs .card .blog-date,
.latest_blogs .card .blog-time,
.latest_blogs .card .editor-main-quote,
.latest_blogs .section-header .tabsets li a,
.editors_choice .card .editor-main-quote,
.editors_choice .card .editor-sub-quote,
.editors_choice .card .edit-date,
.editors_choice .card .editor-name,
.related_articles .card.blogs .blog-sub-quote,
.trending_articles .blog-sub-quote,
.trending_articles .blog-details-down .blog-btn {
    font-family: myFirstFont3;
}

.editors_choice .card .editor-main-quote,
.latest_blogs .card .editor-main-quote {
    color: #272636;
}

.editors_choice .card .editor-sub-quote {
    color: #717171;
}

.main-blog .blog-data h3 span,
.main-blog .blog-data h3,
.download-book .book-details .super-heading-1,
.main-blog-2 .blog-data .super-heading-2,
.main-blog-2 .blog-data .super-heading-1,
.main-blog .blog-data li,
.main-blog-2 .blog-data p,
.main-blog .blog-data p {
    font-family: myFirstFont3;
    color: #272636;
}

.main-blog .mainblog-header .github2 .tags div,
.main-blog .mainblog-header .github p {
    font-family: myFirstFont3;
}

.latest_blogs .section-header .tabsets li:hover a,
.latest_blogs .section-header .tabsets li.first-child,
.latest_blogs .section-body .load-more span,
.latest_blogs .section-header .tabsets li:hover,
.latest_blogs .section-header .tabsets li.active,
.latest_blogs .section-header .tabsets li.active a {
    background-color: #FB4D08;
    border-color: #FB4D08;
}

.latest_blogs .section-header {
    width: 85%;
}

.latest_blogs .section-header .tabsets li a {
    color: #272636;
}

.latest_blogs .section-header .tabsets li {
    border-color: #F5F5F5;
    background-color: #F5F5F5;
}

.main-blog .sub-heading span a.active,
.allblogs .sub-heading span a.active {
    color: #272636;
}

.editors_choice .section-body,
.trending_articles .section-body {
    width: 90%;
}

.editors_choice .card {
    margin: 0.5rem auto;
}

.main-blog .tabsets .sub-heading,
.main-blog .mainblog-header,
.main-blog .blog-data {
    width: 80%;
}

.main-blog .mainblog-header .github .col-md-4,
.main-blog .mainblog-header .github .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}

.trending_articles .blog-details-up {
    position: absolute;
    top: 6%;
    right: 0;
    transform: translate(-60%, -20%);
}

.trending_articles .blog-details-down {
    position: absolute;
    /* right: 0; */
    bottom: 0;
    left: 0%;
    transform: translate(10%, -10%);
    width: 80%;
}

.trending_articles .blog-details-down .blog-btn {
    background: #0080FF;
    font-family: 'Atkinson Hyperlegible', sans-serif;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    border-radius: 75px;
    height: 31px;
    color: #fff;
    align-content: center;
    margin-bottom: 1rem;
}

.trending_articles .blog-details-down .blog-sub-quote {
    font-family: 'Atkinson Hyperlegible', sans-serif;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0%;
    height: 34px;
}

.latest_blogs .card {
    width: 334px;
    height: 425px;
    padding: 0;
    background-color: #FAFAFA;
    filter: none;
    border: 1px solid #D2D6DB;
}

.latest_blogs .section-body a.card img {
    width: 334px;
    height: 207px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.latest_blogs .card .blog-body {
    padding: 10px;
}

.latest_blogs .card .editor-main-quote {
    font-size: 16px;
    line-height: 20px;
    color: #002349;
    font-family: myFirstFont2;
    margin: 1rem 0.5rem;
    height: 50px;
}

.latest_blogs .card .editor-sub-quote {
    color: #717171;
    font-size: 14px;
    line-height: 18px;
    font-family: myFirstFont3;
    margin: 1rem 0.5rem;
    height: 50px;
}

.latest_blogs .card .blog-date-time {
    height: 25px;
}

.latest_blogs .card .blog-date, .latest_blogs .card .blog-time {
    color: #b3b3b3;
    font-size: 12px;
}

@media (max-width: 1199px) {

    .main-blog {
        width: 90%;
    }

    .allblogs .allblogs-header .blogs-banner-desktop,
    .blogbanner img {
        width: 100%;
    }

    /* .trending_articles .blog-details-up {
    right: -20%;
    } */
    /* .related_articles .card.blogs .blog-details-down, .trending_articles .blog-details-down{
        width: 100%;
    } */
}

@media (max-width: 991px) {

    .experts-shorts .section-heading,
    .main-blog .section-heading,
    .editors_choice .section-heading,
    .latest_blogs .section-heading,
    .trending_articles .section-heading,
    .allblogs .section-heading {
        font-size: 30px;
        line-height: 30px;
    }

    .allblogs .blogbanner .blog-heading {
        font-size: 40px;
        line-height: 42px;
    }

    .allblogs .section-heading {
        margin-bottom: 0.5rem;
    }

    /* .trending_articles .blog-details-up {
        right: -30%;
    } */
    .related_articles .card.blogs .blog-pic img,
    .trending_articles .blog-pic img {
        width: 100% !important;
    }

    .main-blog .tabsets {
        width: 100%;
    }
}

@media (max-width: 768px) {

    .allblogs .allblogs-header .blogs-banner-mobile,
    .allblogs .allblogs-header .blogs-banner-desktop,
    .blogbanner img {
        width: 90%;
    }

    .allblogs .allblogs-header .quote {
        width: 80%;
    }

    .main-blog .tabsets .sub-heading,
    .main-blog .mainblog-header,
    .main-blog .blog-data {
        width: 100%;
    }

    .main-blog .mainblog-header {
        margin-top: 0;
    }

    .main-blog .blog-data ul {
        display: block;
    }

    .main-blog .blog-data ul.social-media-icon {
        display: flex;
    }

}

@media (max-width: 576px) {

    .main-blog .mainblog-header .github .col-md-4:nth-child(2),
    .main-blog .mainblog-header .github .col-md-4:nth-child(3) {
        display: none;
    }
}

@media (max-width: 426px) {

    .allblogs hr,
    .allblogs .allblogs-header .quote {
        width: 100%;
    }

    .allblogs .allblogs-header .quote .sub-heading {
        margin-bottom: 0;
        width: 100%;
    }

    .main-blog .mainblog-header .github p {
        margin-bottom: 0;
    }

    .main-blog .github2 hr {
        margin-bottom: 1rem;
    }

    .main-blog .mainblog-header .github2 .tags {
        display: ruby;
    }

    .editors_choice .section-header,
    .trending_articles .section-header,
    .latest_blogs .section-header {
        width: 100%;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .latest_blogs .section-header .tabsets {
        width: max-content;
        margin-bottom: 1rem;
    }

    /* Hide the scrollbar for WebKit browsers */
    .latest_blogs .section-header::-webkit-scrollbar {
        display: none;
    }

    .latest_blogs {
        margin: 2rem auto;
    }

}

@media (max-width: 321px) {

    .experts-shorts .section-heading,
    .main-blog .section-heading,
    .editors_choice .section-heading,
    .latest_blogs .section-heading,
    .trending_articles .section-heading,
    .allblogs .section-heading {
        font-size: 25px;
        line-height: 25px;
    }

    .editors_choice,
    .trending_articles {
        margin: 2rem auto;
    }



    .trending_articles .each-blog {
        width: 100% !important;
    }

    .editors_choice .card .editor-sub-quote,
    .related_articles .card.blogs .blog-sub-quote,
    .trending_articles .blog-sub-quote {
        font-size: 12px;
        line-height: 16px;
    }

    .editors_choice .card {
        width: 90%;
        height: fit-content;
    }

    .editors_choice .section-body,
    .trending_articles .section-body {
        width: 100%;
    }

    .editors_choice .card img {
        /* height: fit-content; */
    }

    .editors_choice .card .editor-main-quote,
    .latest_blogs .card .editor-main-quote {
        font-size: 14px;
        line-height: 18px;
    }

    .allblogs .allblogs-header .blogs-banner-mobile,
    .allblogs .allblogs-header .blogs-banner-desktop,
    .blogbanner img {
        width: 100%;
    }

    .main-blog .blog-data .col-12 {
        padding: 0;
    }
}