.blogbreadcrumbs h1.main-title{font-size:clamp(1.8rem,3.1vw + 1.1rem,3.75rem);text-align:left;margin-bottom:45px}ul#bloglist{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));grid-gap:30px;width:100%;padding:0;margin:0 0 60px;list-style-type:none}h3{font-size:2.875rem;font-weight:600;font-family:var(--black);line-height:2.7rem;color:#fff;overflow:hidden;height:5rem;margin-bottom:25px}.blog-image{margin-bottom:0;overflow:hidden;position:relative;border-radius:30px}.blog-image img{max-height:300px;height:100%;object-fit:cover}.blog-content{position:absolute;bottom:0;left:0;padding:15px;border-radius:0;background-color:transparent;margin-bottom:0;transition:all .45s;display:flex;align-items:center;width:100%;min-height:80px;background-color:#05172c99}.blog-content .readmore{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#508ed833;border-radius:50%;font-size:1.4rem;position:absolute;bottom:20px;right:20px;transition:all .45s}.blog-content:hover{background-color:#05172c99}.blog-content:hover .readmore{transform:scale(1.15);transition:all .45s}.blog-content .blog-title{margin-bottom:0}.blog-content .blog-title h2{font-size:clamp(1rem,.8313rem + .4688vw,1.3rem);margin-bottom:0}.blog-content .blog-title a{color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media screen and (max-width: 576px){.blog-content{min-height:75px}}.blog-text{line-height:28px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:80%}.blog-grid:hover .blog-text{opacity:1;transform:translate(0);transition:all .45s}@media screen and (min-width: 992px){.blog-text{transform:translateY(180%);opacity:0;transition:opacity .5s ease}}@media screen and (max-width: 991px){ul#bloglist{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 0 40px}.blog-content{background-color:#05172c99;padding:15px}.blog-image img{min-height:auto;max-height:none;height:250px}ul#bloglist .blog-content .blog-title{max-width:none;margin-bottom:0}ul#bloglist .blog-text{display:none}}@media screen and (max-width: 576px){ul#bloglist{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:30px 15px}}