/*flipbook  */
.btn-purple {
     background-color: #c511cb;
    color: white; 
    border-radius: 20px; 
    padding: 8px 25px;
 }
.btn-purple:hover {
    background-color:  #c511cb;
    color: white;
}
.carrd {
    border: none;
    border-radius: 15px; 
    overflow: hidden;
    height: 100%; }
.meeta-text { 
    font-size: 0.85rem;
    color: #6c757d;
}

.bkg{
    background:linear-gradient(  #98479b,#e0a8e2, #98479b);
    padding-top: 90px;
}

/* flipbook end */

/* transform */

.bg-banner {
     background-color: #e987ec;
    border-radius: 15px; 
    color: white; 
    overflow: hidden; 
}
.btn-purple {
    background-color: #c05fd8;
    color: white; 
    border-radius: 25px; 
    padding: 8px 25px; 
    }
.btn-purple:hover {
    background-color: #c05fd8; 
    color: white; 
    }
.card-custom {
    border: 1px solid #eee; 
    border-radius: 20px; 
    background: #fff; 
    padding: 30px;
}
.post-img {
    border-radius: 12px; 
    width: 100%; 
    height: auto;
}
.rank_box1  {
     /* width: 50px; 
     height: 50px; 
     background: #f8f9fa; 
     border: 1px solid #ddd; 
     display: flex; 
     align-items: center; 
     justify-content: center; 
     border-radius: 5px; 
     font-weight: bold;  */
      color: #c511cb;
       font-weight: bold;
      
      
     
    }
.meta-text { 
    font-size: 0.85rem; 
    color: #aaa; }

/* transform end */

/* Popular Posts */

.bg-dark-section {
    background-color: #db9ceb; 
    color: white; 
    border-radius: 15px; 
}
        
.bg-light-purple {
    background-color: #d1d1f0; 
    border-radius: 15px; }
.btn-purple {
     background-color: #c05fd8; 
     color: white; 
     border-radius: 20px; 
     padding: 5px 20px; 
     font-size: 0.9rem; 
    }
.btn-purple:hover {
     background-color: #c05fd8;; 
     color: white; 
    }
.btn-dark-pill {
    background-color:#c05fd8; 
    color: white; 
    border-radius: 25px; 
    padding: 10px 30px; 
}
        
.post-ccard {
    border-bottom: 1px solid #444; 
    padding-bottom: 20px; 
    margin-bottom: 20px;
 }
.poost-img {
    border-radius: 10px; 
    width: 100%; 
    object-fit: cover; 
}
        
.meta-text {
    font-size: 0.8rem; 
    color: #000000; 
}
/* 
Popular Posts end */