.card-blog {
  color: inherit; }
  .card-blog__link {
    display: contents; }
  .card-blog__preview {
    border-radius: 20px;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 432/502;
    background-color: #213474;
    color: #FFFFFF; }
  .card-blog__content {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px; }
  .card-blog__date {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%; }
    @media (max-width: 767.98px) {
      .card-blog__date {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 120%; } }
  .card-blog__title {
    font-family: "Molot";
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%; }
    @media (max-width: 767.98px) {
      .card-blog__title {
        font-family: "Molot";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 100%; } }
  .card-blog__description {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 120%; }
    @media (max-width: 767.98px) {
      .card-blog__description {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 120%; } }
  .card-blog_size_compact .card-blog__preview {
    aspect-ratio: 390/280;
    border-radius: 10px; }

.page-bloglist-list {
  color: #1D2956;
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url("/themes/superman/assets/newsu/images/background-texture.jpg"); }
  @media (max-width: 767.98px) {
    .page-bloglist-list {
      padding-top: 40px; } }
  @media (max-width: 767.98px) {
    .page-bloglist-list {
      padding-bottom: 40px; } }
  .page-bloglist-list__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 60px; }
    @media (max-width: 1439.98px) {
      .page-bloglist-list__list {
        gap: 30px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } }
  .page-bloglist-list__footer {
    margin-top: 60px; }
    @media (max-width: 767.98px) {
      .page-bloglist-list__footer {
        margin-top: 30px; } }

/*# sourceMappingURL=index.css.map */