/* fonts */
@font-face {
  font-family: "Involve";
  src: local("Involve"), url("../fonts/involve/Involve-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: local("Rubik"), url("../fonts/rubik/Rubik-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* general */
html {
  height: 100%;
  font-size: 16px;
  scroll-padding-top: 5rem;
}

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100%;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 1rem;
  color: #FFFFFF;
  background-color: #000D15;
}

main {
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Involve", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  word-break: break-word;
}

.text-dark {
  color: #000D15;
}

.main-page {
  padding-top: 4.06rem;
}
@media (min-width: 992px) {
  .main-page {
    padding-top: 5rem;
  }
}
.main-page--catalog .hero, .main-page--news .hero {
  position: relative;
  display: block;
  padding-top: 2rem;
  padding-bottom: 30rem;
  margin-bottom: -30rem;
  text-align: left;
}
.main-page--catalog .breadcrumbs, .main-page--news .breadcrumbs {
  margin-bottom: 3.75rem;
}
.main-page--catalog .hero__title, .main-page--news .hero__title {
  margin-bottom: 0.6em;
}
.main-page--catalog .catalog {
  z-index: 2;
  margin-bottom: 3.75rem;
}
.main-page--catalog .catalog:first-of-type .catalog__subtitle {
  color: #FFFFFF;
}
.main-page--catalog .catalog__subtitle {
  color: #000D15;
}
.main-page--catalog .catalog__list:not(:last-child) {
  margin-bottom: 3.75rem;
}
.main-page--catalog .catalog__item-img::before {
  content: none;
}
.main-page--news {
  background-color: #F6F6F6;
}
.main-page--news .hero::before {
  background-color: #F6F6F6;
}
.main-page--news .news {
  padding-bottom: 4.38rem;
}
.main-page--news .news__list {
  row-gap: 1.25rem;
}
.main-page--news-item {
  color: #000D15;
}
.main-page--news-item .hero {
  padding-bottom: 90px;
  margin-bottom: 0;
  color: #ffffff;
}
.main-page--news-item .hero__title {
  max-width: 1170px;
  margin-bottom: 0;
}
.main-page--news-item .hero::before {
  content: none;
}
.main-page--news-item .news {
  color: #000D15;
}
.main-page--news .swiper-pagination-bullet {
  background-color: #475A67;
}
.main-page--light {
  background-color: #FFFFFF;
}
.main-page--light .hero::before {
  background-color: #FFFFFF;
}

.main-title {
  font-size: 2rem;
}
@media (min-width: 400px) {
  .main-title {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .main-title {
    font-size: 4.06rem;
  }
}
@media (min-width: 992px) {
  .main-title {
    font-size: 4.38rem;
  }
}

.main-wrapper--darken {
  background-color: #000D15;
}

.title {
  font-size: 2.13rem;
}
@media (min-width: 768px) {
  .title {
    font-size: 2.63rem;
  }
}
@media (min-width: 992px) {
  .title {
    font-size: 3.13rem;
  }
}

.subtitle {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .subtitle {
    font-size: 1.88rem;
  }
}

.container-fluid {
  max-width: 95.63rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 576px) {
  .container-fluid {
    padding-left: 1.88rem;
    padding-right: 1.88rem;
  }
}
@media (min-width: 992px) {
  .container-fluid {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}

.swiper-pagination-bullet {
  width: 0.69rem;
  height: 0.69rem;
  background-color: #FFFFFF;
}
.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

/* button */
.button {
  position: relative;
  display: inline-flex;
  padding: 0.63rem 2.63rem 0.63rem 0.94rem;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 1rem;
  border-radius: 0.31rem;
  text-align: center;
  border: none;
  text-decoration: none;
  transition: background-color 0.2s ease-in;
}
.button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: 1.38rem;
  height: 1.38rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.button--primary {
  color: #FFFFFF;
  background-color: #D8223B;
}
.button--primary::after {
  background-image: url("../images/arrow-gray.svg");
}
input.button--primary {
  background-image: url("../images/arrow-gray.svg");
  background-repeat: no-repeat;
  background-position: top 50% right 0.75rem;
}
.button--primary:hover, .button--primary:focus {
  background-color: #B90D25;
}
.button--light {
  color: #000D15;
  background-color: #FFFFFF;
}
.button--light::after {
  background-image: url("../images/arrow-dark.svg");
}
.button--light:hover, .button--light:focus {
  background-color: #E1E1E1;
}

/* section */
.section__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem 2.19rem;
}

.section__link {
  position: relative;
  display: inline-flex;
  padding-right: 2rem;
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease-in;
}
.section__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-light.svg") no-repeat center/contain;
  transform: translateY(-50%);
}
.section__link:hover, .section__link:focus {
  color: #D8223B;
}
.section__link--darken::after {
  background-image: url("../images/arrow-dark.svg");
}
.section__link--download::after {
  transform: translateY(-50%) rotate(90deg);
}

/* site-navigation */
.site-navigation {
  margin-top: auto;
}
@media (min-width: 992px) {
  .site-navigation {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
}

.site-navigation__list {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 1.56rem;
  list-style-type: none;
}
@media (min-width: 992px) {
  .site-navigation__list {
    flex-direction: row;
    gap: 0.94rem 2.5rem;
    margin-bottom: 0;
  }
}

.site-navigation__item {
  position: relative;
  border-top: 0.06rem solid;
  border-image-slice: 30;
  border-image-source: linear-gradient(90deg, #0B1334 6.48%, #858585 53.24%, #0B1334 100%);
}
@media (min-width: 992px) {
  .site-navigation__item--children {
    padding-right: 1.69rem;
  }
  .site-navigation__item--children::after {
    content: "";
    position: absolute;
    top: 0.13rem;
    right: 0;
    width: 1.38rem;
    height: 1.38rem;
    background: url("../images/menu-shevron.svg") no-repeat center;
    transition: transform 0.2s ease-in;
  }
  .site-navigation__item--children:hover::after, .site-navigation__item--children:focus-within::after {
    transform: rotate(-180deg);
  }
  .site-navigation__item--children:hover .site-navigation__wrapper, .site-navigation__item--children:focus-within .site-navigation__wrapper {
    display: block;
  }
}
.site-navigation__item:first-child {
  border-top: none;
}
.site-navigation__item:last-child {
  border-bottom: 0.06rem solid;
}
@media (min-width: 992px) {
  .site-navigation__item, .site-navigation__item:last-child {
    border: none;
  }
}

.site-navigation__link {
  position: relative;
  display: block;
  padding: 0.94rem 1.56rem 0.94rem 0;
  font-family: "Involve", sans-serif;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.2s ease-in;
}
.site-navigation__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-light.svg") no-repeat center;
}
@media (min-width: 992px) {
  .site-navigation__link {
    padding: 0;
    font-family: "Rubik", sans-serif;
    font-size: 1rem;
  }
  .site-navigation__link::after {
    content: none;
  }
}
.site-navigation__link:hover, .site-navigation__link:focus {
  color: #D8223B;
}

@media (min-width: 992px) {
  .site-navigation__wrapper {
    display: none;
    position: absolute;
    top: 100%;
    padding-top: 2.31rem;
  }
}

.site-navigation__sublist {
  padding-top: 0.94rem;
  margin-bottom: 1.56rem;
  padding-left: 0;
  color: #ACBCC4;
  list-style-type: none;
  overflow: hidden;
  border-top: 0.06rem solid;
  border-image-slice: 30;
  border-image-source: linear-gradient(90deg, #0B1334 6.48%, #858585 53.24%, #0B1334 100%);
}
@media (min-width: 992px) {
  .site-navigation__sublist {
    padding-top: 0;
    margin-bottom: 0;
    color: #000D15;
    background-color: #FFFFFF;
    border-top: none;
    border-radius: 0.63rem;
  }
}

.site-navigation__subitem {
  margin-bottom: 0.63rem;
}
@media (min-width: 992px) {
  .site-navigation__subitem {
    margin-bottom: 0;
  }
  .site-navigation__subitem:not(:last-child) {
    border-bottom: 0.06rem solid;
    border-image-slice: 30;
    border-image-source: linear-gradient(90deg, #CECECE 7.23%, #858585 59.36%, #FFFFFF 111.5%);
  }
}

.site-navigation__sublink {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.site-navigation__sublink:hover, .site-navigation__sublink:focus {
  color: #D8223B;
}
@media (min-width: 992px) {
  .site-navigation__sublink {
    position: relative;
    width: 18.13rem;
    padding: 0.63rem 2.5rem 0.63rem 1.25rem;
  }
  .site-navigation__sublink:hover, .site-navigation__sublink:focus {
    color: inherit;
    background-color: #EFEFEF;
  }
  .site-navigation__sublink::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.94rem;
    width: 1.38rem;
    height: 1.38rem;
    transform: translateY(-50%);
    background: url("../images/arrow-dark.svg") no-repeat center;
  }
}

/* site-header */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 0.94rem;
  padding-bottom: 0.94rem;
  background-color: #000D15;
  z-index: 1000;
}
.site-header .button {
  margin-top: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .site-header .button {
    margin-left: 2.81rem;
    margin-top: 0;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .site-header .button {
    margin-left: 6.25rem;
  }
}
.site-header .offcanvas-backdrop {
  background-color: rgba(0, 13, 21, 0.9);
}

.site-header__logo {
  width: 10rem;
}
@media (min-width: 1200px) {
  .site-header__logo {
    width: 14.38rem;
  }
}

.site-header__toggler {
  width: 2.81rem;
  height: 2.19rem;
  background: url("../images/burger-menu.svg") no-repeat center;
}

.site-header__offcanvas {
  background-image: linear-gradient(180deg, #000D15 0%, #181960 100%);
}
@media (min-width: 992px) {
  .site-header__offcanvas {
    background-image: none;
  }
}
.site-header__offcanvas .btn-close {
  width: 1.25rem;
  height: 1.25rem;
  background: url("../images/close-menu.svg") no-repeat center;
}
@media (max-width: 991.98px) {
  .site-header__offcanvas.offcanvas-lg {
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  .site-header__offcanvas.offcanvas-lg {
    width: 100%;
  }
}

.site-header__offcanvas-body {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .site-header__offcanvas-body {
    flex-direction: row;
  }
}

/* hero */
.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 8.44rem;
  padding-bottom: 22.19rem;
  margin-bottom: -12.81rem;
  text-align: center;
  background: url("../images/backgrounds/hero-bg.svg") no-repeat center/cover, radial-gradient(107.05% 136.87% at 23.79% 100%, #000D15 0%, #181962 61.12%, #3125B0 100%);
}
.hero::before {
  content: "";
  position: absolute;
  bottom: -0.06rem;
  left: 0;
  width: 100%;
  height: 18.44rem;
  background: #000D15;
  clip-path: polygon(50% 0%, 100% 30%, 100% 100%, 0 100%, 0 30%);
}
@media (min-width: 576px) {
  .hero::before {
    clip-path: polygon(50% 0%, 100% 55%, 100% 100%, 0 100%, 0 55%);
  }
}

.hero__main-title {
  margin-bottom: 0.29em;
}

.hero__subtitle {
  font-family: "Involve", sans-serif;
  font-weight: 500;
  line-height: 1.4;
}

.hero__buttons {
  margin-top: 5rem;
}

/* catalog */
.catalog {
  position: relative;
  margin-bottom: 3.75rem;
}

.catalog__subtitle {
  margin-bottom: 1em;
}

.catalog__list {
  row-gap: 2.5rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.catalog__item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.catalog__item--light {
  padding: 1.25rem;
  border-radius: 0.94rem;
  background-color: #F6F6F6;
  color: #475A67;
  transition: background-color 0.2s ease-in;
}
.catalog__item--light:has(.subtitle > a):hover, .catalog__item--light:has(.subtitle > a):focus-within {
  background-color: #EFEFEF;
}
.catalog__item--light .catalog__item-subtitle {
  color: #000D15;
}
.catalog__item--light .catalog__item-img {
  width: calc(100% + 2.5rem);
  margin: -1.25rem -1.25rem 1.25rem;
}
.catalog__item--light .section__link {
  color: #000D15;
}
.catalog__item:has(.subtitle > a):hover .catalog__item-img img, .catalog__item:has(.subtitle > a):focus-within .catalog__item-img img {
  transform: scale(1.2);
}
.catalog__item:has(.subtitle > a):hover .section__link, .catalog__item:has(.subtitle > a):focus-within .section__link {
  color: #D8223B;
}
.catalog__item-subtitle {
  margin-bottom: auto;
  font-size: 1.25rem;
  line-height: 1.4;
}
.catalog__item-subtitle a {
  text-decoration: none;
  color: inherit;
}
.catalog__item-subtitle a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.catalog__item-subtitle:has(~ .catalog__item-description) {
  margin-bottom: .5rem;
}
.catalog__item-img {
  position: relative;
  width: 100%;
  height: 21.56rem;
  margin-bottom: 1.25rem;
  border-radius: 0.94rem;
  order: -1;
  overflow: hidden;
}
.catalog__item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: transform 0.2s ease-in;
}
.catalog__item-img::before {
  content: "";
  position: absolute;
  bottom: 1.38rem;
  right: 1.38rem;
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-dark.svg") no-repeat center/contain;
  z-index: 5;
}
.catalog__item-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  margin-top: 2.38rem;
}
.catalog__item-buttons .button {
  position: relative;
  z-index: 5;
}
.catalog__item-label {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  display: inline-block;
  padding: 0.32rem 0.63rem;
  border-radius: 3.13rem;
  color: #FFFFFF;
  background-color: #872AFF;
  text-align: center;
}

.catalog__tags-list {
  position: relative;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 0.31rem;
  padding-left: 0;
  margin-top: 0.63rem;
  list-style-type: none;
}

.catalog__tags-link {
  display: block;
  padding: 0.13rem 0.94rem;
  color: inherit;
  background-color: #561625;
  text-decoration: none;
  border-radius: 3.13rem;
  transition: background-color 0.2s ease-in;
}
.catalog__tags-link:focus, .catalog__tags-link:hover {
  background-color: #D8223B;
}

.catalog__link {
  margin-top: 1.88rem;
}

/* banner */
.banner ul {
  padding-left: 0;
  list-style-type: none;
}
.banner li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.63rem;
}
.banner li::before {
  content: "";
  position: absolute;
  top: 0.13rem;
  left: 0;
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-light.svg") no-repeat center/contain;
}

.banner__wrapper {
  position: relative;
  padding: 1.25rem 1.25rem 0;
  border-radius: 0.94rem;
  background-image: linear-gradient(323.27deg, #D8223B -32.56%, #000D15 130.46%);
  overflow: hidden;
}
@media (min-width: 576px) {
  .banner__wrapper {
    padding: 1.88rem 1.88rem 0;
  }
}
@media (min-width: 768px) {
  .banner__wrapper {
    padding: 2.19rem;
  }
}

.banner__description {
  position: relative;
  z-index: 5;
}

.banner__subtitle {
  margin-bottom: 0.67em;
}

.banner__buttons {
  margin-top: 2.19rem;
}

.banner__img-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 1.88rem;
  margin-right: -1.88rem;
  margin-left: -1.88rem;
  background: url("../images/backgrounds/banner-bg.svg") no-repeat center;
}
@media (min-width: 576px) {
  .banner__img-wrapper {
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .banner__img-wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40.63rem;
  }
}
@media (min-width: 992px) {
  .banner__img-wrapper {
    left: 57%;
  }
}

/* application */
.application:not(.application--light) {
  max-width: 116.56rem;
  padding-top: 18.75rem;
  padding-bottom: 1.25rem;
  margin: -15.63rem auto 3.75rem;
  border-radius: 0.94rem;
  background-image: linear-gradient(189.7deg, #162128 47.82%, #000D15 80.78%);
}
.application--light {
  margin-bottom: 3.75rem;
}
.application--light .application__subtitle {
  margin-bottom: 1em;
  color: #000D15;
}
.application--light .application__list {
  margin-top: 0;
}

.application__row {
  row-gap: 1.25rem;
  align-items: center;
}

.application__list {
  row-gap: 1.5rem;
  padding-left: 0;
  margin-top: 3.44rem;
  margin-bottom: 0;
  list-style: none;
}

.application__item-wrapper {
  position: relative;
  height: 15rem;
  padding: 1.25rem;
  border-radius: 0.63rem;
  background: #22343F url("../images/backgrounds/application-item-bg.svg") no-repeat bottom right;
  overflow: hidden;
}
.application__item-title {
  font-size: 1.25rem;
}
.application__item-img {
  position: absolute;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

/* about */
.about {
  position: relative;
  max-width: 116.56rem;
  padding-bottom: 4.69rem;
  margin: 0 auto 3.13rem;
  border-radius: 1.25rem;
  background: url("../images/backgrounds/about-bg.svg") no-repeat center/cover, linear-gradient(335.46deg, #000D15 -11.23%, #181962 77.2%, #3125B0 133.46%);
  overflow: hidden;
}
@media (min-width: 768px) {
  .about {
    padding-top: 3.75rem;
  }
}

.about__container {
  display: flex;
  flex-direction: column;
}

.about__row {
  position: relative;
  z-index: 5;
}

.about__buttons {
  margin-top: 1.56rem;
}

.about__img {
  margin-left: -1.88rem;
  margin-right: -1.88rem;
  order: -1;
}
@media (min-width: 768px) {
  .about__img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 60%;
  }
}
.about__img img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .about__img img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/* news */
.news__title {
  margin-bottom: 0.6em;
}

.news__row {
  row-gap: 1.88rem;
}

.news__buttons {
  align-items: center;
  -moz-column-gap: 0.88rem;
       column-gap: 0.88rem;
  margin-left: 2.81rem;
}

.news__button {
  width: 3.88rem;
  height: 3.13rem;
  border-radius: 0.31rem;
  border: none;
}
.news__button--next {
  background: #22343F url("../images/slider-arrow-next.svg") no-repeat center;
}
.news__button--prev {
  background: #22343F url("../images/slider-arrow-prev.svg") no-repeat center;
}
.news__button.swiper-button-disabled {
  opacity: 0.5;
}
.news__button:hover:not(.swiper-button-disabled), .news__button:focus:not(.swiper-button-disabled) {
  background-color: #121D23;
}

.news__slider {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 2.19rem;
}

.news__list {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
.news__list:not(.row) {
  margin: 0;
}

.news__item {
  display: flex;
}

.news__article {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 0.94rem;
  color: #000D15;
  background-color: #FFFFFF;
  overflow: hidden;
  transition: background-color 0.2s ease-in;
}
.news__article:has(.news__article-title > a):hover, .news__article:has(.news__article-title > a):focus-within {
  background-color: #EFEFEF;
}
.news__article:has(.news__article-title > a):hover .section__link, .news__article:has(.news__article-title > a):focus-within .section__link {
  color: #D8223B;
}
.news__article:has(.news__article-title > a):hover .news__article-img img, .news__article:has(.news__article-title > a):focus-within .news__article-img img {
  transform: scale(1.2);
}
.news__article-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.25rem;
}
.news__article-img {
  height: 17.81rem;
  order: -1;
  overflow: hidden;
}
.news__article-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.2s ease-in;
}
.news__article-title {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 1rem;
  margin-bottom: 1.88em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news__article-title a {
  text-decoration: none;
  color: inherit;
}
.news__article-title a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.news__article-meta {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 0.63rem;
  order: -1;
}
.news__article-date {
  color: #475A67;
}
.news__article-tag {
  color: #D8223B;
}
.news__article .section__link::after {
  background-image: url("../images/arrow-dark.svg");
}

@media (min-width: 768px) {
  .news__link {
    margin-top: auto;
    margin-left: auto;
  }
}

.news-article {
  padding-top: 40px;
  padding-bottom: 60px;
  color: #000D15;
}

.news-article__content p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.news-article__content p a:not(.button) {
  color: #D8223B;
}
.news-article__content figure {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}
.news-article__content figcaption {
  margin-top: 5px;
}
.news-article__content img {
  max-width: 100%;
  height: auto;
  border-radius: 15px;
}
.news-article__content ul, .news-article__content ol {
  margin-top: 20px;
  margin-bottom: 20px;
}
.news-article__content ul {
  padding-left: 0;
  list-style-type: none;
}
.news-article__content ul li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.63rem;
}
.news-article__content ul li::before {
  content: "";
  position: absolute;
  top: 0.13rem;
  left: 0;
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-gray.svg") no-repeat center/contain;
}
.news-article__content h3 {
  margin-top: 40px;
  margin-bottom: 20px;
}
.news-article__content blockquote {
  overflow: hidden;
  position: relative;
  padding: 25px 25px 25px 35px;
  border-radius: 11px;
  background-color: #DFDDFA;
  margin-top: 20px;
  margin-bottom: 20px;
}
.news-article__content blockquote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #4537FF;
}
.news-article__content table {
  margin-top: 40px;
  margin-bottom: 40px;
}
.news-article__content tr:first-child {
  border-radius: 10px 10px 0 0;
  background-color: #D8223B;
}
.news-article__content tr:nth-child(2n+3) {
  background-color: #F1F1F1;
}
.news-article__content tr:last-child {
  border-bottom: 1px solid #BDBDBD;
}
.news-article__content th, .news-article__content td {
  padding: 10px 20px;
}
.news-article__content th {
  color: #ffffff;
}
.news-article__content .section__link::after {
  background-image: url("../images/arrow-dark.svg");
}

/* request */
.request {
  position: relative;
  margin-top: -12.5rem;
  padding-top: 15.94rem;
  padding-bottom: 3.75rem;
  background-image: radial-gradient(71.31% 137.33% at 46.42% 126.58%, #D8223B 0%, #000D15 100%);
}
.request::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18.44rem;
  background: #000D15;
  clip-path: polygon(100% 0, 100% 30%, 52% 0, 0 30%, 0 0);
}
@media (min-width: 576px) {
  .request::before {
    clip-path: polygon(100% 0, 100% 55%, 52% 0, 0 55%, 0 0);
  }
}
.request::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/backgrounds/request-bg.svg") no-repeat center/cover;
}
.request .container-fluid {
  position: relative;
  z-index: 1;
}

.request__subtitle {
  margin-bottom: 1.25rem;
}

.request__button {
  margin-top: 2.13rem;
}

/* site-modal */
.site-modal {
  background-color: rgba(0, 13, 21, 0.9);
}
.site-modal a {
  color: #D8223B;
  text-decoration: none;
}
.site-modal a:hover, .site-modal a:focus {
  text-decoration: underline;
}

.site-modal__content {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #E1E1E1 100%);
}

.site-modal__header {
  padding: 1.25rem 1.88rem 0.31rem;
  border: none;
}

.site-modal__close {
  width: 1.25rem;
  height: 1.25rem;
  background: url("../images/close-menu.svg") no-repeat center;
}

.site-modal__body {
  padding: 0.31rem 1.88rem 1.88rem;
}

.site-modal__form {
  margin-top: 1.88rem;
}

.site-modal__floating {
  margin-bottom: 1.56rem;
}

.site-modal__floating > .site-modal__input {
  height: 3.25rem;
  min-height: 3.25rem;
  padding: 0.75rem 1.25rem;
  border: 0.06rem solid #D8D8D8;
}
.site-modal__floating > .site-modal__input:focus {
  border-color: #000D15;
}

.site-modal__floating > label {
  left: 0.5rem;
  padding: 0.75rem;
  color: #475A67;
}

.site-modal__floating > .site-modal__input:not(:-moz-placeholder) ~ label {
  transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);
}

.site-modal__floating > .site-modal__input:not(:placeholder-shown) ~ label {
  transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);
}

.site-modal__check {
  margin-bottom: 0.63rem;
}

.site-modal__check-label,
.site-modal__note {
  position: relative;
  padding-left: 1.88rem;
  font-size: 0.75rem;
  color: #475A67;
}
.site-modal__check-label::before,
.site-modal__note::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.19rem;
}

