.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(400px,1fr));grid-gap:30px;width:100%;padding:0;margin:0 0 60px;list-style-type:none}h2{margin-bottom:0;color:#fff;font-size:1.375rem;font-style:normal;font-weight:500;line-height:2rem}.blog-image{margin-bottom:0;overflow:hidden;position:relative}.blog-image img{border-radius:20px;min-height:350px;object-fit:cover}.blog-content{position:absolute;bottom:0;left:0;padding:30px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:transparent;margin-bottom:0;transition:all .45s;width:100%;min-height:175px;background-color:#0c052266}.blog-content .readmore{width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:var(--crveno);border-radius:50%;font-size:2rem;position:absolute;bottom:10px;color:#fff;left:50%;transition:all .45s;-webkit-transform:translateX(-50%);transform:translate(-50%)}.blog-content .readmore:hover{background:var(--ferlauf-crveno-hover);cursor:pointer}.blog-content:hover{background-color:#05172c99}.blog-content .blog-title{min-height:65px}.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:140px}}.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{max-height:none;min-height:250px;width:100%}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}}