.data-section-wrapper{flex-direction:column;width:90%;margin:3% auto 0;display:flex;position:relative}.premium-container{flex-direction:column;width:90%;margin:4rem auto 0;display:flex;position:relative}.data-content{padding-left:25px;font-size:18px}.heading{place-content:center space-between;margin-bottom:30px;padding:0 2%;display:flex}.heading h2{color:#000;padding-bottom:10px;font-size:39px;font-weight:700;position:relative}.heading h2:after{content:"";background:linear-gradient(90deg,#00bcd9,#0097a7);border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:0}.heading a{color:#00bcd9;font-size:24px;font-weight:600;transition:all .2s}.heading a:hover{color:#0097a7;transform:translate(5px)}.layout-2,.layout-6{flex-wrap:wrap;place-content:center;gap:20px;display:flex}.layout-1{flex-wrap:nowrap;place-content:center flex-start;gap:20px;display:flex;overflow:scroll}.layout-3,.layout-4,.layout-5{flex-wrap:wrap;place-content:center;gap:20px;display:flex}.layout-1 .item,.layout-2 .item,.layout-3 .item,.layout-4 .item{margin:10px;padding:10px}.layout-6 .item{margin:15px;padding:0;transition:all .3s}.layout-5 .item{border:1px solid;border-radius:10px;margin:10px;padding:10px;overflow:hidden}.layout-1 .item .item-image,.layout-2 .item .item-image,.layout-3 .item .item-image,.layout-4 .item .item-image{border:1px solid #000;border-radius:5px;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:20px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.layout-6 .item .item-image{border:none;border-radius:12px;justify-content:center;align-items:center;width:300px;height:200px;margin-bottom:15px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.layout-6 .item .item-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.layout-6 .item .item-image:hover img{transform:scale(1.05)}.layout-5 .item .item-image{border-radius:5px;justify-content:center;align-items:center;width:240px;height:240px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.layout-1 .item .item-image,.layout-3 .item .item-image{padding:10px}.layout-1 .item .item-image:hover,.layout-2 .item .item-image:hover,.layout-3 .item .item-image:hover,.layout-4 .item .item-image:hover{transform:translate(-5px);box-shadow:6px 6px #000c}.layout-6 .item .item-image:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.layout-1 .item a h3,.layout-2 .item a h3,.layout-3 .item a h3,.layout-4 .item a h3,.layout-5 .item a h3{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:200px;font-size:18px;line-height:25px;display:-webkit-box;overflow:hidden}.layout-6 .item a h3{text-overflow:ellipsis;-webkit-line-clamp:2;color:#000;-webkit-box-orient:vertical;width:300px;font-size:18px;font-weight:700;line-height:25px;display:-webkit-box;overflow:hidden}.layout-5 .item a h3{min-height:50px}.layout-5 .item a p:first-of-type{letter-spacing:1px;color:#000;font-size:24px;font-weight:600;position:relative}.layout-5 .item a:last-of-type{position:relative}.layout-6 .blog-cat{text-transform:capitalize;color:#00bcd9;background:#00bcd91a;border-radius:20px;margin-bottom:.5rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-block}.layout-6 .blog-cat:hover{color:#fff;background:#00bcd9;transform:translateY(-2px)}.sort{place-content:center space-between;margin-bottom:20px;display:flex}.sort span{align-items:center;gap:20px;display:flex}.sort span p{margin:0;font-size:22px}.sort span:first-of-type{font-size:24px;font-weight:500;line-height:40px}.sort select{color:#000;background:#fff;border:1px solid #b8b8b8;border-radius:5px;padding:10px}.item.click{position:relative}.item.click:after{content:"";background:#00000080;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.item.click:before{content:"";z-index:9;border:4px solid #fff;border-top-color:#0000;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.static-content{width:90%;margin:3% auto 0}.static-content h2{color:#595959;font-size:18px}.static-content p{color:#595959;margin:0;font-size:15px}@media (max-width:768px){.data-section-wrapper{width:100%;margin:3% 0}.heading{margin-top:15px;margin-bottom:0;padding:0 5%}.heading h2{font-size:24px}.heading a{font-size:18px;line-height:36px}.layout-1,.layout-2{gap:0}.layout-3 .item,.layout-5 .item,.layout-4 .item{width:45%;margin:0;padding:0}.layout-3 .item .item-image,.layout-4 .item .item-image{width:100%;height:180px;margin-bottom:10px}.sort span:last-of-type{display:none}.layout-5 .item{border:1px solid #d7d7d7;border-radius:5px;width:45%;margin:0;padding:0}.layout-5 .item a{flex-direction:column;width:100%;padding:0;display:flex}.layout-5 .item a:last-of-type{padding:0 10px}.layout-5 .item a h3{width:auto;margin-bottom:0;font-size:16px}.layout-3,.layout-4,.layout-5{gap:15px}.layout-5 .item .item-image{border-radius:0;width:100%;height:200px;margin-bottom:10px}.sort{padding:0 5%}.data-content{margin:0;padding:0 5%;font-size:14px}.layout-6 .item{margin:10px 5px}.layout-6 .item .item-image{width:100%;height:180px;margin-bottom:10px}.layout-6 .item a h3{width:100%;font-size:16px}.layout-1 .item .item-image:hover,.layout-2 .item .item-image:hover,.layout-3 .item .item-image:hover,.layout-4 .item .item-image:hover,.layout-6 .item .item-image:hover{box-shadow:none;transform:translate(0)}.premium-container{width:95%;margin:2rem auto 0}.heading{margin-bottom:20px}.layout-5 .item a p:first-of-type{margin:5px 0;font-size:18px}.layout-3 .item a h3,.layout-4 .item a h3,.layout-5 .item a h3{width:160px}}