.site-modal__check-label::before {
  border: 0.06rem solid #D8223B;
}

.site-modal__check-input:checked + .site-modal__check-label::before {
  background: url("../images/check.svg") no-repeat center, #D8223B;
}

.site-modal__note::before {
  content: "*";
  font-family: "Involve", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  padding: 0.13rem 0.38rem;
  font-size: 1.25rem;
  color: #FFFFFF;
  background-color: #475A67;
}

.site-modal__submit {
  margin-top: 1.88rem;
}

.site-footer {
  padding-top: 2.81rem;
  padding-bottom: 1.25rem;
  color: #535E64;
}

.site-footer__logo {
  display: inline-block;
}
.site-footer__logo .img-fluid {
  width: 10rem;
}
@media (min-width: 768px) {
  .site-footer__logo .img-fluid {
    width: 14.38rem;
  }
}

.site-footer__contacts-list,
.site-footer__navigation-list,
.site-footer__navigation-sublist {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.site-footer__contacts-list {
  margin-top: 2.5rem;
}
@media (min-width: 576px) {
  .site-footer__contacts-list {
    margin-top: 4.38rem;
  }
}

.site-footer__contacts-item {
  margin-bottom: 0.63rem;
}

.site-footer__contacts-link {
  display: inline-flex;
  font-family: "Involve", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  color: #FFFFFF;
  transition: color 0.2s ease-in;
}
.site-footer__contacts-link:hover, .site-footer__contacts-link:focus {
  color: #D8223B;
}

.site-footer__social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.63rem;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 3.13rem;
  list-style-type: none;
}
@media (min-width: 576px) {
  .site-footer__social-list {
    margin-top: 4.38rem;
  }
}
@media (min-width: 1200px) {
  .site-footer__social-list {
    margin-top: 0;
  }
}

