.card{float:left}.card .menu-content:before,.card .menu-content:after{content:"";display:table}.card .menu-content:after{clear:both}.card .menu-content{margin:0;padding:0;list-style-type:none}.card .menu-content li{display:inline-block}.card .menu-content a{color:#fff}.card .menu-content span{font-family:Open Sans,sans-serif;font-size:10px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.card .wrapper{background-color:#fff;width:439.264px;height:603px;position:relative;overflow:hidden;box-shadow:0 19px 38px #0000004d,0 15px 12px #0003}.card .wrapper:hover .data{transform:translateY(0)}.card .data{width:100%;transition:transform .3s;position:absolute;bottom:0;transform:translateY(calc(70px + 1rem))}.card .data .content{z-index:1;padding:1em;position:relative}.card .author{font-size:12px}.card .blog-title{margin-top:10px}.card .text{height:70px;margin:0}.card input[type=checkbox]{display:none}.card input[type=checkbox]:checked+.menu-content{transform:translateY(-60px)}.example-2 .wrapper:hover .menu-content span{opacity:1;transform:translate(-50%,-10px)}.example-2 .header:before,.example-2 .header:after{content:"";display:table}.example-2 .header:after{clear:both}.example-2 .header{color:#fff;z-index:2;width:100%;padding:1em;position:absolute;top:0;left:0}.example-2 .header .date{float:left;letter-spacing:.033px;text-transform:uppercase;font-family:Rubik,sans-serif;font-style:normal;font-weight:300;line-height:153%}.example-2 .menu-content{float:right;background:#181a20;border-radius:4px;padding-left:4px;padding-right:4px}.example-2 .menu-content li{color:#fff;letter-spacing:.033px;text-transform:uppercase;margin:0 5px;font-family:Rubik,sans-serif;font-style:normal;font-weight:300;line-height:153%;position:relative}.example-2 .menu-content span{opacity:0;transition:all .3s}.example-2 .data{color:#fff;transform:translateY(2.5rem)}.example-2 .blog-title a{color:#fff;text-decoration:none}.example-2 .read-more-button{text-align:center;color:#fff;width:100px;margin:2em auto 1em;font-size:12px;font-weight:700;line-height:1;display:block;position:relative}.example-2 .read-more-button:after{content:"→";opacity:0;transition:all .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.example-2 .read-more-button:hover:after{opacity:1;transform:translate(5px,-50%)}.example-2{border:none!important}.title a,.read-more-button{text-decoration:none}.blogsContainer{margin-left:8%!important;margin-right:8%!important}.blog-heading{color:#181a20;text-align:center;letter-spacing:.252px;text-transform:uppercase;font-family:Gilroy,sans-serif;font-size:clamp(3rem,10vw,6rem);font-style:normal;font-weight:500;line-height:121%}.blog-select{color:#ffffffb3;background:#181a20;width:clamp(100%,10vw,30%);height:58px}.blog-select option,.blog-select{color:#ffffffb3;letter-spacing:.075px;font-family:Rubik,sans-serif;font-size:25px;font-style:normal;font-weight:300;line-height:153%}.blog-search{color:#ffffff6b;letter-spacing:.075px;background:#181a20;width:100%;height:58px;font-family:Rubik,sans-serif;font-size:25px;font-style:normal;font-weight:300;line-height:153%}.blog-image{object-fit:"cover";height:100%;display:"block";filter:"brightness(0.6)"}@media (min-width:768px){.blog-image{width:25vw}.blogsContainer .row>.card:nth-child(3n+2){align-items:center;display:flex}.blogsContainer .row>.card:nth-child(3n){align-items:end;display:flex}}