/* Общие стили НОВОСТЕЙ и СТАТЕЙ */
.main-block {
   position: relative;
}
.main-block .date {
   position: absolute;
   top: 42px;
   left: 42px;
   font-size: 1.875rem;
   color: white;
   font-weight: 700;
}
.main-block img {
   width: 100%;
   height: 42.125rem;
   border-radius: 18px;
}
.main-block .title {
   position: absolute;
   bottom: 43px;
   width: 80%;
   text-align: center;
   color: white;
   font-size: 3.75rem;
   font-weight: 800;
   left: 50%;
   transform: translateX(-50%);
}
h2 {
   margin: 2.063rem 0 0 0;
   font-size: 2.188rem;
   font-weight: 600;
}
h3 {
  margin: 2.063rem 0 0 0;
  font-size: 1.8rem;
  font-weight: 600;
}
h4 {
  margin: 2.063rem 0 0 0;
  font-size: 1.6rem;
  font-weight: 600;
}
h5 {
  margin: 2.063rem 0 0 0;
  font-size: 1.4rem;
  font-weight: 600;
}
h6 {
  margin: 2.063rem 0 0 0;
  font-size: 1.2rem;
  font-weight: 600;
}
.list-block .title {
   font-size: 2.813rem;
   font-weight: 700;
}
.list-block {
   margin: 2.5rem 0 0 0;
   width: 65%;
}
.list-block ul {
   padding: 0 0 0 1.875rem;
   font-size: 1.5rem;
   margin: 1.875rem 0 0 0;
}
.list-block ul {
   padding: 0 0 0 1.875rem;
   font-size: 1.5rem;
   margin: 1.875rem 0 0 0;
}
.info-block-icons {
   display: flex;
   margin: 2.5rem 0 0 0;
   gap: 3.75rem;
}
.info-block-icons .item .title {
   font-size: 2.813rem;
   font-weight: 700;
}
.info-block-icons .icon-item {
   display: flex;
   align-items: center;
   gap: 1.625rem;
   margin: 1.875rem 0 0 0;
}
.info-block-icons .item .item-text {
   font-size: 1.5rem;
}
.huge-indent-text {
   font-size: 1.5rem;
   margin: 3.125rem 0 0 0;
}
.articles-wrap p{
   font-size: 1.5rem;
   margin: 1.25rem 0 0 0;
}
.point-title {
   font-size: 1.875rem;
   font-weight: 700;
   margin: 1.875rem 0 0 0;
}
.articles-wrap {
   margin: 2.5rem 0 0 0;
}
.articles-wrap ul {
   margin: 1.25rem 0 0 0;
   font-size: 1.5rem;
   padding: 0 0 0 1.25rem;
}
.articles-wrap ol {
   margin: 1.25rem 0 0 0;
   font-size: 1.5rem;
   padding: 0 0 0 1.25rem;
}
.articles-wrap img {
   border-radius: 20px;
   width: 80%;
   height: auto;
   display: block;
   margin: 20px auto;
}

/* Нижний блок статей*/
.articles-btn-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 4.375rem 0 0 0;
}
.articles-btn-container .title {
   font-size: 1.125rem;
}
.articles-btn-container .btn-block {
   display: flex;
   gap: 2.5rem;
   margin: 1.125rem 0 0 0;
}
.articles-btn-container .socials-block {
   display: flex;
   justify-content: space-between;
   margin: 1.125rem 0 0 0;
}
.estimation-block {
   display: flex;
   align-items: center;
   gap: 1.125rem;
   font-size: 1.375rem;
   color: #57D660;
   font-weight: 800;
}
.estimation-block img {
   cursor: pointer;
   width: 2.188rem;
   height: 2.188rem;
}
.estimation-block img:active {
   transform: scale(0.8);
}



/* НАВИГАЦИЯ */
.pages-navigation .prev-btn {
   display: flex;
   justify-content: space-between;
}
.pages-navigation a.btn {
   display: flex;
   align-items: center;
   gap: 2.5rem;
   font-size: 1.875rem;
   font-weight: 700;
   color: #57D660;
}
.pages-navigation a.btn img {
   filter: invert(45%) sepia(70%) saturate(324%) hue-rotate(90deg) brightness(112%);
}
.pages-navigation a.btn.prev img {
   transform: rotate(-180deg);
}
.pages-navigation a.btn.disabled {
   color: #E8E8E8;
}
.pages-navigation a.btn.disabled img {
   filter: none;
}
.pages-navigation {
   margin: 3.125rem 0 0 0;
}


@media (max-width: 768px) {
   
   /* Общие стили НОВОСТЕЙ и СТАТЕЙ */
   .main-block img {
      height: 286px;
      object-fit: cover;
      object-position: top;
   }
   .main-block .date {
      top: 14px;
      left: 14px;
      font-size: 14px;
   }
   .main-block .title {
      position: relative;
      bottom: -24px;
      text-align: left;
      color: #132;
      text-transform: uppercase;
      font-size: 32px;
      left: 0%;
      transform: translateX(0%);
      width: 100%;
   }
   h2 {
      margin: 36px 0 0 0;
      font-size: 22px;
   }
   h3 {
      margin: 36px 0 0 0;
      font-size: 20px;
   }
   h4 {
      margin: 36px 0 0 0;
      font-size: 18px;
   }
   h5 {
      margin: 36px 0 0 0;
      font-size: 16px;
   }
   h6 {
      margin: 36px 0 0 0;
      font-size: 14px;
   }
   .list-block {
      margin: 32px 0 0 0;
      width: 100%;
   }
   .list-block .title {
      font-size: 20px;
   }
   .list-block ul {
      padding: 0 0 0 1.575rem;
      font-size: 16px;
      margin: 8px 0 0 0;
   }
   .list-block ol {
      padding: 0 0 0 1.575rem;
      font-size: 16px;
      margin: 8px 0 0 0;
   }
   .articles-wrap img {
       border-radius: 20px;
       width: 90%;
       height: auto;
       display: block;
       margin: 20px auto;
    }
   .info-block-icons {
      display: flex;
      flex-direction: column;
      margin: 24px 0 0 0;
      gap: 16px;
   }
   .info-block-icons .item .title {
      font-size: 20px;
   }
   .info-block-icons .icon-item {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 16px 0 0 0;
   }
   .huge-indent-text {
      font-size: 18px;
      margin: 24px 0 0 0;
   }
   .articles-wrap p {
      font-size: 18px;
      margin: 8px 0 0 0;
   }
   .point-title {
      font-size: 20px;
      margin: 16px 0 0 0;
   }
   .articles-wrap ul {
      margin: 8px 0 0 0;
      font-size: 16px;
   }
   .articles-wrap {
      margin: 42px 0 0 0;
   }
   .articles-btn-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 32px 0 0 0;
   }
   .articles-btn-container .btn-block {
      display: flex;
      gap: 31px;
      margin: 13px 0 0 0;
   }
   .estimation-block {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 18px;
   }
   .articles-btn-container .socials-block {
      margin: 13px 0 0 0;
   }
   .estimation-block img {
      width: 35px;
      height: 35px;
   }
   .articles-btn-container .socials-block {
      margin: 8px 0 0 0;
   }
   .socials-block img {
      width: 38px;
      height: 38px;
   }
   .articles-btn-container .title {
      font-size: 14px;
   }


   /* НАВИГАЦИЯ */
   .pages-navigation a.btn span {
      display: none;
   }
}