.site-footer__social-link {
  position: relative;
  display: flex;
  padding: 0.31rem;
  justify-content: center;
  align-items: center;
  width: 5.25rem;
  height: 2.63rem;
  padding-right: 2.63rem;
  border: 0.06rem solid;
  border-radius: 0.31rem;
  transition: box-shadow 0.2s ease-in;
}
.site-footer__social-link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0 0.31rem 0.31rem 0;
}
.site-footer__social-link--telegram {
  background-color: #25A3E1;
  border-color: #25A3E1;
}
.site-footer__social-link--telegram::after {
  border-color: #25A3E1;
  background: url("../images/arrow-social.svg") no-repeat center, linear-gradient(236.44deg, #002436 -31.94%, #00699C 72.16%);
}
.site-footer__social-link--telegram:hover, .site-footer__social-link--telegram:focus {
  box-shadow: 0 0.25rem 1.25rem 0 rgba(37, 163, 225, 0.5);
}
.site-footer__social-link--vk {
  background-color: #0077FF;
  border-color: #0077FF;
}
.site-footer__social-link--vk::after {
  border-color: #0077FF;
  background: url("../images/arrow-social.svg") no-repeat center, linear-gradient(215.84deg, #003066 0.08%, #005FCC 75.81%);
}
.site-footer__social-link--vk:hover, .site-footer__social-link--vk:focus {
  box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 119, 255, 0.5);
}

.site-footer__navigation-list {
  display: grid;
  gap: 1.88rem;
}
@media (min-width: 992px) {
  .site-footer__navigation-list {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}

.site-footer__navigation-item {
  margin-bottom: 0;
}
.site-footer__navigation-item:first-child {
  grid-row: 1/4;
}

.site-footer__navigation-link {
  display: inline-flex;
  font-family: "Involve", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  font-size: 1.25rem;
  text-decoration: none;
  color: #FFFFFF;
  transition: color 0.2s ease-in;
}
.site-footer__navigation-link:hover, .site-footer__navigation-link:focus {
  color: #D8223B;
}

.site-footer__navigation-sublist {
  margin-top: 1.88rem;
}

.site-footer__navigation-subitem {
  margin-bottom: 0.63rem;
}

.site-footer__navigation-sublink {
  text-decoration: none;
  color: #ACBCC4;
  transition: color 0.2s ease-in;
}
.site-footer__navigation-sublink:hover, .site-footer__navigation-sublink:focus {
  color: #D8223B;
}

.site-footer__wrapper--top {
  row-gap: 2.5rem;
}
.site-footer__wrapper--bottom {
  row-gap: 1.25rem;
  margin-top: 3.44rem;
  padding-top: 1.56rem;
  padding-bottom: 0.63rem;
  border-image-slice: 30;
  border-top: 0.06rem solid;
  border-image-source: linear-gradient(90deg, #000D15 6.48%, #858585 53.24%, #000D15 100%);
}

.site-footer__link {
  color: #535E64;
  text-decoration: none;
  transition: color 0.2s ease-in;
}
.site-footer__link:hover, .site-footer__link:focus {
  color: #FFFFFF;
}

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

/* policy */
.policy-page {
  padding-top: 5.94rem;
  padding-bottom: 1.88rem;
  color: #000D15;
  background-color: #FFFFFF;
}
@media (min-width: 576px) {
  .policy-page {
    padding-bottom: 4.38rem;
  }
}
@media (min-width: 992px) {
  .policy-page {
    padding-top: 6.88rem;
  }
}

.policy h1 {
  margin-bottom: 0.6em;
  font-size: 2.13rem;
}
@media (min-width: 768px) {
  .policy h1 {
    font-size: 2.63rem;
  }
}
@media (min-width: 992px) {
  .policy h1 {
    font-size: 3.13rem;
  }
}
.policy h2 {
  margin-top: 1.33em;
  margin-bottom: 0.67em;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .policy h2 {
    font-size: 1.88rem;
  }
}
.policy ul {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.policy ul {
  padding-left: 0;
  list-style-type: none;
}
.policy li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.63rem;
}
.policy li::before {
  content: "";
  position: absolute;
  top: 0.13rem;
  left: 0;
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-gray.svg") no-repeat center/contain;
}
.policy a:not(.button) {
  color: inherit;
  transition: color 0.2s ease-in;
}
.policy a:not(.button):hover, .policy a:not(.button):focus {
  color: #D8223B;
}

/* breadcrumbs */
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.94rem;
  margin-bottom: 2.5rem;
  list-style-type: none;
}
.breadcrumbs:not(.container-fluid) {
  padding-left: 0;
}

.breadcrumbs__item {
  position: relative;
}
.breadcrumbs__item:not(:first-child) {
  padding-left: 2.31rem;
}
.breadcrumbs__item:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 0.13rem;
  left: 0;
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-gray.svg") no-repeat center/contain;
}

.breadcrumbs__link {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease-in;
}
.breadcrumbs__link:hover, .breadcrumbs__link:focus {
  color: #D8223B;
}

/* page-404 */
.page-404 {
  display: flex;
  align-items: center;
  min-height: 100vh;
  padding-top: 6.26rem;
  padding-bottom: 2.5rem;
  background-image: linear-gradient(335.46deg, #000D15 -11.23%, #181962 77.2%, #3125B0 133.46%);
}
@media (min-width: 992px) {
  .page-404 {
    padding-top: 7.5rem;
  }
}

.page-404__row {
  display: flex;
  align-items: center;
  row-gap: 2.5rem;
}

.page-404__title {
  margin-bottom: 1em;
}

/* seo */
.seo {
  position: relative;
  z-index: 1;
}
.seo h2 {
  margin-top: 1.33em;
  margin-bottom: 0.67em;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .seo h2 {
    font-size: 1.88rem;
  }
}
.seo h3 {
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.25rem;
}
.seo ul {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-left: 0;
  list-style-type: none;
}
.seo li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.63rem;
}
.seo li::before {
  content: "";
  position: absolute;
  top: 0.13rem;
  left: 0;
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-light.svg") no-repeat center/contain;
}
.seo a {
  color: inherit;
  transition: color 0.2s ease-in;
}
.seo a:hover, .seo a:focus {
  color: #D8223B;
}

/* pagination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.63rem;
       column-gap: 0.63rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
}

.pagination__link:not(.pagination__link--button) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.88rem;
  height: 2.88rem;
  border-radius: 50%;
  border: 0.13rem solid #FFFFFF;
  color: #000D15;
  background-color: #FFFFFF;
  text-decoration: none;
  transition: border-color 0.2s ease-in;
}
.pagination__link:not(.pagination__link--button).pagination__link--active, .pagination__link:not(.pagination__link--button):hover, .pagination__link:not(.pagination__link--button):focus {
  border-color: #D8223B;
}

.pagination__link--button {
  display: block;
  width: 3.88rem;
  height: 3.13rem;
  border-radius: 0.31rem;
  background: #EDEDED url("../images/slider-arrow-dark.svg") no-repeat center;
  transition: background-color 0.2s ease-in;
}

a.pagination__link--button:focus, a.pagination__link--button:hover {
  background-color: #FFFFFF;
}

.pagination__link--next {
  transform: rotate(180deg);
}

/* years */
.years {
  display: flex;
  flex-wrap: wrap;
  gap: 0.63rem;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 3.13rem;
  line-height: 1.6;
  color: #FFFFFF;
}

.years__link {
  display: block;
  padding: 0.13rem 0.94rem;
  text-decoration: none;
  color: inherit;
  background-color: #000D15;
  border-radius: 3.13rem;
  transition: background-color 0.2s ease-in;
}
.years__link--active {
  background-color: #D8223B;
}
.years__link:focus, .years__link:hover {
  background-color: #D8223B;
}

.filter {
  position: sticky;
  top: 90px;
  left: 0;
  padding: 22px 24px;
  border-radius: 15px;
  color: #000D15;
  background-color: #F6F6F6;
}

.filter__group:not(:last-child) {
  margin-bottom: 10px;
}

.filter__group-title {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 10px;
  color: #D8223B;
}

.filter__group-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.filter__group-label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
}
.filter__group-label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D8223B;
  border-radius: 3px;
}

