:root {
  --main-blue: #224060;
  --section-border: #292a30 solid 1px;
  --footer-color: #0d0d12;
  --bg-color: #0f0f14;
  --text-color: #BDBDBD;
  --description-color: #9d9fa0;
  --secondary-color: #f1f5f9;
  --first-blur-logo-color: rgb(8 117 98);
  --second-blur-logo-color: rgb(44 44 75);
  --third-blur-logo-color: rgb(54 38 83);
  --first-blur-gradient-color: #1c2e33;
  --second-blur-gradient-color: #423f85;
  --third-blur-gradient-color: rgb(16, 17, 61);
  --fourth-blur-gradient-color: rgb(72, 87, 156);
  --fifth-blur-gradient-color: rgb(24, 90, 121);
  --sixth-blur-gradient-color: rgb(8, 68, 117);
  --seventh-blur-gradient-color: rgb(71, 43, 97);
  --span-color: #fff;
  --block-color: rgba(50, 50, 56, 0.2);
  --input-border-color: #4e4b57;
}

[data-theme="light"] {
  --main-blue: #002bff61;
  --section-border: #e7e7e7 solid 1px;
  --footer-color: #dfdfe7;
  --bg-color: #e7e7e7;
  --text-color: #474747;
  --description-color: #838587;
  --first-blur-logo-color: rgb(152, 243, 255);
  --second-blur-logo-color: rgb(177 211 255);
  --third-blur-logo-color: rgb(123 51 255);
  --first-blur-gradient-color: #928bfa;
  --second-blur-gradient-color: #91b2ff;
  --third-blur-gradient-color: rgb(160, 162, 255);
  --fourth-blur-gradient-color: rgb(244, 159, 255);
  --fifth-blur-gradient-color: rgb(123, 246, 255);
  --sixth-blur-gradient-color: rgba(81, 113, 253, 0.384);
  --seventh-blur-gradient-color: rgba(96, 191, 255, 0.473);
  --span-color: #000000;
  --block-color: #c3c3e033;
  --input-border-color: #ccc9d5;
}

.button-blog {
display: flex;
justify-content: center;

}

.btn-blog {
padding: 12px 40px;
border: 1px solid #BDBDBD;
border-radius: 20px;
margin-top: 30px;
}

.btn-blog:hover {
    background-color: #c5c6ca21;
}

