﻿.blog-wrapper{display:flex;gap:40px;align-items:stretch;height:800px;position:relative}.blog-container-item-img{overflow:hidden;position:relative}.blog-container-item-img img{max-height:410px;height:100%;width:100%;object-fit:cover;aspect-ratio:16/9}.blog-container-item-content>p:nth-of-type(4){height:0;opacity:0;margin:0}.blog-fold{padding:70px 0}.blog-left img{width:100%;height:100%;object-fit:cover;max-height:500px}.blog-img{height:calc(100% - 200px)}.blog-left-item{display:flex;flex-direction:column;gap:10px;height:100%}.blog-content{flex:0 0 200px}.blog-right-item{display:flex;flex-direction:row;gap:10px;align-items:center;cursor:pointer}.blog-right-item:hover .blog-right-item-img img{transform:scale(1.1)}.blog-right-item-img{flex:0 0 160px;height:120px;margin:10px;box-sizing:border-box;overflow:hidden}.blog-right{display:flex;flex-direction:column;gap:0;overflow-y:scroll;flex:0 0 460px;position:sticky;top:40px;left:0}.blog-right-item-content p.small-title{font-weight:500;transition:all .5s ease}.blog-right-item-img img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.blog-left{flex:0 0 calc(100% - 500px)}.blog-right-item-content *{margin:0}.blog-right-item:nth-child(2n){background:whitesmoke}.blog-right-item:hover p.small-title{color:var(--green)}.blog-right-item p{color:#333}.blog-wrapper.full{height:auto}.blog-wrapper.full .blog-img{height:auto;overflow:hidden}.full .blog-right{max-height:600px}.blog-content p,.blog-content br{margin-bottom:20px;display:block}.blog-wrapper.full .blog-content{flex:0 0 auto}.blog-container-item-img::before{content:'\2b';font-family:'Font Awesome 6 Sharp';position:absolute;top:50%;left:50%;transform:translatex(-50%) translatey(-50%);color:#fff;background:var(--green);padding:10px 12px 8px 12px;font-size:60px;border-radius:20px;opacity:0;transition:all 300ms ease}.blog-container-item:hover .blog-container-item-img::before{opacity:1}.blog-container{display:flex;flex-wrap:wrap;align-items:stretch;gap:20px}.blog-container-item{display:flex;color:#333;flex:0 0 calc(50% - 10px);box-sizing:border-box;flex-direction:column;transition:all 500ms ease}.blog-container-item:hover{opacity:.6}.blog-container-item-content{display:flex;flex-direction:column;flex-grow:1;margin-top:10px}.blog-container-item-content>:is(h2,h3,h4,h5,h6){opacity:0;height:0;margin:0}.blog-container-item .readmore-wrapper{flex-grow:1;display:flex;align-items:flex-end}.blog-container-item p.date{font-size:14px;font-weight:700}.blog-container-item .subtitle{margin:0}.blog-left-author{padding:20px;background:whitesmoke}.blog-left-author-inner{display:flex;gap:20px;align-items:flex-start}.blog-left-author-image{flex:0 0 350px}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.blog-pagination>*{background:#fff;display:flex;width:25px;height:25px;align-items:center;justify-content:center;color:var(--green);border:solid 1px #333}.blog-pagination>span{background:var(--green);border-color:var(--green);color:#fff}