.thumbmain{margin:auto 0; width:100%; float:left; padding:0px 0px; margin:0px 0px;  padding:1% 1%;
    margin: 16px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border: 2px solid #f70058;
    position:relative;background-color:#fff;
    }
.thumbimg{ margin:auto 0; width:15%; float:left; padding:0px 0px; margin:0px 0px;}
.thumbimg img{width:100%; vertical-align:top;object-fit: cover; height:auto;  border-radius: 5px;
    border: 1px solid #f70058;}
.thumbtext{ margin:auto 0; width:85%; float:left; padding:0 0 0 1.5%; margin:0px 0px;}
.thumtitle{ color:#000;text-decoration: none; text-align:left;
   font-size: 1.25rem;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500;
    line-height: 1.2; padding:5px 0;
}
.thumtitle a{ color:#000;} .thumtitle a:hover{ color:#f70058;}
.thum-text{margin-bottom: 20px !important;  text-overflow: ellipsis;  -webkit-line-clamp:10;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden; font-size: 1rem;font-weight: 400; line-height: 1.5; color: #212529; text-align: left;}
.thum-text a{ color:#B3003D;} .thum-text a:hover{ color:#f70058;}
.tgs{
    display: inline-block;
    margin: 3px 3px;
    padding:5px 5px;
    border-radius: 5px;
    text-decoration: none;
    font-size:14px;
    color: #fff;
}
.tgs:hover{background-color: #323231; color: #fff;}
.color-1 {background-color: #AD1D00; /* Bright Red */}
.color-2 {background-color: #33FF57; color: #000; /* Bright Green */}
.color-3 {background-color: #3357FF; /* Bright Blue */}
.color-4 {background-color: #FF52B4; color: #000; /* Bright Pink */}
.color-5 {background-color: #ffcb2b; color: #000;/* Bright yellow */}
.color-6 {background-color: #dc0530; /* Bright red */}
.color-7 {background-color: #1d1362; /* Bright blue */}
.color-8 {background-color: #551470; /* Bright purple */}