.news {
    max-width: 1000px;
}

  .news-main {
      position: relative;
      width: 100%;
  }

  .main-news {
      width: 100%;
      display: block;
  }

  .news-text-overlay {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: var(--text-color);
      width: 80%;
  }

  .new-title {
      font-size: 40px;
      margin-bottom: 20px;
      width: 60%;
      font-weight: 100;
  }

  .new-subtitle {
      font-size: 1.5em;
      color: var(--text-color);
      font-weight: 100;
  }

  .user-cases{
    margin-top: 60px;
  }

  @media (max-width: 1300px) {
      .new-title {
          font-size: 30px;
      }

      .new-subtitle {
          font-size: 25px;
      }
  }

  @media (max-width: 1100px) {
      .new-title {
          font-size: 25px;
      }

      .new-subtitle {
          font-size: 20px;
      }
  }

  @media (max-width: 900px) {
      .new-title {
          font-size: 20px;
      }

      .new-subtitle {
          font-size: 18px;
      }
  }

  @media (max-width: 780px) {
      .new-title {
          font-size: 18px;
      }

      .new-subtitle {
          font-size: 15px;
      }

      .main-news {
          width: auto;
          height: 200px;
      }

  }

  @media (max-width: 520px) {
      .new-title {
          font-size: 16px;
      }

      .new-subtitle {
          font-size: 13px;
      }
  }

  .news-main::before {
      content: '';
      position: absolute;
      top: 40%;
      width: 300px;
      height: 300px;
      background: linear-gradient(93deg, rgba(131, 68, 156, 0.568) 0%, rgba(3, 51, 83, 0.616) 35%, rgb(79, 56, 141) 100%);
      filter: blur(95px);
      border-radius: 50%;
      transform: translateY(-50%) scale(1);
      transition: all 5s ease-in-out;
      z-index: -1;
      animation: morph 10s infinite ease-in-out alternate;
      right: 20%;
  }

  .news-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
      max-width: 1400px;
      padding: 0 30px;
      margin: 0 auto;
      margin-bottom: 40px;
  }

  .news-container::before {
      content: '';
      position: absolute;
      left: 14%;
      width: 300px;
      height: 300px;
      background: linear-gradient(150deg, var(--third-blur-gradient-color), var(--fourth-blur-gradient-color));
      filter: blur(120px);
      border-radius: 50%;
      transform: translateY(-50%) scale(1);
      transition: all 5s ease-in-out;
      z-index: -1;
      animation: morph 10s infinite ease-in-out alternate;
      top: 100%;
  }

  .news-item {
      background-color: var(--block-color);
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .news-item:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
  }

  .news-image-container {
      height: 260px;
      overflow: hidden;
      
  }

  .news-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
  }

  .news-item:hover .news-image {
      transform: scale(1.05);
  }

  .news-content {
      padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news-header {
      margin-bottom: 15px;
  }

  .news-title {
      font-size: 21px;
      margin-bottom: 15px;
      color: var(--text-color);
      font-weight: 100;
      line-height: 1.3;
  }

  .news-excerpt {
      color: var(--description-color);
      margin-bottom: 20px;
      line-height: 1.5;
  }

  .news-date {
      font-size: 0.9rem;
      color: #888;
      display: flex;
      align-items: center;
  }

  .news-date::before {
      margin-right: 8px;
  }


  .news img {
      max-width: 700px;
      margin-bottom: 10px;
  }

  @media (max-width: 1024px) {
      .news-container {
          grid-template-columns: repeat(2, 1fr);
      }

      .news img {
          width: 60%;
      }
  }

  @media (max-width: 768px) {
      .news-container {
          gap: 20px;
          padding: 20px;
      }

      .news-image-container {
          height: 200px;
      }

      .news-title {
          font-size: 18px;
      }

      .news img {
          width: 80%;
      }
  }

  .news {
      padding: 50px;
  }

  .news-block {
      display: flex;
      justify-content: center;
  }

  .news-header {
      width: 100%;
  }

  .content-anons,
  .content-news {
      margin-bottom: 10px;
  }

  @media (max-width: 1300px) {
      .news {
          padding: 50px 10%;
      }
  }

  @media (max-width: 920px) {
      .news {
          padding: 100px 10% 60px;
      }
  }

  @media (max-width: 550px) {
      .news-container {
          grid-template-columns: 1fr;
      }
  }


  @media (max-width: 440px) {
      .news-title {
          font-size: 16px;
      }

      .news-excerpt {
          margin-bottom: 15px;
      }

      .news-container {
          padding: 30px
      }

      .news img {
          width: 100%;
      }
  }

  @media (max-width: 920px) {
      .news-main {
          margin-top: 8%;
      }
  }

    @media (max-width: 630px) {
      .news-main {
          margin-top: 12%;
      }
  }

      @media (max-width: 500px) {
      .news-main {
          margin-top: 14%;
      }
      .news-main::before {
        animation: none;
        right: 0;
      }
      .news-container::before {
        animation: none;
        right: 0;
      }

  }

        @media (max-width: 450px) {
      .news-main {
          margin-top: 16%;
      }
  }

          @media (max-width: 400px) {
      .news-main {
          margin-top: 18%;
      }
  }

  @media (max-width: 1350px) {
    .news-image-container {
    height: 240px;
  }
}

  @media (max-width: 1200px) {
    .range-wrapper {
    width: 90%;
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .table-container {
    flex-direction: column;
    gap: 25px
  }
    .news-image-container {
    height: 217px;
  }
}

@media (max-width: 1120px) {
    .news-image-container {
    height: 200px;
  }
}

@media (max-width: 920px) {
    .news-image-container {
    height: 250px;
  }
}

@media (max-width: 860px) {
    .news-image-container {
    height: 220px;
  }
}

@media (max-width: 710px) {
    .news-image-container {
    height: 200px;
  }
}

@media (max-width: 670px) {
    .news-image-container {
    height: 180px;
  }
}

@media (max-width: 600px) {
    .news-image-container {
    height: 165px;
  }
}

@media (max-width: 560px) {
    .news-image-container {
    height: 160px;
  }
}

@media (max-width: 550px) {
    .news-image-container {
    height: 290px;
  }
}


@media (max-width: 460px) {
    .news-image-container {
    height: 250px;
  }
}

@media (max-width: 440px) {
    .news-image-container {
    height: 220px;
  }
}

@media (max-width: 410px) {
    .news-image-container {
    height: 200px;
  }
}

@media (max-width: 370px) {
    .news-image-container {
    height: 185px;
  }
}

@media (max-width: 350px) {
    .news-image-container {
    height: 170px;
  }
}