input[type=checkbox]:checked + .filter__group-label::before {
  background: url("../images/check.svg") no-repeat center, #D8223B;
}

.filter__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 30px;
}

.filter__toggle {
  margin-bottom: 20px;
  padding: 10px 49px 10px 24px;
  border: none;
  color: #ffffff;
  border-radius: 5px;
  background: url("../images/filter.svg") no-repeat center right 24px, linear-gradient(131.9deg, #872AFF 26.35%, #511999 121.79%);
}

.filter__reset {
  padding: 0;
  color: #475A67;
  border: none;
  background-color: transparent;
}

.company {
  margin-bottom: 60px;
}

.company__subtitle {
  margin-bottom: 20px;
}

.company__row {
  row-gap: 30px;
}

.company__description h3 {
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 20px;
  line-height: 1.4;
}
.company__description ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
}
.company__description li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.63rem;
}
.company__description li::before {
  content: "";
  position: absolute;
  top: 0.13rem;
  left: 0;
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-light.svg") no-repeat center/contain;
}

.company__img {
  position: relative;
}
.company__img img {
  border-radius: 15px;
}

.partners {
  margin-bottom: 60px;
}
.partners--certificates .partners__img-wrapper {
  padding: 6px;
}

.partners__subtitle {
  margin-bottom: 30px;
}

