.container-blog {
        max-width: 1300px;
        width: 100%;
         padding: 0 20px;
        margin: 0 auto; 

 } 
.container-blog .title-blog {
        font-size: 36px;
        text-align: center;
        margin-bottom: 30px;
        font-family: 'Gilda Display', serif;

} 

.container-blog .featured-text {

        max-width: 800px;
        font-size: 16px;
        line-height: 1.8;
        margin: 0 auto;
        text-align: center;
        color: #FFD6E4;
        font-style: italic;
        text-transform: uppercase;

} 

 .cards-blog {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
       

} 

.carditem {
         width: 275px;
        margin: 20px 10px;
        box-shadow: 0px 0px 10px #e9e9e9;
        transition: 0.3s ease-in-out;

} 

.carditem:hover {

        transform: translateY(-5px);
        box-shadow: 1px 1px 10px black;
}

.carditem .top-carditem {
        width: 100%;
        height: 250px;
        overflow: hidden;

} 

 .top-carditem img {

        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 0.7s ease;
}

.carditem:hover .top-card img {

        transform: scale(1.1);

}

.bottom-carditem {
        text-align: center;
        position: relative;
        padding: 40px;
        padding-top: 95px;

}

.top-btn {
        padding: 11px 18px;
        background-color: #ffffff;
        color: rgb(0, 0, 0);
        width: 220px;
        display: inline-block;
        font-size: 14px;
        position: absolute;
        top: -57px;
        left: 50%;
        transform: translateX(-50%);

}


.bottom-carditem p {

         color: #999;
    font-size: 14px;
    padding-bottom: 38px;
    padding-top: 16px;
}

.text-card {
        font-size: 30px;
        padding-bottom: 34px;

}

.bottom-carditem .btn-sav {
        text-decoration: none;
        color: #f96f88;
    border: 1px solid #f96f88;
    padding: 12px 12px;
}

.bottom-carditem .btn-sav:hover {
        text-decoration: none;
        color: #fff;
        background-color: #f96f88;
    border: 1px solid #f96f88;
    padding: 12px 12px;
}

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

  .container-blog{
    padding: 0 5px;
  }

}