/* FONTS */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/open-sans-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/open-sans-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/montserrat-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/montserrat-semibold-italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/montserrat-extrabold-italic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
/* GLOBAL */
html {
  height: 100%;
  font-size: 10px;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  color: #282829;
  background-color: #F3F3F3;
}
@media (min-width: 768px) {
  body {
    font-size: 1.8rem;
  }
}

main {
  flex-grow: 1;
}

img {
  -o-object-fit: contain;
     object-fit: contain;
}

.container-fluid {
  max-width: 142rem;
}

.main-title {
  margin-bottom: 0.33em;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 4rem;
  line-height: 1.22;
  font-weight: 800;
  font-style: italic;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(288.01% 426.27% at 43.15% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 768px) {
  .main-title {
    font-size: 6rem;
  }
}

.title {
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 3.2rem;
  line-height: 1.31;
  font-weight: 600;
}
@media (min-width: 768px) {
  .title {
    font-size: 4rem;
  }
}

.loading-more {
  display: block;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  border-top: 0.1rem solid #CACACA;
  border-bottom: 0.1rem solid #CACACA;
  color: inherit;
  text-decoration: none;
  text-align: center;
}
.loading-more:hover {
  color: #051DF3;
}

.buy-page .request {
  padding-top: 3rem;
}

.buy-page .breadcrumb__item:not(:last-child)::after {
  background-color: #FFFFFF;
}

.marker {
  padding: 3rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  font-size: 2rem;
  line-height: 1.35;
  font-weight: 600;
  background: conic-gradient(from 15.08deg at 70.66% 65.19%, #122AFF 0deg, #002DCE 180deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  text-align: center;
}

.marker p {
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(288.01% 426.27% at 43.15% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.marker p:last-child {
  margin-bottom: 0;
}

.link-download {
  position: relative;
  padding-left: 4rem;
  padding-right: 3rem;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.88;
  color: inherit;
  text-decoration: none;
}
.link-download::before, .link-download::after {
  content: "";
  position: absolute;
  top: 0;
  width: 3rem;
  height: 3rem;
  background-position: center;
  background-repeat: no-repeat;
}
.link-download::before {
  left: 0;
  background-image: url("../images/icons/brochure.svg");
}
.link-download::after {
  right: 0;
  background-image: url("../images/icons/arrow-down.svg");
}
.link-download:hover {
  color: #051DF3;
}

.f-carousel {
  margin-bottom: 4rem;
}

.f-carousel__dots {
  bottom: -4rem;
}

.f-carousel__dots li,
.f-carousel__dots li:hover {
  opacity: 1;
}

.f-carousel__dots li:hover .f-carousel__dot {
  background-color: #051DF3;
}

.f-carousel__dot {
  background-color: #979797;
}

.f-carousel__dots li.is-current .f-carousel__dot {
  background-color: #051DF3;
}

.f-button {
  background: radial-gradient(305.66% 305.66% at 82.45% -11.32%, rgba(255, 255, 255, 0.41) 0%, rgba(40, 43, 46, 0.41) 100%), linear-gradient(89.59deg, #DDDDDD 21.87%, #FFFFFF 83.7%);
}
.f-button:hover {
  background: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}
.f-button:hover svg {
  fill: #FFFFFF;
}

.f-button svg {
  width: 1.4rem;
  height: 1.2rem;
  fill: #282829;
  stroke: none;
}

.is-prev svg {
  transform: rotate(180deg);
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.row {
  --bs-gutter-x: 3rem;
}
@media (min-width: 576px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .row {
    --bs-gutter-x: 6rem;
  }
}

.hidden {
  overflow: hidden;
}

/* NAVIGATION */
.navigation__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
@media (min-width: 1200px) {
  .navigation__list {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navigation__list {
    gap: 0.75rem;
  }
}
@media (min-width: 1920px) {
  .navigation__list {
    gap: 2rem;
  }
}

.navigation__link {
  padding: 0.5rem;
  color: inherit;
  text-decoration: none;
}
.navigation__link:hover {
  color: #051DF3;
}

/* BUTTON */
.button {
  display: inline-flex;
  align-items: stretch;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.63;
  border: none;
  color: #282829;
  background-color: transparent;
  text-decoration: none;
}
.button:hover .button__text {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background: transparent;
}

.button__text {
  margin-right: 0.3rem;
  padding: 1.3rem 2rem;
  border: 0.1rem solid transparent;
  color: inherit;
  background-image: radial-gradient(305.66% 305.66% at 82.45% -11.32%, rgba(255, 255, 255, 0.41) 0%, rgba(40, 43, 46, 0.41) 100%), linear-gradient(89.59deg, #DDDDDD 21.87%, #FFFFFF 83.7%);
  text-align: center;
}

.button__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.4rem;
  padding: 1rem;
  background-image: radial-gradient(305.66% 305.66% at 82.45% -11.32%, rgba(255, 255, 255, 0.41) 0%, rgba(40, 43, 46, 0.41) 100%), linear-gradient(89.59deg, #DDDDDD 21.87%, #FFFFFF 83.7%);
}

.button--arrow-dark:hover .button__text, .button--arrow-dark:focus .button__text,
.button--arrow-primary:hover .button__text,
.button--arrow-primary:focus .button__text {
  border-color: transparent;
  color: #FFFFFF;
  background-image: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}

.button--arrow-dark:focus,
.button--arrow-primary:focus,
.button--primary.button--arrow-primary:focus {
  outline: none;
}

.button--primary.button--arrow-primary:hover .button__text, .button--primary.button--arrow-primary:focus .button__text {
  border-color: transparent;
  color: #282829;
  background-image: radial-gradient(305.66% 305.66% at 82.45% -11.32%, rgba(255, 255, 255, 0.41) 0%, rgba(40, 43, 46, 0.41) 100%), linear-gradient(89.59deg, #DDDDDD 21.87%, #FFFFFF 83.7%);
}

.button--arrow-dark .button__arrow {
  background-image: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(218, 221, 224, 0.41) 0%, rgba(165, 165, 165, 0.41) 100%), linear-gradient(243deg, #919191 -8.5%, #3C3D3F 81.25%);
}

.button--primary .button__text {
  color: #FFFFFF;
  background-image: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}

.button--arrow-primary .button__arrow {
  background-image: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}

.button--arrow-dark use,
.button--arrow-primary use {
  fill: #FFFFFF;
}

/* SITE-HEADER */
.site-header {
  position: sticky;
  top: -0.1rem;
  left: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.6rem;
  background-image: radial-gradient(81.38% 445.87% at 40.1% 100%, rgba(0, 0, 0, 0) 0%, rgba(40, 43, 46, 0.4) 100%), linear-gradient(90deg, #EDEDED 0%, #FFFFFF 107.47%);
  z-index: 10;
}
@media (min-width: 768px) {
  .site-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.site-header--active {
  position: fixed;
  display: grid;
  width: 100vw;
  height: 100vh;
  padding-bottom: 2rem;
  color: #FFFFFF;
  background-image: conic-gradient(from 26.44deg at 69.76% 73.62%, #122AFF 0deg, #002DCE 184.53deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
}
.site-header--active + main {
  margin-top: 8.5rem;
}
.site-header--active .site-header__container {
  grid-template-rows: auto 1fr auto;
  row-gap: 2rem;
}
.site-header--active .site-header__logo {
  filter: brightness(0) invert(1);
}
.site-header--active .site-header__logo--shield {
  grid-row: 1/2;
  grid-column: 1/2;
}
.site-header--active .site-header__toggle {
  grid-row: 1/2;
  grid-column: 2/3;
}
.site-header--active .site-header__toggle-icon use,
.site-header--active .site-header__toggle:hover .site-header__toggle-icon use {
  stroke: #FFFFFF;
}
.site-header--active .site-header__navigation {
  display: block;
  font-size: 1.8rem;
  grid-row: 2/3;
  grid-column: 1/-1;
}
.site-header--active .navigation__link:hover,
.site-header--active .site-header__contacts-link:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.site-header--active .site-header__contacts {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-self: start;
  grid-row: 3/4;
  grid-column: 1/-1;
  font-size: 1.6rem;
}
@media (min-width: 576px) {
  .site-header--active .site-header__contacts {
    align-items: flex-end;
    justify-self: end;
    grid-column: 3/4;
  }
}
@media (min-width: 992px) {
  .site-header--active .site-header__contacts {
    flex-direction: row;
    grid-row: 1/2;
    grid-column: 3/4;
    font-size: 1.8rem;
  }
}
.site-header--active .site-header__button {
  display: inline-flex;
  grid-column: 1/-1;
}
@media (min-width: 576px) {
  .site-header--active .site-header__button {
    grid-column: 1/3;
  }
}
@media (min-width: 992px) {
  .site-header--active .site-header__button {
    grid-column: 1/-1;
    justify-self: start;
  }
}
.site-header--active .site-header__logo--iqtech {
  justify-self: end;
  grid-row: 1/2;
  grid-column: 3/4;
}
@media (min-width: 992px) {
  .site-header--active .site-header__logo--iqtech {
    grid-column: 4/5;
  }
}

.site-header__container {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  max-width: 192rem;
}
@media (min-width: 768px) {
  .site-header__container {
    grid-template-columns: auto 1fr auto auto;
  }
}

.site-header__logo--shield {
  width: 5.7rem;
  margin-right: 1.5rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .site-header__logo--shield {
    width: auto;
    margin-right: 4rem;
    overflow: visible;
  }
}
@media (min-width: 1200px) {
  .site-header__logo--shield {
    margin-right: 1.5rem;
  }
}
@media (min-width: 1920px) {
  .site-header__logo--shield {
    margin-right: 6.5rem;
  }
}

.site-header__logo--shield .site-header__logo-img {
  -webkit-clip-path: inset(0 75% 0 0);
          clip-path: inset(0 75% 0 0);
}
@media (min-width: 768px) {
  .site-header__logo--shield .site-header__logo-img {
    -webkit-clip-path: none;
            clip-path: none;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .site-header__logo--shield .site-header__logo-img {
    width: 20rem;
  }
}

.site-header__toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.9rem;
  height: 3.6rem;
  margin-right: auto;
  padding: 0.5rem;
  border: none;
  background-color: transparent;
}
@media (min-width: 1200px) {
  .site-header__toggle {
    display: none;
  }
}
.site-header__toggle:hover .site-header__toggle-icon use {
  stroke: #051DF3;
}

.site-header__toggle-icon use {
  stroke: #282829;
}

.site-header__navigation {
  display: none;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .site-header__navigation {
    display: block;
  }
}

.site-header__button {
  display: none;
}

.site-header__contacts {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  padding-left: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  list-style-type: none;
}
@media (min-width: 992px) {
  .site-header__contacts {
    display: flex;
  }
}
@media (min-width: 1920px) {
  .site-header__contacts {
    gap: 2rem;
    margin-right: 3.5rem;
  }
}

.site-header__contacts-link {
  padding: 0.5rem;
  color: inherit;
  text-decoration: none;
}
.site-header__contacts-link:hover {
  color: #051DF3;
}

.site-header__logo--iqtech {
  width: 14rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .site-header__logo--iqtech {
    width: auto;
    overflow: visible;
  }
}

.site-header__logo--iqtech .site-header__logo-img {
  -webkit-clip-path: inset(0 19% 0 0);
          clip-path: inset(0 19% 0 0);
}
@media (min-width: 768px) {
  .site-header__logo--iqtech .site-header__logo-img {
    -webkit-clip-path: none;
            clip-path: none;
  }
}

/* BREADCRUMB */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-left: 0;
  margin-bottom: 5rem;
  list-style-type: none;
  font-size: 1.6rem;
  line-height: 1.63;
}

.breadcrumb__item {
  display: flex;
  align-items: center;
}

.breadcrumb__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.5rem;
  margin-left: 1.5rem;
  background-color: #051DF3;
}

.breadcrumb__link {
  color: inherit;
  text-decoration: none;
}
.breadcrumb__link:hover {
  color: inherit;
  text-decoration: underline;
}

.breadcrumb__item:last-child {
  opacity: 0.5;
}

/* PAGINATION */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.pagination__item--current .pagination__link {
  border-color: transparent;
  color: #FFFFFF;
  background: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}

.pagination__item:first-child {
  margin-right: 1.7rem;
}
.pagination__item:first-child .pagination__arrow-icon {
  transform: rotate(180deg);
}

.pagination__item:last-child {
  margin-left: 1.7rem;
}

.pagination__item:first-child .pagination__link,
.pagination__item:last-child .pagination__link {
  background: radial-gradient(305.66% 305.66% at 82.45% -11.32%, rgba(255, 255, 255, 0.41) 0%, rgba(40, 43, 46, 0.41) 100%), linear-gradient(89.59deg, #DDDDDD 21.87%, #FFFFFF 83.7%);
}
.pagination__item:first-child:hover .pagination__link,
.pagination__item:last-child:hover .pagination__link {
  background: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}

.pagination__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.4rem;
  height: 5.4rem;
  font-size: 2rem;
  line-height: 1.35;
  text-decoration: none;
  color: inherit;
  border: 0.1rem solid #CCCCCC;
}
.pagination__link:hover {
  border-color: transparent;
  color: #FFFFFF;
  background: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}
.pagination__link:hover use {
  fill: #FFFFFF;
}

/* HERO */
.hero {
  padding-top: 3rem;
  padding-bottom: 12.2rem;
  margin-bottom: 6rem;
  color: #FFFFFF;
  background: linear-gradient(258.03deg, #051DF3 66.34%, #001B62 105.88%);
}
@media (min-width: 576px) {
  .hero {
    background: -webkit-image-set(url("../images/hero-bg.webp") type("image/webp") 1x, url("../images/hero-bg@2x.webp") type("image/webp") 2x) no-repeat top 0 left 50vw, linear-gradient(258.03deg, #051DF3 66.34%, #001B62 105.88%);
    background: image-set(url("../images/hero-bg.webp") type("image/webp") 1x, url("../images/hero-bg@2x.webp") type("image/webp") 2x) no-repeat top 0 left 50vw, linear-gradient(258.03deg, #051DF3 66.34%, #001B62 105.88%);
  }
}
.hero--main-page {
  padding-top: 4.75rem;
  padding-bottom: 0;
  margin-bottom: 10.5rem;
}
@media (min-width: 576px) {
  .hero--main-page {
    background: -webkit-image-set(url("../images/hero-bg-main-page.webp") type("image/webp") 1x, url("../images/hero-bg-main-page@2x.webp") type("image/webp") 2x) no-repeat top 0 left 50vw, linear-gradient(258.03deg, #051DF3 66.34%, #001B62 105.88%);
    background: image-set(url("../images/hero-bg-main-page.webp") type("image/webp") 1x, url("../images/hero-bg-main-page@2x.webp") type("image/webp") 2x) no-repeat top 0 left 50vw, linear-gradient(258.03deg, #051DF3 66.34%, #001B62 105.88%);
  }
}
@media (min-width: 768px) {
  .hero--main-page {
    padding-top: 9.5rem;
    margin-bottom: 21.1rem;
  }
}
.hero--404-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  min-height: calc(100vh - 7rem);
  padding-bottom: 3rem;
  margin-bottom: 0;
  background: -webkit-image-set(url("../images/hero-404-bg.webp") type("image/webp") 1x, url("../images/hero-404-bg@2x.webp") type("image/webp") 2x) no-repeat center/cover, linear-gradient(258.03deg, #051DF3 66.34%, #001B62 105.88%);
  background: image-set(url("../images/hero-404-bg.webp") type("image/webp") 1x, url("../images/hero-404-bg@2x.webp") type("image/webp") 2x) no-repeat center/cover, linear-gradient(258.03deg, #051DF3 66.34%, #001B62 105.88%);
  text-align: center;
}
@media (min-width: 768px) {
  .hero--404-page {
    min-height: calc(100vh - 8.5rem);
  }
}

.hero--main-page .main-title {
  max-width: 91.2rem;
}
@media (min-width: 992px) {
  .hero--main-page .main-title {
    font-size: 8rem;
  }
}

.hero--404-page .hero__button {
  margin-top: 4.7rem;
}

.hero__description {
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
}
@media (min-width: 768px) {
  .hero__description {
    font-size: 2.4rem;
  }
}

.hero__button {
  margin-bottom: 4.3rem;
}

.hero__img {
  position: relative;
  top: 3.5rem;
  margin-top: -3.5rem;
}
@media (min-height: 576px) {
  .hero__img {
    top: 7rem;
    margin-top: -7rem;
  }
}
@media (min-width: 992px) {
  .hero__img {
    top: 14.1rem;
    margin-top: -14.1rem;
  }
}

.hero .breadcrumb__item:not(:last-child)::after {
  background-color: #FFFFFF;
}

/* CATALOG */
.catalog {
  margin-bottom: 6rem;
}

.catalog__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 3rem;
}

.catalog__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.catalog__item {
  position: relative;
  width: 100%;
  padding: 1.5rem;
  font-size: 1.6rem;
  line-height: 1.63;
  border: 0.1rem solid #CCCCCC;
  background-color: #FFFFFF;
  overflow: hidden;
}
@media (min-width: 576px) {
  .catalog__item {
    width: calc((100% - 2rem) / 2);
  }
}
@media (min-width: 768px) {
  .catalog__item {
    padding: 3rem;
  }
}
@media (min-width: 992px) {
  .catalog__item {
    width: calc((100% - 4rem) / 3);
  }
}
.catalog__item:hover {
  box-shadow: 0 0.7rem 3rem 0 #DADADA;
}
.catalog__item:hover .catalog__item-link {
  color: #051DF3;
}
.catalog__item:hover .button__text {
  color: #FFFFFF;
  background: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}

@media (min-width: 992px) {
  .catalog__item:nth-child(-n+2) {
    display: grid;
    grid-template-columns: max-content 1fr auto;
    grid-template-rows: auto 1fr auto;
    gap: 2rem;
    width: calc((100% - 2rem) / 2);
  }
  .catalog__item:nth-child(-n+2) .catalog__item-title {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .catalog__item:nth-child(-n+2) .catalog__item-img {
    position: absolute;
    max-width: none;
    width: 91.8rem;
    grid-column: 2/4;
    grid-row: 2/3;
  }
  .catalog__item:nth-child(-n+2) .catalog__item-label {
    position: relative;
    left: 3rem;
    display: none;
    justify-self: end;
    align-self: start;
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .catalog__item:nth-child(-n+2) .catalog__item-list {
    grid-template-columns: auto;
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .catalog__item:nth-child(-n+2) .catalog__item-buttons {
    grid-column: 1/-1;
  }
}

.catalog__item-title {
  margin-bottom: 0.83em;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
  color: #051DF3;
}
@media (min-width: 768px) {
  .catalog__item-title {
    min-height: 5.9rem;
    font-size: 2.4rem;
  }
}

.catalog__item-link {
  color: inherit;
  text-decoration: none;
}
.catalog__item-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.catalog__item-img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.catalog__item-label {
  display: none;
  padding: 1rem;
  padding-right: 0;
  background-color: #F3F3F3;
}

.catalog__item-stock {
  position: relative;
  display: inline-block;
  padding: 0.2rem 2rem 0.2rem 1rem;
  color: #FFFFFF;
  background-color: #F20000;
}
.catalog__item-stock::before {
  content: "";
  position: absolute;
  top: 1.2rem;
  right: 1rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #FFFFFF;
}

.catalog__item-stock--in-stock {
  background-color: #018841;
}

.catalog__item-list {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.catalog__item-term {
  font-weight: 400;
  color: #979797;
}

.catalog__item-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.catalog__item-buttons .button__text {
  min-width: 12.8rem;
}

.catalog__item-buttons .button--primary {
  position: relative;
  z-index: 5;
}

/* ADVANTAGES */
.advantages {
  margin-bottom: 10rem;
  text-align: center;
}

.advantages__title {
  margin-bottom: 1.65em;
}

.advantages__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6rem 3rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.advantages__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(50% - 1.5rem);
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .advantages__item {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .advantages__item {
    width: calc(33% - 2rem);
  }
}
@media (min-width: 1400px) {
  .advantages__item {
    width: calc(20% - 2.4rem);
  }
}
.advantages__item::before {
  content: "";
  display: block;
  width: 7.7rem;
  height: 8.9rem;
  margin-bottom: 2.6rem;
  box-shadow: 0 0.5rem 4rem 0 rgba(15, 109, 238, 0.1);
  -webkit-mask-image: url("../images/mask-shield-mobile.svg");
          mask-image: url("../images/mask-shield-mobile.svg");
}
@media (min-width: 576px) {
  .advantages__item::before {
    width: 15.2rem;
    height: 17.4rem;
    -webkit-mask-image: url("../images/mask-shield-tablet.svg");
            mask-image: url("../images/mask-shield-tablet.svg");
  }
}
@media (min-width: 1200px) {
  .advantages__item::before {
    margin-bottom: 4.3rem;
  }
}
@media (min-width: 1400px) {
  .advantages__item::before {
    width: 17rem;
    height: 19.6rem;
    -webkit-mask-image: url("../images/mask-shield.svg");
            mask-image: url("../images/mask-shield.svg");
  }
}
.advantages__item::after {
  content: "";
  position: absolute;
  top: -1.4rem;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -1.4rem;
  display: block;
  width: 7.7rem;
  height: 8.9rem;
  background-image: conic-gradient(from -64.53deg at 64.16% 49.81%, #358AFF 0deg, #002DCE 360deg);
  -webkit-mask-image: url("../images/mask-shield-shadow-mobile.svg");
          mask-image: url("../images/mask-shield-shadow-mobile.svg");
  z-index: -1;
}
@media (min-width: 576px) {
  .advantages__item::after {
    top: -4rem;
    margin-left: -2.8rem;
    width: 15.2rem;
    height: 17.4rem;
    -webkit-mask-image: url("../images/mask-shield-shadow-tablet.svg");
            mask-image: url("../images/mask-shield-shadow-tablet.svg");
  }
}
@media (min-width: 1400px) {
  .advantages__item::after {
    width: 17rem;
    height: 19.6rem;
    -webkit-mask-image: url("../images/mask-shield-shadow.svg");
            mask-image: url("../images/mask-shield-shadow.svg");
  }
}

.advantages__item:nth-child(1)::before {
  background: url("../images/icons/advantages-1.svg") no-repeat center/6.2rem 6rem, conic-gradient(from 60.01deg at 30.34% 39.03%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
}
@media (min-width: 576px) {
  .advantages__item:nth-child(1)::before {
    background: url("../images/icons/advantages-1.svg") no-repeat center/10.1rem 9.7rem, conic-gradient(from 60.01deg at 30.34% 39.03%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}
@media (min-width: 1400px) {
  .advantages__item:nth-child(1)::before {
    background: url("../images/icons/advantages-1.svg") no-repeat center/11.4rem 10.9rem, conic-gradient(from 60.01deg at 30.34% 39.03%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}

.advantages__item:nth-child(2)::before {
  background: url("../images/icons/advantages-2.svg") no-repeat center/6.2rem 6rem, conic-gradient(from -47.94deg at 60.3% 40.52%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
}
@media (min-width: 576px) {
  .advantages__item:nth-child(2)::before {
    background: url("../images/icons/advantages-2.svg") no-repeat center/10.1rem 9.7rem, conic-gradient(from -47.94deg at 60.3% 40.52%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}
@media (min-width: 1400px) {
  .advantages__item:nth-child(2)::before {
    background: url("../images/icons/advantages-2.svg") no-repeat center/11.4rem 10.9rem, conic-gradient(from -47.94deg at 60.3% 40.52%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}

.advantages__item:nth-child(3)::before {
  background: url("../images/icons/advantages-3.svg") no-repeat center/6.2rem 6rem, conic-gradient(from 126.65deg at 50% 55.95%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
}
@media (min-width: 576px) {
  .advantages__item:nth-child(3)::before {
    background: url("../images/icons/advantages-3.svg") no-repeat center/10.1rem 9.7rem, conic-gradient(from 126.65deg at 50% 55.95%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}
@media (min-width: 1400px) {
  .advantages__item:nth-child(3)::before {
    background: url("../images/icons/advantages-3.svg") no-repeat center/11.4rem 10.9rem, conic-gradient(from 126.65deg at 50% 55.95%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}

.advantages__item:nth-child(4)::before {
  background: url("../images/icons/advantages-4.svg") no-repeat center/6.2rem 6rem, conic-gradient(from -63.2deg at 54.49% 51.3%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
}
@media (min-width: 576px) {
  .advantages__item:nth-child(4)::before {
    background: url("../images/icons/advantages-4.svg") no-repeat center/10.1rem 9.7rem, conic-gradient(from -63.2deg at 54.49% 51.3%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}
@media (min-width: 1400px) {
  .advantages__item:nth-child(4)::before {
    background: url("../images/icons/advantages-4.svg") no-repeat center/11.4rem 10.9rem, conic-gradient(from -63.2deg at 54.49% 51.3%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}

.advantages__item:nth-child(5)::before {
  background: url("../images/icons/advantages-5.svg") no-repeat center/6.2rem 6rem, conic-gradient(from -63.2deg at 54.49% 51.3%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
}
@media (min-width: 576px) {
  .advantages__item:nth-child(5)::before {
    background: url("../images/icons/advantages-5.svg") no-repeat center/10.1rem 9.7rem, conic-gradient(from -63.2deg at 54.49% 51.3%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}
@media (min-width: 1400px) {
  .advantages__item:nth-child(5)::before {
    background: url("../images/icons/advantages-5.svg") no-repeat center/11.4rem 10.9rem, conic-gradient(from -63.2deg at 54.49% 51.3%, #122AFF 0deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}

/* TECHNOLOGIES */
.technologies {
  max-width: calc(100% - 3rem);
  margin: 0 auto;
  background-image: conic-gradient(from 137.12deg at 40.64% 63.55%, #A6A6A6 0deg, #FFFFFF 180deg, #FFFFFF 360deg);
}
@media (min-width: 576px) {
  .technologies {
    max-width: calc(100% - 6rem);
  }
}

.technologies__list {
  padding-left: 0;
  margin-bottom: 2rem;
  list-style-type: none;
}

.technologies__item {
  padding: 2rem 0.5rem;
}
@media (min-width: 576px) {
  .technologies__item {
    padding: 2rem;
  }
}
@media (min-width: 768px) {
  .technologies__item {
    padding: 4rem;
  }
}

.technologies__item:not(:last-child) {
  border-bottom: 0.1rem solid #CCCCCC;
}

@media (min-width: 1200px) {
  .technologies__item:nth-child(even) .technologies__col {
    order: 1;
  }
}

.technologies__row {
  row-gap: 3rem;
}

.technologies__item-title {
  margin-bottom: 0.5em;
}

.technologies__button {
  margin-top: 3rem;
}

/* ABOUT */
.about {
  margin-bottom: 9rem;
}
.about--main-page {
  padding-top: 5rem;
  padding-bottom: 6.4rem;
  margin-bottom: 7rem;
  color: #FFFFFF;
  background: conic-gradient(from 28.93deg at 69.76% 73.62%, #122AFF 0deg, #002DCE 180deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
}
@media (min-width: 992px) {
  .about--main-page {
    background: -webkit-image-set(url("../images/about-bg.webp") type("image/webp") 1x, url("../images/about-bg@2x.webp") type("image/webp") 2x) no-repeat top 50% left 50vw, conic-gradient(from 28.93deg at 69.76% 73.62%, #122AFF 0deg, #002DCE 180deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
    background: image-set(url("../images/about-bg.webp") type("image/webp") 1x, url("../images/about-bg@2x.webp") type("image/webp") 2x) no-repeat top 50% left 50vw, conic-gradient(from 28.93deg at 69.76% 73.62%, #122AFF 0deg, #002DCE 180deg, #0012B5 360deg), linear-gradient(266.14deg, rgba(0, 27, 98, 0) 70.49%, rgba(0, 27, 98, 0.85) 131.72%);
  }
}
.about h3 {
  margin-top: 1.67em;
  margin-bottom: 0.83em;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2rem;
  line-height: 1.21;
  font-weight: 600;
}
@media (min-width: 768px) {
  .about h3 {
    font-size: 2.4rem;
  }
}
.about h3:first-child {
  margin-top: 0;
}
.about p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.about__title {
  margin-bottom: 0.63em;
}

.about__img {
  margin-bottom: 2.6rem;
}

.about__button {
  margin-top: 4rem;
}

.about__row {
  row-gap: 3rem;
}

.about-page {
  background-image: conic-gradient(from 130.41deg at 76.54% 29.74%, #DADADA 0deg, #FFFFFF 180deg, #FFFFFF 360deg);
}

/* NEWS */
.news {
  margin-bottom: 7.3rem;
}

.news__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 3rem;
}

.news__list {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: dense;
  gap: 2rem;
  padding-left: 0;
  margin-bottom: 4rem;
  list-style-type: none;
}
@media (min-width: 768px) {
  .news__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.news__item:nth-child(odd) .news__article:hover {
  box-shadow: 0 0.7rem 3rem 0 #DADADA;
}
.news__item:nth-child(odd) .news__article:hover .news__article-link {
  color: #051DF3;
}
.news__item:nth-child(odd) .news__article:hover .button__text {
  color: #FFFFFF;
  background: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}

.news__list--special .news__item {
  display: flex;
}
.news__list--special .news__item:nth-child(even) .news__article:hover {
  box-shadow: 0 0.7rem 3rem 0 #DADADA;
}
.news__list--special .news__item:nth-child(even) .news__article:hover .news__article-link {
  color: #051DF3;
}
.news__list--special .news__item:nth-child(even) .news__article:hover .button__text {
  color: #FFFFFF;
  background: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}

.news__list:not(.news__list--special) .news__item:nth-child(odd) {
  grid-row: span 2;
}
.news__list:not(.news__list--special) .news__item:nth-child(even) .news__article-button,
.news__list:not(.news__list--special) .news__item:nth-child(even) .news__article-img {
  display: none;
}
.news__list:not(.news__list--special) .news__item:nth-child(even) .news__article {
  grid-template-columns: auto;
  background-color: transparent;
  border: 0.1rem solid #282829;
}
.news__list:not(.news__list--special) .news__item:nth-child(even) .news__article:hover {
  background-color: rgba(0, 56, 200, 0.4);
  border-color: #051DF3;
}
.news__list:not(.news__list--special) .news__item:nth-child(even) .news__article:hover .news__article-link,
.news__list:not(.news__list--special) .news__item:nth-child(even) .news__article:hover .news__article-date,
.news__list:not(.news__list--special) .news__item:nth-child(even) .news__article:hover .news__article-tag {
  color: #051DF3;
}
.news__list:not(.news__list--special) .news__item:nth-child(even) .news__article:hover .news__article-tag {
  background-color: #E4E8FF;
}
.news__list:not(.news__list--special) .news__item:nth-child(even) .news__article-tag {
  color: inherit;
  background-color: #E3E3E3;
}

.news__article {
  position: relative;
  display: grid;
  grid-template-columns: 5.9rem 1fr;
  border: 0.1rem solid rgba(0, 64, 151, 0.2);
  background-color: #FFFFFF;
}
@media (min-width: 576px) {
  .news__article {
    grid-template-columns: 11.8rem 1fr;
  }
}
@media (min-width: 1200px) {
  .news__article {
    grid-template-columns: 23.6rem 1fr;
  }
}

.news__article-col {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  order: 1;
}
@media (min-width: 768px) {
  .news__article-col {
    padding: 3rem;
  }
}

.news__article-title {
  margin-bottom: 1.5rem;
  font-family: "Open Sans", sans-serif, sans-serif;
  font-size: 2rem;
  line-height: 1.35;
  font-weight: 600;
}

.news__article-link {
  color: inherit;
  text-decoration: none;
}
.news__article-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news__article-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 1.36;
  order: -1;
}

.news__article-tag {
  padding: 0.3rem 0.7rem;
  color: #051DF3;
  background-color: #E4E8FF;
}

.news__article-date {
  color: #979797;
}

.news__article-button {
  margin-top: auto;
}

.news__article-button .button__text {
  flex-grow: 1;
  text-align: left;
}

.news__article-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.news__pagination {
  margin-top: 4rem;
}

/* REQUEST */
.request {
  padding-top: 6.5rem;
  padding-bottom: 4rem;
  font-size: 1.4rem;
  line-height: 1.36;
  color: #FFFFFF;
  background: url("../images/request-bg.svg") repeat center, linear-gradient(54.25deg, #0012B5 32.22%, #002DCE 68.06%), linear-gradient(170.73deg, rgba(0, 27, 98, 0) 4.34%, #001B62 69.71%);
}

.request__row {
  row-gap: 3rem;
}

.request__form {
  display: grid;
  gap: 3rem;
  margin-bottom: 3rem;
}
@media (min-width: 576px) {
  .request__form {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 1.8rem;
  }
}

@media (min-width: 576px) {
  .request__form-item--textarea {
    grid-column: 2/3;
    grid-row: 1/span 3;
  }
}

.request__form-label {
  display: block;
  margin-bottom: 0.43em;
}

.request__form-input,
.request__form-textarea {
  width: 100%;
  padding: 1rem 1.4rem;
  border: 0.1rem solid #979797;
  background-color: #FFFFFF;
}

.request__form-input.border-danger,
.request__form-textarea.border-danger {
  border-color: #FF6969;
  outline: 0.4rem solid #6993FF;
}

.request__form-input:focus,
.request__form-textarea:focus {
  border-color: #6993FF;
  outline: 0.4rem solid #6993FF;
}

.request__form-input::-moz-placeholder, .request__form-textarea::-moz-placeholder {
  color: #979797;
}

.request__form-input::placeholder,
.request__form-textarea::placeholder {
  color: #979797;
}

.request__form-textarea {
  min-height: 22.8rem;
  margin-bottom: 0.6rem;
  resize: none;
}

.request__note,
.request__note a {
  color: #7AB3FF;
}

.request__note a {
  text-decoration: none;
}
.request__note a:hover {
  text-decoration: underline;
}

.request__button {
  justify-self: start;
}

.request__description {
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
}
@media (min-width: 768px) {
  .request__description {
    font-size: 2.4rem;
  }
}

/* SEO */
.seo {
  margin-bottom: 7rem;
}

.seo h2 {
  margin-bottom: 0.5em;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 3.2rem;
  line-height: 1.31;
  font-weight: 600;
}
@media (min-width: 768px) {
  .seo h2 {
    font-size: 4rem;
  }
}

.seo h3 {
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  .seo h3 {
    font-size: 2.4rem;
  }
}

.seo p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.seo a {
  color: #051DF3;
  text-decoration: none;
}
.seo a:hover {
  text-decoration: underline;
}

.seo ul,
.seo ol {
  margin-top: 1.11em;
  margin-bottom: 1.11em;
}

.seo ul li::marker {
  color: #051DF3;
}

.seo li {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* CONTACTS */
.contacts {
  margin-bottom: 5rem;
}

.contacts__row {
  row-gap: 2rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.contacts__wrapper--top {
  margin-bottom: 7.2rem;
}
.contacts__wrapper--bottom {
  padding-top: 3.6rem;
  border-top: 0.1rem solid #CCCCCC;
}

.contacts__link {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.contacts__link:hover {
  color: #051DF3;
}

.contacts__link,
.contacts__address {
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2rem;
  line-height: 1.21;
  font-style: normal;
  font-weight: 600;
}
@media (min-width: 768px) {
  .contacts__link,
  .contacts__address {
    font-size: 2.4rem;
  }
}

.contacts__link-text {
  margin-right: 2rem;
}

.contacts__link-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.3rem;
  height: 5.3rem;
  padding: 1rem;
  background-image: radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%), linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%);
}

.contacts__link-arrow use {
  fill: #FFFFFF;
}

.contacts__button {
  margin-top: 2.5rem;
}

.contacts-page {
  background-image: conic-gradient(from 130.41deg at 76.54% 29.74%, #DADADA 0deg, #FFFFFF 180deg, #FFFFFF 360deg);
}

/* MAP */
.map {
  height: 55rem;
  background: #282829 -webkit-image-set(url("../images/map-bg.webp") type("image/webp") 1x, url("../images/map-bg@2x.webp") type("image/webp") 2x) no-repeat center/cover;
  background: #282829 image-set(url("../images/map-bg.webp") type("image/webp") 1x, url("../images/map-bg@2x.webp") type("image/webp") 2x) no-repeat center/cover;
  filter: grayscale(1);
  overflow: hidden;
}

/* NEWS-ARTICLE */
.news-article {
  padding-top: 3rem;
  margin-bottom: 6rem;
}

@media (min-width: 992px) {
  .news-article__title,
  .news-article__meta {
    width: 66.67%;
  }
}

.news-article__title {
  margin-bottom: 0.66em;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-style: italic;
  font-size: 4rem;
  line-height: 1.3;
  font-weight: 600;
}

.news-article__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 5.6rem;
  font-size: 1.4rem;
  line-height: 1.36;
  order: -1;
}

.news-article__tag {
  padding: 0.3rem 0.7rem;
  color: #051DF3;
  background-color: #E4E8FF;
}

.news__article-date {
  color: #979797;
}

.news-article__description *:first-child {
  margin-top: 0;
}

.news-article__description img,
.news-article__description figure {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 4rem;
  margin-bottom: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.news-article__description h2 {
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2.4rem;
  line-height: 1.21;
  font-weight: 600;
  color: inherit;
}

.news-article__description p,
.news-article__description li {
  margin-top: 1em;
  margin-bottom: 1em;
}

.news-article__description ul,
.news-article__description ol {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.news-article__description ul li::marker {
  color: #051DF3;
}

.news-article__description a {
  color: #051DF3;
  text-decoration: none;
}
.news-article__description a:hover {
  color: #051DF3;
  text-decoration: underline;
}

.news-article__description figure img {
  margin-bottom: 2rem;
}

.news-article__description figcaption {
  margin-top: 2rem;
  font-size: 1.2rem;
  line-height: 1.58;
}

/* EQUIPMENT */
.equipment {
  padding-top: 3rem;
  padding-bottom: 5rem;
  margin-bottom: 6rem;
  background: conic-gradient(from 147.44deg at 72.66% 26.92%, #DADADA 0deg, #FFFFFF 180deg, #FFFFFF 360deg);
}

.equipment__wrapper--top {
  margin-bottom: 4.5rem;
}
.equipment__wrapper--bottom {
  padding-top: 3.7rem;
  border-top: 0.1rem solid #CCCCCC;
}

.equipment__row {
  display: grid;
}
@media (min-width: 992px) {
  .equipment__row {
    grid-template-columns: repeat(2, 1fr);
  }
}

.equipment__title {
  margin-bottom: 0.5em;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-style: italic;
  font-size: 4rem;
  line-height: 1.3;
  font-weight: 600;
  word-wrap: break-word;
}

.equipment__description {
  margin-bottom: 3rem;
}

.equipment__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.3rem;
  margin-bottom: 3rem;
  font-size: 1.6rem;
  line-height: 1.63;
}

.equipment__stock {
  position: relative;
  padding-left: 1.4rem;
  color: #F20000;
}
.equipment__stock::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #F20000;
}
.equipment__stock--in-stock {
  color: #018841;
}
.equipment__stock--in-stock::before {
  background-color: #018841;
}

.equipment__buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.5rem;
}

.equipment__slider {
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .equipment__slider {
    grid-column: 2/3;
    grid-row: 1/span 3;
    align-self: start;
  }
}

.equipment__slide-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.equipment__list {
  row-gap: 1.6rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.equipment__list-item {
  position: relative;
  padding-left: 5rem;
}
@media (min-width: 576px) {
  .equipment__list-item {
    padding-left: 7rem;
  }
}
.equipment__list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.5rem;
  width: 2.5rem;
  height: 2.8rem;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 576px) {
  .equipment__list-item::before {
    left: 3rem;
  }
}
.equipment__list-item:nth-child(1)::before {
  background-image: url("../images/icons/equipment-1.svg");
}
.equipment__list-item:nth-child(2)::before {
  background-image: url("../images/icons/equipment-2.svg");
}
.equipment__list-item:nth-child(3)::before {
  background-image: url("../images/icons/equipment-3.svg");
}
.equipment__list-item:nth-child(4)::before {
  background-image: url("../images/icons/equipment-4.svg");
}

/* DESCRIPTION */
.description {
  margin-bottom: 6rem;
}

.description p,
.description li {
  margin-top: 1em;
  margin-bottom: 1em;
}

.description ul,
.description ol {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.description ul li::marker {
  color: #051DF3;
}

.description a {
  color: #051DF3;
  text-decoration: none;
}
.description a:hover {
  color: #051DF3;
  text-decoration: underline;
}

.description__col *:first-child {
  margin-top: 0;
}

.description__col *:last-child {
  margin-bottom: 0;
}

/* SPECIFICATIONS */
.specifications {
  margin-bottom: 6rem;
}

.specifications__title {
  margin-bottom: 0.75em;
}

.specifications__table {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.63;
}

.specifications__table-row {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}
@media (min-width: 576px) {
  .specifications__table-row {
    display: flex;
  }
}
.specifications__table-row:nth-child(even) {
  background-color: #FFFFFF;
}

.specifications__table-cell {
  margin-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 576px) {
  .specifications__table-cell {
    width: 75%;
    min-width: 24rem;
    padding-left: 3rem;
    padding-right: 3rem;
    vertical-align: top;
  }
}
.specifications__table-cell--heading {
  font-weight: 400;
  color: #979797;
}
@media (min-width: 576px) {
  .specifications__table-cell--heading {
    width: 25%;
  }
}

.specifications__link-download {
  margin-top: 3rem;
}

/* BANNER */
.banner {
  padding-top: 9.5rem;
  padding-bottom: 11rem;
  color: #FFFFFF;
  background: -webkit-image-set(url("../images/banner-bg.webp") type("image/webp") 1x, url("../images/banner-bg@2x.webp") type("image/webp") 2x) no-repeat top 0 left 50vw/cover, linear-gradient(258.03deg, #051DF3 66.34%, #001B62 105.88%);
  background: image-set(url("../images/banner-bg.webp") type("image/webp") 1x, url("../images/banner-bg@2x.webp") type("image/webp") 2x) no-repeat top 0 left 50vw/cover, linear-gradient(258.03deg, #051DF3 66.34%, #001B62 105.88%);
}

.banner__title {
  margin-bottom: 0.5em;
}

.banner__button {
  margin-top: 3rem;
}

/* SITEMAP */
.sitemap {
  margin-bottom: 6rem;
}

.sitemap__list,
.sitemap__sublist {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.sitemap__list {
  display: grid;
  grid-auto-flow: dense;
  gap: 2rem;
}
@media (min-width: 576px) {
  .sitemap__list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, auto);
  }
}
@media (min-width: 768px) {
  .sitemap__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.sitemap__item--children {
  grid-row: 1/-1;
}

.sitemap__item-title {
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2rem;
  line-height: 1.21;
  font-weight: 600;
}

.sitemap__item-link,
.sitemap__subitem-link {
  color: inherit;
  text-decoration: none;
}
.sitemap__item-link:hover,
.sitemap__subitem-link:hover {
  color: #051DF3;
}

.sitemap__sublist {
  margin-top: 2rem;
}

.sitemap__subitem:not(:last-child) {
  margin-bottom: 1em;
}

/* POLICY */
.policy {
  padding-top: 3rem;
  margin-bottom: 6rem;
}

.policy__title {
  max-width: 93rem;
  margin-bottom: 1.05em;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-style: italic;
  font-size: 4rem;
  line-height: 1.3;
  font-weight: 600;
  word-wrap: break-word;
}

.policy__description h2,
.policy__description caption,
.policy__description .lead {
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2.4rem;
  line-height: 1.21;
  font-weight: 600;
  color: inherit;
}

.policy__description p,
.policy__description li {
  margin-top: 1em;
  margin-bottom: 1em;
}

.policy__description ul,
.policy__description ol {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.policy__description ul li::marker {
  color: #051DF3;
}

.policy__description a {
  color: #051DF3;
  text-decoration: none;
}
.policy__description a:hover {
  color: #051DF3;
  text-decoration: underline;
}

.policy__description table {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 1.63;
}

.policy__description caption {
  caption-side: top;
}

.policy__description tr:nth-child(even) {
  background-color: #FFFFFF;
}

.policy__description th,
.policy__description td {
  width: 33.3333333333%;
  min-width: 24rem;
  padding: 0.9rem 3rem;
  vertical-align: top;
}

.policy__description th {
  font-weight: 400;
  color: #979797;
}

.policy__description td ul,
.policy__description td li {
  margin-top: 0;
  margin-bottom: 0;
}

.policy__description td li::marker {
  color: inherit;
}

/* MODAL */
.modal {
  background-color: rgba(2, 2, 163, 0.8);
}

.modal-content {
  position: relative;
  padding: 3rem;
  border-radius: 0;
  background: conic-gradient(from 58.85deg at 54.28% 38.65%, #D9D9D9 0deg, #FFFFFF 180deg, #FFFFFF 360deg);
}

.modal__title {
  padding-right: 2rem;
  margin-bottom: 2rem;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2.4rem;
  line-height: 1.21;
  font-weight: 600;
}

.modal__close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
}

.modal__close use {
  stroke: #051DF3;
}

.modal__close:hover use {
  stroke: #282829;
}

.modal__form {
  font-size: 1.4rem;
  line-height: 1.36;
}

.modal__form-item {
  margin-bottom: 1.5rem;
}

.modal__form-label {
  margin-bottom: 0.6rem;
}

.modal__form-input,
.modal__form-textarea {
  padding: 1rem 1.4rem;
  border-radius: 0;
  border: 0.1rem solid #CCCCCC;
}

.modal__form-textarea {
  resize: none;
}

.modal__form-item--textarea {
  margin-bottom: 2.7rem;
}

.modal__form-item--textarea p {
  margin-top: 0.6rem;
  margin-bottom: 0;
  color: #979797;
}

.modal__note {
  font-size: 1.2rem;
  line-height: 1.58;
  color: #979797;
}
.modal__note a {
  color: inherit;
}
.modal__note a:hover {
  text-decoration: none;
}

.modal__button {
  margin-top: 1rem;
}

/* SITE-FOOTER */
.site-footer {
  padding-top: 3.5rem;
  padding-bottom: 3rem;
  font-size: 1.6rem;
  background-image: conic-gradient(from 157.88deg at 65% 50%, #E5E5E5 0deg, #FFFFFF 180deg, #FFFFFF 360deg);
}

.site-footer__container {
  max-width: 192rem;
}

.site-footer__logo--shield {
  display: flex;
  max-width: 22.9rem;
}
@media (min-width: 992px) {
  .site-footer__logo--shield {
    max-width: 100%;
  }
}

.site-footer__logo--iqtech {
  max-width: 18.4rem;
  margin-bottom: 3.7rem;
}
@media (min-width: 576px) {
  .site-footer__logo--iqtech {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 992px) {
  .site-footer__logo--iqtech {
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .site-footer__logo--iqtech {
    margin-top: 0;
    margin-left: auto;
  }
}

.site-footer__contacts {
  padding-left: 0;
  margin-bottom: 3.7rem;
  list-style-type: none;
}
@media (min-width: 576px) {
  .site-footer__contacts {
    margin-bottom: 0;
  }
}

.site-footer__contacts-item:not(:last-child) {
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .site-footer__contacts-item:not(:last-child) {
    margin-bottom: 2.8rem;
  }
}

.site-footer__contacts-link {
  font-family: "Montserrat", sans-serif, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}
@media (min-width: 992px) {
  .site-footer__contacts-link {
    font-size: 2.4rem;
  }
}
.site-footer__contacts-link:hover {
  color: #051DF3;
}

.site-footer__navigation-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
@media (min-width: 992px) {
  .site-footer__navigation-list {
    -moz-column-count: 2;
         column-count: 2;
  }
}

.site-footer__navigation-item {
  margin-bottom: 2rem;
}

.site-footer__navigation-link {
  color: inherit;
  text-decoration: none;
}
.site-footer__navigation-link:hover {
  color: #051DF3;
}

.site-footer__wrapper--top {
  margin-bottom: 3.3rem;
}
@media (min-width: 576px) {
  .site-footer__wrapper--top {
    margin-bottom: 10.5rem;
  }
}
.site-footer__wrapper--bottom {
  padding-top: 2.8rem;
  border-top: 0.1rem solid #CCCCCC;
}

.site-footer__wrapper--top .site-footer__row {
  row-gap: 2rem;
}
@media (min-width: 576px) {
  .site-footer__wrapper--top .site-footer__row {
    row-gap: 6.8rem;
  }
}

.site-footer__wrapper--bottom .site-footer__row {
  row-gap: 1rem;
}

.site-footer__col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 992px) {
  .site-footer__col {
    flex-direction: row;
  }
}

.site-footer__copyright,
.site-footer__link {
  font-size: 1.4rem;
  line-height: 1.36;
}

.site-footer__link {
  color: inherit;
  text-decoration: none;
}
.site-footer__link:hover {
  color: #051DF3;
}/*# sourceMappingURL=styles.css.map */
span.select2.select2-container {
    display: none;
}

/* Cookie */
.legacy-cookie {
    left: auto;
    right: 20px;
    bottom: 20px;
    max-width: 360px;
}
.legacy-cookie>div {
    padding: 20px;
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-start;
    font-family: "Open Sans", sans-serif;
    border-radius: 0;
    color: #3F3F41 !important;
    background-color: #F8F8F8;
    box-shadow: 0 8px 24px 0 #323C6133;
} 
.legacy-cookie a {
    color: #051DF3 !important;
}
.legacy-cookie a:hover {
    text-decoration: underline;
}
.legacy-cookie .button {
    position: relative;
    margin-left: 0;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    border-radius: 0;
    color: #FFFFFF;
    background-image: linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%), radial-gradient(58.11% 88.86% at 91.22% 14.15%, rgba(109, 141, 255, 0.41) 0%, rgba(0, 71, 255, 0.41) 100%);
    box-shadow: 0 5px 40px 0 #0F6DEE1A;
    text-transform: none;
}
.legacy-cookie .button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 53px;
    height: 100%;
    border-left: 3px solid #F8F8F8;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIuOTYgNi4zN2MuMzEtLjMuMzEtLjggMC0xLjEyTDcuOTQuMjNhLjc5Ljc5IDAgMSAwLTEuMTIgMS4xMkwxMS4zIDUuOGwtNC40NyA0LjQ3YS43OS43OSAwIDEgMCAxLjEyIDEuMTF6TTAgNS44MXYuOGgxMi40VjUuMDFIMHoiLz48L3N2Zz4=") no-repeat center, linear-gradient(38.34deg, #010E82 -1.45%, #122AFF 89.05%), radial-gradient(76.64% 123.23% at 99.63% 28.3%, rgba(53, 138, 255, 0.41) 0%, rgba(0, 108, 255, 0.41) 100%);
    box-shadow: 0 5px 40px 0 #0F6DEE1A;

}
.legacy-cookie .button:hover {
    color: #282829;
    background-image: radial-gradient(305.66% 305.66% at 82.45% -11.32%, rgba(255, 255, 255, 0.41) 0%, rgba(40, 43, 46, 0.41) 100%), linear-gradient(89.59deg, #DDDDDD 21.87%, #FFFFFF 83.7%);
}