.section5 .card_container
{
    padding-top: 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1rem;
}

.section5 .item
{
    background: white;
    border-radius: 15px;
    border: 1px solid #00000029;
}

.section5 .item .img_container
{
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}
.section5 .item:hover
{
    box-shadow: 0px 5px 40px #064d5e21;
}

.section5 .item .img_container img
{
    border-radius: 15px 15px 0 0;
    width: 100%;
}

.section5 .item .content_container
{
    padding: 1rem;
}

.section5 .item .content_container h3
{
    color: var(--text_black);
    font-family: var(--poppins_bold);
    transition: all .3s;
}

.section5 .item:hover .content_container h3
{
    color: var(--btn_gradient_color1);
}

.section5 .item .content_container p
{
    line-height: 1.3rem;
    font-size: .9rem;
    padding-top: .25rem;
}

@media only screen and (max-width:1024px)
{
    .section5 .card_container
    {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (max-width:850px)
{
    .section5 .card_container
    {
        grid-template-columns: 1fr 1fr ;
    }
}

@media only screen and (max-width:550px)
{
    .section5 .card_container
    {
        grid-template-columns: 1fr ;
    }
}