#blog_sec_1{
    padding: 250px 0px 100px;
}

#blog_sec_1 h1.blog-heading{
    font-weight: 500;
    font-size: 84px;
    margin-bottom: 24px !important;
    color: rgba(24, 24, 24, 1);
    line-height: 88px;
    font-family: Whyte;
}

#blog_sec_1 .blog-description {
    color: var(--Primary---Body-text, #181818);
    font-family: Whyte;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 48px;
    margin-bottom: 24px !important;
}
tbody, td, tfoot, th, thead, tr{
    border-width: 1px !important;
}
.white_gradient_hr{
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(167,167,167,1) 25%, rgba(255,255,255,1) 100%);
    margin: 55px 0px 70px;
}

.blogs {
    padding-top: 74px;
}

.blogs-row {
    padding-top: 65px;
}

.blogs .card .time {
    color: var(--light-greyscale-text-secondary, #5C5C5C);
    font-family: Whyte;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.blogs .card .content {
    color:  #181818;
    font-family: Whyte;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.blogs .card .posting-time {
    color: var(--Primary---Body-text, #181818);
    font-family: Whyte;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px; /* 125% */
    margin-top: 8px;
}

.blogs .card {
    border: none;
    cursor: pointer;
}

.blog-img {
    /* height: 339px; */
    height: 373px !important;
    object-fit: cover;
    width: 100%;
}

.recent-articles-section {
    padding-top: 134px;
}

.recent-articles-section .recent-articles-heading{
    color: #181818;
    font-family: Whyte;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 88px;
    margin-bottom: 16px !important;
}

.filter-btn {
    background: inherit;
    display: flex;
    height: 48px;
    padding: 18px 32px !important;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: #181818;
    letter-spacing: -0.32px;
    border: 1px solid #181818;
    font-family: 'Whyte', sans-serif;
    border: 1px solid rgba(74, 74, 74, 0.20);
}

.filter-btn-active {
    background: black;
    color: #fff;
}

.recent-articles-section .filters {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
}

.mt-72 {
    margin-top: 72px !important;
}

.articles {
    display: flex;
    align-items: center;
    flex-direction: row;
    column-gap: 72px;
    padding: 48px 0px 48px 0px;
}

.articles .article-image {
    height: 274px;
    width: 611px !important;
    object-fit: cover;
    width: -webkit-fill-available;
}

.desc .date-time {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    color: var(--light-greyscale-text-secondary, #5C5C5C);
    font-family: Whyte;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 15px !important;
}

.desc .article-heading {
    color: var(--Primary---Body-text, #181818);
    font-family: Whyte;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.blog-hr {
    border-bottom: 1px solid #181818 !important;
}

.load-more-div {
    margin-top: 72px;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    .hr-line {
        display: none;
    }

    #blog_sec_1 {
        padding: 154px 0px 0px 0px !important;
    }

    #blog_sec_1 h1.blog-heading {
        font-size: 40px !important;
        margin-bottom: 0px !important;
    }

    #blog_sec_1 .blog-description {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    #blog_sec_1 .blog-hr {
        margin-left: 15px !important
    }

    .blogs {
        padding-top: 72px !important;
    }

    .blog-img {
        height: 313px !important;
        object-fit: cover !important;
    }

    .blogs .card .time {
        padding-top: 16px !important;
    }

    .blogs .card .content, .blogs .card .posting-time {
        margin-top: 8px !important;
    }

    .first-blog {
        margin-bottom: 24px !important;
    }

    .blogs-row {
        display: flex;
        flex-direction: row;
        row-gap: 24px;
        margin-top: -40px !important;
    }

    .recent-articles-section {
        padding-top: 57px !important;
    }

    .recent-articles-section .recent-articles-heading {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .filter-btn {
        font-size: 14px !important;
        padding: 16px !important;
        letter-spacing: -0.32px;
        border: 1px solid #181818;
        text-align: center;
    }

    .recent-articles-section .recent-articles-heading {
        margin-bottom: 16px !important;
    }

    /* .mt-72, .hr {
        display: none;
    } */

    .articles .article-image {
        height: 310px !important;
        /* width: 350px !important; */
        width: 100% !important;
        object-fit: cover;
    }

    .articles {
        flex-direction: column !important;
        padding: 48px 0px 0px 0px !important;
    }

    .load-more-div {
        margin-top: 46px !important;
        margin-bottom: 150px;
    }

    .desc .date-time {
        margin-top: 16px !important;
    }

    .desc .article-heading {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .filters {
        overflow-x: scroll;

    }
    ::-webkit-scrollbar{
        height: 0px;
        width: 4px;
        background: gray;
    }
    ::-webkit-scrollbar-thumb:horizontal{
        background: #000;
        border-radius: 10px;
    }

    .blog-details-heading {
        font-size: 40px !important;
        font-weight: 300 !important;
        line-height: 52px !important;
    }

    .similar-blogs-row {
        display: flex;
        flex-direction: column;
        row-gap: 24px;
        margin-top: -26px !important;
    }

    .blog-details-image  {
        width: 335px !important;
        height: 150px !important;
        object-fit: cover;
    }

    .blog-details-row {
        padding: 16px !important;
    }

    .mt-48 {
        margin-top: 32px !important;
    }

    .blog-details-content {
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 140% !important;
    }

    .mt-72 {
        margin-top: 46px !important;
    }

    .more-insights {
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 32px !important;
        margin-bottom: 0px !important;
    }
    #blog-detail-description h1,#blog-detail-description h2,#blog-detail-description h3,#blog-detail-description h4{
        font-size: 18px !important;
    }


    #blog-detail-description p,#blog-detail-description ul,#blog-detail-description li{
        font-size: 16px !important;
    }
    #blog-detail-description {
        padding-left: 10px;
    }
    .articles {
        align-items: start;
    }

}

.blog-details-heading {
    color: var(--light-greyscale-text-primary, #181818);
    text-align: center;
    font-family: Whyte;
    font-size: 84px;
    font-style: normal;
    font-weight: 300;
    line-height: 100px
}

.blog-details-row {
    padding: 24px;
}

.mt-48 {
    margin-top: 48px;
    color: #181818;;
}

.blog-details-image {
    width: 1030px;
    height: 400px;
}

.pt-46 {
    padding-top: 46px;
}

.releated-blogs .more-insights {
    color: var(--Primary---Body-text, #181818);
    font-family: Whyte;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 88px;
    margin-bottom: 30px;
    margin-top: 65px;
}

.similar-blogs-row {
    padding-top: 0px;
}
#blog-detail-description strong {
    color: var(--Primary---Body-text, #181818);
    font-family: Whyte;
    font-style: normal;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
#blog-detail-description h1,#blog-detail-description h2,#blog-detail-description h3,#blog-detail-description h4{
    color: var(--Primary---Body-text, #181818);
    font-family: Whyte;
    font-style: normal;
    font-size: 36px;
    /* font-size: 18px !important; */
    font-weight: 400 !important;
    line-height: 120% !important;
    letter-spacing: 0.72px !important;
}


#blog-detail-description p,#blog-detail-description ul,#blog-detail-description li{
    color: var(--Primary---Body-text, #181818);
    font-family: Whyte;
    font-size: 18px;
    font-style: normal;
    font-weight: 350;
    line-height: 30px;
}
#blog-detail-description a{
    color: #0d6efd;
    text-decoration: none;
}

strong {
    font-weight: bolder !important;
}

#blog-detail-description i strong {
    font-style: italic;
    font-weight: bolder !important;

}
hr {
    background-color: rgba(24, 24, 24, 0.20) !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.gradient {
    display: none;
    background: conic-gradient(from 180deg at 50% 50%, #df2e2e63 11.591906547546387deg, rgb(246 160 160 / 0%) 187.03429698944092deg, #ff77d957 315.128231048584deg);
    filter: blur(125px);
    height: 136px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.blog-artilce:hover .gradient{
    display:block !important;
}
#blog-detail-description  table tr td p{
    margin-bottom: 0px !important;
    font-size:16px;
}
#blog-detail-description  table tr td{
    padding: 5px 10px;
    
}