.products_banner .bg::before {
  background-image: linear-gradient(to bottom, #021e3c -7.26%, rgba(2, 30, 60, 0.83) 15%, transparent 37.8%);
}
.products_banner .head .tcon {
  margin-bottom: 12.5%;
}
.products_nav {
  border-bottom: 1px solid #e3e8ef;
  padding: 3.9rem 0;
}
.products_nav .nav_list {
  justify-content: center;
}
.products_main {
  padding: 8.1rem 0 11.5rem;
}
.products_main .head {
  display: grid;
  grid-template-columns: 1fr 43.82352941%;
  align-items: start;
  gap: 0 3rem;
}
.products_main .head > em {
  grid-column: -1/1;
  max-width: max-content;
}
.products_main .head h2 {
  max-width: 46.6rem;
}
.products_main .head p {
  margin-top: 2.8rem;
}
.products_main .list {
  margin-top: 12.3rem;
}
.products_main .list ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(26rem, 100%), 1fr));
  gap: 3.3rem 1.56862745%;
}
.products_main .center:has(.btn) {
  margin-top: 7.5rem;
  min-height: 5.6rem;
}
.footer_contact {
  padding-top: 17rem;
}
@media screen and (max-width: 768px) {
  .products_nav {
    padding: 20px 0;
  }
  .products_nav .nav .nav_list {
    justify-content: unset;
  }
  .products_nav .nav .nav_list li:first-child {
    margin-left: auto;
  }
  .products_nav .nav .nav_list li:last-child {
    margin-right: auto;
  }
  .products_main {
    padding: 50px 0;
  }
  .products_main .head {
    gap: 0 20px;
  }
  .products_main .head p {
    margin-top: 12px;
  }
  .products_main .head h2 {
    max-width: 250px;
  }
  .products_main .list {
    margin-top: 30px;
  }
  .products_main .list ul {
    grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
    gap: 30px 16px;
  }
  .products_main .center:has(.btn) {
    margin-top: 40px;
    min-height: 42px;
  }
  .footer_contact {
    padding-top: 50px;
  }
}
@media screen and (max-width: 576px) {
  .products_main .head {
    display: block;
  }
}