/* blogs page section intro */

.blogs-page-section-intro{
    padding: 7em 6em 3em 6em;
    border-bottom: 0.063em solid #474747;
}

.blogs-page-section-intro h3{
    color: #303030;
    font-size: 1.2rem;
    font-weight: 400;
    max-width: 62%;
    margin-left: auto;
    text-align: right;
}

@media only screen and (max-width: 850px){
    .blogs-page-section-intro{
        padding: 76px 20px 20px 20px;
    }

    .blogs-page-section-intro h3{
        margin: 0;
        max-width: 100%;
        font-size: 16px;
    }
}

/* blogs page section card */

.blogs-page-section-card-container{
    padding: 0em 6em;
}

.blogs-page-section-card{
    padding: 3em 0em;
    border-bottom: 0.063em solid #474747;
}

.blogs-page-section-card img{
    height: 17em;
    width: 26em;
    object-fit: cover;
}

.blogs-page-section-card h2{
    font-weight: 400;
    font-size: 2rem;
    text-transform: uppercase;
    color: #c1272d;
}

.blogs-page-section-card p{
    color: #303030;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 1em;
}

.blogs-page-section-card a{
    font-weight: 400;
    color: #000 !important;
    text-decoration: none;
    border-bottom: 0.063em solid #da291c;
    padding-right: 2.375em;
    padding-bottom: 0.3125em;
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    font-size: 1.25em;
    margin-top: 2em;
    max-width: 14em;
}

.blogs-page-section-card a i{
    color: #da291c;
    position: absolute;
    right: 0px;
    top: 0.275em;
    transition: right 0.3s;
}

.blogs-page-section-card a:hover i{
    right: 0.375em;
}

.blogs-page-section-card-container .blogs-page-section-card:last-child{
    border-bottom: none;
}

@media only screen and (max-width: 850px){
    .blogs-page-section-card-container{
        padding: 0em 20px;
    }

    .blogs-page-section-card{
        padding: 20px 0px;
    }

    .blogs-page-section-card img{
        width: 100%;
        height: 215px;
    }

    .blogs-page-section-card h2{
        font-size: 22px;
        margin-top: 15px;
    }

    .blogs-page-section-card p{
        font-size: 16px;
        margin-top: 10px;
    }

    .blogs-page-section-card a{
        max-width: 100%;
        margin-top: 16px;
        font-size: 16px;
    }
}