.blog-background{
    background-image: linear-gradient(
        179deg,#2b0556af,#8e82a88c,#cdb8e97c), url(../img/background/blog.png);
    
}

.blog-sec {
    width: 100vw;
    overflow: hidden;
    padding-bottom: 5em;
    background-image: url('../img/background/yellow-arrow.png');
    background-repeat: no-repeat;
    background-position: right;
    /* background-position-x: 80em; */
    background-position-y: -28em;
    background-attachment: local;
}

.blog-wrapper{
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100vw;
    grid-template: " . . . ";
   }

.blog-card{
    cursor: pointer;
    width: 350px;
    height: 432px;
    display: grid;
    align-items: center;
    justify-items: center;
    background: #F7F8F9;
    margin: 2em 0.5em 0 0.5em;
   }


.blog-card .img-blog{
    width: 350px;
    height: 275px;
    background: #5e5e5e;
    overflow: hidden;
   }

   .img-blog img {
    height: 100%;
    width: auto;
    margin-left: -12em;
}

.blog-card .date{
    width: 80%;
    text-align: left;
    font: normal normal normal 16px/21px Outfit;
    letter-spacing: 0.18px;
     color: #1D2224; 
     opacity: 0.6;
     overflow: hidden;
     height: 1.5em;
   }
.blog-card .text-title{
    width: 80%;
    text-align: left;
    font: normal normal bold 25px/33px Outfit;
    letter-spacing: 0.28px;
    color: #2B0556;
    opacity: 1;
    height: 2.9em;
    overflow: hidden;
   }





   /* blog open  */


.blog-open-sec{
    width: 100vw;
    display: grid;
    align-content: center;
    justify-content: center;

}
   .blog-open-wrapper{
       width: 80vw;
       display: grid;
       align-content: center;
       justify-items: center;
       overflow: hidden;
   }


   .blog-open-wrapper .date-blog-open{
        width: 770px;
        font: normal normal normal 16px/21px Outfit;
        letter-spacing: 0.18px;
        color: #1D2224; 
        margin: 3em 0 1em 0;
        overflow: hidden;

}
.blog-open-wrapper .title-blog-open {
    width: 770px;
    font: normal normal 800 50px/72px Poppins;
    letter-spacing: 0.28px;
    color: #2B0556;
    overflow: hidden;
}

.blog-open-wrapper .img-blog-open img {
    width: 770px;
    margin: 1em 0;
    overflow: hidden;
}


.blog-open-wrapper .text-blog-content {
    width: 770px;
    font: normal normal 400 16px/30px Poppins;
    /* letter-spacing: 0.28px; */
    color: #2B0556;
    margin: 2em 0;
    overflow: hidden;

}

.blog-open-wrapper .text-blog-content p{
    margin: 1em 0;


}



@media only screen and (max-width: 1121px) {   
    .blog-sec {
        background-image: initial;
    }
    /* .blog-card:nth-child(2){
        display: none;
       } */

       .blog-wrapper {
        grid-template: " . . ";
    }

}

@media only screen and (max-width: 734px) {   
   /* .blog-card:nth-child(3){
        display: none;
    } */

    .blog-wrapper {
        grid-template: " .  ";
    }
    
    .blog-open-wrapper .text-blog-content p {
    margin: 0 0 1em 0;
    /* margin: 1em 0; */
    width: -8;
    width: 80vw;
}

.blog-open-wrapper .img-blog-open img {
    width: 770px;
    margin: 1em 0;
    margin-left: -25em;
    overflow: hidden;
}
}