.partners__row {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
  row-gap: 20px;
}

.partners__img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 15px;
  background-color: #ffffff;
  border-radius: 10px;
}
@media (min-width: 576px) {
  .partners__img-wrapper {
    padding: 25px;
  }
}

.contacts {
  margin-bottom: 30px;
}

.contacts__wrapper {
  flex-grow: 1;
  padding: 35px 45px;
  border-radius: 15px;
  background: url("../images/backgrounds/contacts-bg-1.png") no-repeat center right, url("../images/backgrounds/contacts-bg-2.svg") no-repeat center right, linear-gradient(323.27deg, #D8223B -32.56%, #000D15 130.46%);
}

.contacts__subtitle {
  margin-bottom: 40px;
}

.contacts__row {
  row-gap: 20px;
}

.contacts__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.contacts__item {
  display: flex;
  flex-direction: column;
  flex-basis: 292px;
  padding: 10px 20px 20px;
  border-radius: 10px;
  background-image: linear-gradient(334.42deg, rgb(216, 34, 59) -56.86%, rgb(0, 13, 21) 248.39%);
}

.contacts__item-text {
  position: relative;
  margin-bottom: 0;
  padding-left: 35px;
}
.contacts__item-text::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.contacts__item-text--email::before {
  background-image: url("../images/mail.svg");
}
.contacts__item-text--phone::before {
  background-image: url("../images/phone-call.svg");
}

.contacts__item-link {
  position: relative;
  padding-right: 27px;
  font-family: "Involve", sans-serif;
  font-weight: 500;
  margin-top: 62px;
  align-self: flex-end;
  font-size: 20px;
  line-height: 1.4;
  color: inherit;
  text-decoration: none;
}
.contacts__item-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 22px;
  background: url("../images/arrow-social.svg") no-repeat center;
  transform: translateY(-50%);
}

