.trending-topic-main{background-color:#f8f9fa;padding:3.5% 10%}.topics-container{display:flex;flex-wrap:wrap;width:100%;white-space:nowrap}.heading-component-trend{font-size:1.1vw;color:#000;font-weight:700;margin-bottom:1%}.div-container{margin:.5vw}.topics-img-container{position:relative;width:12vw;height:11vw}.image-overlay{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(0deg,#000,transparent);border-radius:6px}.topics-name{position:absolute;margin:65% 15% 20% 10%;color:#f8f9fa;font-size:1.1vw;font-family:Inter;font-weight:600;line-height:1.8}.img-class{object-fit:cover;width:100%;height:100%;border-radius:6px}.skeleton{opacity:.7;animation:skeleton-loading 1s linear infinite alternate;background-color:#f0f0f0;overflow:hidden;position:relative}.skeleton-image-topics{width:100%;height:100%;background-color:#e0e0e0;border-radius:6px}.skeleton-overlay{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.3),transparent);border-radius:6px;z-index:2}@media (max-width:500px){.skeleton-overlay{height:45%}}@keyframes skeleton-loading{0%{opacity:.7;background-color:#f0f0f0}to{opacity:.3;background-color:#e0e0e0}}@media (min-width:500px){.topics-container-child{display:flex;flex-wrap:wrap}}@media (max-width:500px){.trending-topic-main{background-color:#f8f9fa;padding:3.5% 3%}.topics-container{width:1170px}.topics-container-child{display:flex;flex-wrap:wrap}.heading-component-trend{color:#000;font-size:4.5vw;font-weight:700;margin:5% 0}.div-container{width:120px;height:120px;margin:0 10px 10px 0}.topics-img-container{width:100%;height:100%;border-radius:.5vw}.img-class{object-fit:cover;width:100%;height:100%;border:1vw;border-radius:1vw}.image-overlay{height:45%}.topics-name{margin:77% 0 0 6%;font-size:14px;font-style:normal;font-weight:500;max-width:120px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}}