/*! Varriables */
.blog {
  padding: 0 0 74px 0; }
  @media (min-width: 1023px) {
    .blog {
      padding: 0 0 528px 0;
      margin-bottom: -365px;
      background-image: url(../../assets/images/home/block6/fon-footer.png);
      background-position: bottom center;
      background-repeat: no-repeat; } }

.blog-category {
  position: relative;
  padding-bottom: 80px;
  padding-top: 136px; }
  @media screen and (min-width: 768px) {
    .blog-category {
      padding-bottom: 150px;
      padding-top: 186px; } }
  @media screen and (min-width: 1440px) {
    .blog-category::before {
      position: absolute;
      content: "";
      width: 483px;
      height: 329px;
      left: 0;
      top: 0;
      background-image: url(../../assets/images/blog/feather-1.png);
      background-position: 0 0;
      background-repeat: no-repeat;
      z-index: -1; } }
  @media screen and (min-width: 1440px) {
    .blog-category::before {
      left: 288px;
      top: 0; } }
  .blog-category::after {
    position: absolute;
    content: "";
    width: 590px;
    height: 461px;
    right: 155px;
    top: 0;
    background-image: url(../../assets/images/blog/feather-2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: -1; }
    @media screen and (min-width: 568px) {
      .blog-category::after {
        right: 300px;
        bottom: -95px; } }
    @media screen and (min-width: 768px) {
      .blog-category::after {
        right: 350px;
        top: -50px; } }
    @media screen and (min-width: 812px) {
      .blog-category::after {
        right: 500px;
        top: -50px; } }
    @media screen and (min-width: 1024px) {
      .blog-category::after {
        right: 600px;
        top: -50px; } }
    @media screen and (min-width: 1440px) {
      .blog-category::after {
        right: 155px;
        top: 0; } }
  .blog-category__title h1 {
    margin: 0 0 70px 0;
    text-align: center;
    font-family: "AireBoldPro", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #424242; }
    @media screen and (min-width: 768px) {
      .blog-category__title h1 {
        font-size: 64px; } }
  .blog-category__wrapper {
    max-width: 1180px;
    margin: 0 auto; }
    .blog-category__wrapper::before {
      position: absolute;
      content: "";
      width: 347px;
      height: 321px;
      left: 307px;
      bottom: -95px;
      background-image: url(../../assets/images/blog/feather-3.png);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: auto;
      z-index: -1; }
      @media screen and (min-width: 568px) {
        .blog-category__wrapper::before {
          left: 450px;
          bottom: -95px; } }
      @media screen and (min-width: 768px) {
        .blog-category__wrapper::before {
          left: 400px;
          bottom: -95px; } }
      @media screen and (min-width: 812px) {
        .blog-category__wrapper::before {
          left: 550px;
          bottom: -95px; } }
      @media screen and (min-width: 1024px) {
        .blog-category__wrapper::before {
          left: 750px;
          bottom: -95px; } }
      @media screen and (min-width: 1440px) {
        .blog-category__wrapper::before {
          left: 200px;
          bottom: -95px; } }
      @media screen and (min-width: 1920px) {
        .blog-category__wrapper::before {
          left: 307px;
          bottom: -95px; } }
  .blog-category__list {
    width: 100%;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .blog-category__list {
        display: flex;
        justify-content: space-around;
        width: 100%; } }
  .blog-category__item {
    text-align: center; }
    .blog-category__item:not(:last-child) {
      margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .blog-category__item {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    .blog-category__item__name {
      position: relative;
      font-family: "AireBoldPro", sans-serif;
      font-weight: 700;
      font-size: 32px;
      line-height: 1;
      color: #424242; }
      @media screen and (min-width: 1024px) {
        .blog-category__item__name {
          font-size: 48px; } }
      .blog-category__item__name:hover {
        cursor: pointer;
        color: #856d65; }
      .blog-category__item__name.radio-checked {
        color: #856d65; }
      .blog-category__item__name input {
        position: absolute;
        content: "";
        width: 0;
        height: 0; }

.blog-articles__list {
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 736px) {
    .blog-articles__list {
      margin: -15px; } }
  @media screen and (min-width: 1024px) {
    .blog-articles__list {
      margin: -32px -20.5px;
      min-height: 600px; } }
  @media screen and (min-width: 1024px) {
    .blog-articles__list::before {
      position: absolute;
      content: "";
      width: 237px;
      height: 234px;
      right: -108px;
      top: 0;
      background-image: url(../../assets/images/blog/feather-4.png);
      background-position: 0 0;
      background-repeat: no-repeat; } }
  @media screen and (min-width: 1440px) {
    .blog-articles__list::after {
      position: absolute;
      content: "";
      width: 1820px;
      height: 1414px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-image: url(../../assets/images/blog/ellipse.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 90%; } }
  @media screen and (min-width: 1920px) {
    .blog-articles__list::after {
      background-size: auto; } }

.blog__item {
  padding: 0;
  width: 100%;
  z-index: 1; }
  @media screen and (max-width: 735px) {
    .blog__item:not(:last-child) {
      margin-bottom: 26px; } }
  @media screen and (min-width: 736px) {
    .blog__item {
      margin: 15px;
      width: calc((100% - 4 * 15px) / 2); } }
  @media screen and (min-width: 1024px) {
    .blog__item {
      margin: 32px 20.5px;
      width: calc((100% - 6 * 20.5px) / 3); } }
  .blog__item-thumb {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px; }
  .blog__item-image {
    display: block;
    width: 100%;
    max-height: 366px;
    object-fit: cover;
    object-position: center;
    transform: scale(1.1);
    transition: 0.6s; }
    .blog__item-image-thumb {
      display: flex;
      justify-content: space-between;
      margin-bottom: 12px;
      max-height: 366px;
      overflow: hidden; }
      .blog__item-image-thumb:hover .blog__item-image {
        transform: scale(1); }
  .blog__item-title {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #666666; }
  .blog__item-category, .blog__item-date {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.04em;
    color: #a0a0a0; }
  .blog__item-date {
    color: rgba(66, 66, 66, 0.5); }

.pagination__container {
  display: flex;
  justify-content: center;
  position: relative; }
  @media screen and (min-width: 1024px) {
    .pagination__container {
      justify-content: flex-end; } }

@media (max-width: 767px) {
  .blog-category__wrapper::before {
    display: none; } }