.blog-list__item{border:.0625rem solid var(--border-color);border-radius:1rem;transition:all .25s ease-in-out;background:var(--white-color)}.blog-list__item:nth-child(odd) .blog-list__img-box{order:2}.blog-list__item:nth-child(odd) .blog-list__contentbox{order:1}.blog-list__item:hover{background:var(--light-bg);box-shadow:0 .25rem .5rem rgba(0,0,0,.35)}.blog-list__item:hover .blog-list__label{background-color:var(--secondary-color);border-color:var(--secondary-color)}.blog-list__img-box{height:25rem;border-radius:1rem;overflow:hidden;width:50%}.blog-list__img-box img{width:100%;height:100%;object-fit:cover;object-position:center}.blog-list__contentbox{width:50%}.blog-list__date{font-family:var(--arial-font);font-size:.875rem;line-height:1;font-weight:700;letter-spacing:.0625rem}.blog-list__date i{font-weight:400;font-size:1rem;letter-spacing:normal}.blog-list__label{background:var(--light-grey);border:.0625rem solid var(--border-color);padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;line-height:1;font-family:var(--arial-font);font-weight:700;color:var(--white-color);transition:all .25s ease-in-out}.blog-list__name{font-size:1.375rem;font-family:var(--helvetica-bold-font);text-transform:none;line-height:1.375}.blog-list__icon{width:2rem;height:2rem;min-width:2rem;display:flex;justify-content:center;align-items:center;border-radius:50%;border:.0625rem dashed var(--light-grey);background:var(--white-color);transform:all .25s ease-in-out}.blog-list__icon i{font-size:.875rem;transform:all .25s ease-in-out}.blog-list__icon:hover{background:var(--secondary-color);border-color:var(--secondary-color);border-style:solid}.blog-list__icon:hover i{color:var(--white-color)}.blog-list__all-icons{display:none}.blog-list__icons-wrapper:hover .blog-list__all-icons{display:flex}.blog-list__icons-wrapper:hover .blog-list__share{background:var(--light-grey);border-color:var(--light-color)}.blog-list__icons-wrapper:hover .blog-list__share i{color:var(--white-color)}.blog-list .btn__lightBtn:hover{background:var(--secondary-color)}@media screen and (max-width:1023px){.blog-list__contentbox,.blog-list__img-box{width:100%}}@media screen and (max-width:767px){.blog-list__all-icons{display:flex}.blog-list__item{align-items:flex-start}.blog-list__item:nth-child(odd) .blog-list__img-box{order:1}.blog-list__img-box{height:18rem;max-width:30rem}}