.contacts__button {
  margin-top: 55px;
}

.contacts__social-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 16px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@media (min-width: 576px) {
  .contacts__social-list {
    flex-direction: row;
  }
}

.contacts__social-item {
  flex-grow: 1;
  min-height: 198px;
  padding: 20px;
  border-radius: 10px;
}
.contacts__social-item--telegram {
  background: url("../images/telegram-logo.svg") no-repeat right 30px bottom 30px/54px 47px, url("../images/backgrounds/social-item-bg-1.svg") no-repeat center right, linear-gradient(118.99deg, #25A3E1 12.13%, #14597B 87.87%);
}
.contacts__social-item--vk {
  background: url("../images/vk-logo.svg") no-repeat right 30px bottom 30px/49px 47px, url("../images/backgrounds/social-item-bg-2.svg") no-repeat center right, linear-gradient(135.6deg, #0077FF 24.74%, #004799 104.72%);
}

.contacts__social-link {
  display: inline-flex;
  position: relative;
  padding-right: 32px;
  color: inherit;
  text-decoration: none;
}
.contacts__social-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 22px;
  background: url("../images/arrow-social.svg") no-repeat center;
  transform: translateY(-50%);
}

.gallery {
  margin-bottom: 45px;
}

.gallery__slider {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 2.19rem;
}

.gallery__list {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.gallery__img {
  border-radius: 15px;
}

.device {
  padding-top: 55px;
  margin-bottom: 60px;
}
.device h3 {
  font-size: 20px;
}
.device ul {
  padding: 0;
  list-style-type: none;
}
.device ul li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.63rem;
}
.device ul li::before {
  content: "";
  position: absolute;
  top: 0.13rem;
  left: 0;
  width: 1.38rem;
  height: 1.38rem;
  background: url("../images/arrow-gray.svg") no-repeat center/contain;
}
.device img {
  border-radius: 15px;
}

.device__row {
  margin-bottom: 30px;
  row-gap: 30px;
}
@media (min-width: 768px) {
  .device__row {
    margin-bottom: 50px;
  }
}

.device__row:nth-child(odd) {
  flex-direction: row-reverse;
}

.device__subtitle {
  margin-bottom: 20px;
}

.device__lead {
  margin-bottom: 1em;
  font-size: 20px;
  line-height: 1.4;
}

.device__buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 35px;
  margin-top: 20px;
}

