
.blog-slider-section
{
    background-color: black;
    min-height: 500px;
}
#blog-slider-left-section
{
    padding: 8% 0% 0% 15%;
}
#blog-slider-left-section ul
{
    padding: 0;
}
#blog-context-text
{
    color: #171717;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -2px;
}

#blog-section-1
{
    margin-top:50px;
    margin-bottom: 70px;
}
#blog-section-2
{
    margin-bottom: 100px;
}
.category-items
{
    border-radius: 30px;
    border: 1px solid #797979;
    width: 223px;
    height: 60px;
}
.blog-item-header
{
    color: #171717;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
    margin-bottom: 7px!important;
}
.blog-item-description
{
    color: #171717;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
}
.blog-item-date
{
    color: #797979;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
}

.category-items:hover
{
    background-color: #171717;
    color:white;
}














.slider-text-1
{
    color: #FFF;
    font-family: Space Grotesk;
    font-size: 85px;
    font-style: normal;
    font-weight: 700;
    line-height: 85px; /* 100% */
    letter-spacing: -4.25px;
    word-wrap: break-word;
}
.slider-text-2
{
    color: #797979;
    font-family: Space Grotesk;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    margin-top: 40px;
}

@media  (max-width: 576px) {
    #blog-slider-left-section
    {
        padding: 20% 0 0 0;
        text-align: center;
    }
    #blog-slider-right-section
    {
        text-align: center;
    }
    .card-body {
        text-align: center;
        margin-bottom: 50px;
    }
      #people-slider-right-section
    {
        padding: 0 0 0 3%;
    }
    .slider-text-1
    {
        color: #FFF;
        font-family: Space Grotesk;
        font-size: 75px;
        font-style: normal;
        font-weight: 700;
        line-height: 85px; /* 100% */
        letter-spacing: -4.25px;
        word-wrap: break-word;
        text-align: center;
    }
    .slider-text-2
    {
        text-align: center!important;
    }
}


@media (min-width: 576px) and (max-width: 768px) {
    #blog-slider-left-section
    {
        padding: 15% 0 0 0;
        text-align: center;
    }
    #blog-slider-right-section
    {
        text-align: center;
    }
    .card-body {
        text-align: center;
        margin-bottom: 50px;
    }
    .blog-item-header
    {
        font-size: 15px;
    }
}

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

    #blog-slider-left-section
    {
        padding: 15% 0 0 0;
        text-align: center;
    }
    #blog-slider-right-section
    {
        text-align: center;
    }
    .slider-text-1
    {
    text-align: center!important;
    }
    .slider-text-2
    {
        text-align: center!important;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {

    #blog-slider-section
    {
        padding: 5% 0 0 8%;
    }
    #blog-slider-left-section
    {
        padding: 15% 0 0 0;
        text-align: center;
    }

    #blog-slider-right-section
    {
        text-align: center;
    }
    .slider-text-1
    {
    text-align: center!important;
    }
    .slider-text-2
    {
        text-align: center!important;
    }
    #blog-img{
        width: auto;
        height: auto;
    }

}

@media (min-width: 1200px) and (max-width: 1440px) {
    #blog-slider-left-section
    {
        padding: 12% 0% 0% 10%;
    }
    #blog-slider-left-section ul
    {
        padding: 0;
    }
    #blog-img{
        width: 720px;
        height: auto;
    }

}
@media (min-width: 1441px) and (max-width: 2800px) {
    #blog-slider-left-section
    {
        padding: 10% 0% 0% 15%;
    }
    #blog-slider-left-section ul
    {
        padding: 0;
    }
    #blog-slider-right-section
    {
        padding: 0 0 0 0;
    }
    #blog-img{
        width: 720px;
        height: 200px;
    }

}
