.blog-list-page .blog-list{padding:3em 0}.blog-list-page .blog-list .blog-list-item{margin-bottom:2em}@media screen and (max-width: 671px){.blog-list-page .blog-list .blog-list-item{margin-bottom:1.4em}}.blog-list-page .blog-list .blog-list-item a{color:var(--generelTextColor)}.blog-list-page .blog-list .blog-list-item .blog-list-item-image{border-radius:var(--generalBorderRadius);overflow:hidden;margin-bottom:1em}.blog-list-page .blog-list .blog-list-item .blog-list-item-image img{border-radius:var(--generalBorderRadius);overflow:hidden;transition:transform .3s;transform:scale(1)}.blog-list-page .blog-list .blog-list-item .blog-list-item-info h2{font-family:var(--fontFamilyBody);font-size:1.3em}.blog-list-page .blog-list .blog-list-item .blog-list-item-info h3{line-height:1.4;font-size:1em;font-weight:400;opacity:.7}.blog-list-page .blog-list .blog-list-item .blog-list-item-info .date{margin-bottom:1.2em;font-size:.8em;opacity:.4;margin-top:.5em}.blog-list-page .blog-list .blog-list-item .blog-list-item-info .go-to-detail{display:flex;justify-content:flex-start;margin-top:1em;font-size:1em}.blog-list-page .blog-list .blog-list-item:hover .blog-list-item-image img{transform:scale(1.02)}.blog-list-page .blog-list .blog-list-item:hover .go-to-detail{color:var(--generalPrimaryColor)}.blog-list-page .blog-list.brick{display:block !important}.blog-list-page .blog-list.brick .blog-list-item{-moz-column-break-inside:avoid;break-inside:avoid-column;width:100%}
    @media  screen and (max-width: 1024px) {
    .blog-list-page .blog-list.brick {
    column-count: 4;
    }
    }

    @media  screen and (min-width: 1266px) {

    .blog-list-page .blog-list.brick {
    column-count: 4;
    }
    }

    @media  screen and (max-width: 670px) {
    .blog-list-page .blog-list.brick {
    column-count: 2;
    }

    }

    .blog-list-page .page-top.top {
    height: 30vh
    }

    .blog-list-page .page-title {
    color: #000000
    }

    .blog-list-page .page-top.top {
    background-color: #ffffff
    }

    .blog-list-page .page-top.top .pageinfo-image {
    opacity: 100%
    }