.specifications {
  margin-bottom: 60px;
}

.specifications__subtitle {
  margin-bottom: 1em;
}

.specifications__table {
  width: 100%;
}

.specifications__table tr:first-child {
  color: #ffffff;
  background-color: #D8223B;
}

.specifications__table tr:nth-child(2n+3) {
  background-color: #F1F1F1;
}

.specifications__table tr:last-child {
  border-bottom: 1px solid #BDBDBD;
}

.specifications__table th,
.specifications__table td {
  padding: 12px;
  text-align: center;
}

.video {
  margin-bottom: 30px;
}

.video__subtitle {
  margin-bottom: 1em;
}

.video__content {
  border-radius: 15px;
}

.compatible-equipment {
  margin-bottom: 60px;
}

.compatible-equipment__subtitle {
  margin-bottom: 1em;
}

.compatible-software {
  margin-bottom: 70px;
}

.compatible-software__subtitle {
  margin-bottom: 1em;
}

.compatible-software__list {
  list-style-type: none;
  padding: 0;
  row-gap: 20px;
}

.compatible-software__item {
  display: flex;
  flex-direction: column;
  padding: 0 20px 45px;
  background-color: #F6F6F6;
  border-radius: 15px;
}

.compatible-software__item-title {
  font-size: 20px;
  margin-bottom: 0;
}

.compatible-software__item-img {
  position: relative;
  width: calc(100% + 2.5rem);
  margin: 0 -1.25rem 1.25rem;
  height: 220px;
  overflow: hidden;
  border-radius: 15px;
  order: -1;
}

.compatible-software__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* form a:hover, form a:focus {
    color: lightblue;
    text-decoration: none;
} */

/* Cookies */
.legacy-cookie {
    left: 20px;
    bottom: 20px;
    max-width: 360px;
}
.legacy-cookie>div {
    padding: 20px;
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-start;
    font-family: "Involve", sans-serif;
    border-radius: 10px;
    color: #000D15 !important;
    background-color: #FFFFFF;
    box-shadow: 0 8px 24px 0 #323C6133;
} 
.legacy-cookie a {
    color: #D8223B !important;
}
.legacy-cookie a:hover {
    text-decoration: underline;
}
.legacy-cookie .button {
    position: relative;
    margin-left: 0;
    padding: 10px 42px 10px 15px;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    border-radius: 5px;
    color: #FFFFFF;
    background-color: #D8223B;
    text-transform: none;
    transition: background-color 0.2s linear;
}
.legacy-cookie .button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.75rem;
    width: 1.38rem;
    height: 1.38rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    background-image: url("../images/arrow-gray.svg");
}
.legacy-cookie .button:hover {
    color: #FFFFFF;
    background-color: #B90D25;
}
/*# sourceMappingURL=styles.css.map */