/*start breadcrumbs*/
.breadcrumbs {
  position: relative;
  z-index: 2;
  margin-top: 176px;
}
.breadcrumbs__list {
  display: flex;
  list-style: none;
  align-items: center;
  grid-gap: 4px;
}
.breadcrumbs__link {
  position: relative;
}
.breadcrumbs__btn {
  color: #7d879e;
  font-size: 16px;
  transition: 0.3s;
  position: relative;
  line-height: 140%;
}
@media (min-width: 1000px) {
  .breadcrumbs__btn:hover {
    color: #343d50;
  }
}

.breadcrumbs__btn::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  bottom: -10px;
  right: -10px;
}
.breadcrumbs__link + .breadcrumbs__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgMTUuMTgzNkwxMS4yNSAyLjgwODU5IiBzdHJva2U9IiNCOUM1REIiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  height: 18px;
}
.breadcrumbs__link + .breadcrumbs__link {
  padding-left: 22px;
}
@media screen and (max-width: 1920px) {
  .breadcrumbs__btn {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .breadcrumbs__link + .breadcrumbs__link::before {
    width: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .breadcrumbs__link + .breadcrumbs__link {
    padding-left: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .breadcrumbs {
    margin-top: calc(154px + (176 - 154) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .breadcrumbs__btn {
    font-size: calc(13px + (14 - 13) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .breadcrumbs__link + .breadcrumbs__link::before {
    width: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .breadcrumbs__link + .breadcrumbs__link {
    padding-left: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .breadcrumbs {
    margin-top: calc(138px + (154 - 138) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .breadcrumbs__link + .breadcrumbs__link {
    padding-left: 18px;
  }
  .breadcrumbs__btn {
    font-size: 13px;
  }
  .breadcrumbs__link + .breadcrumbs__link::before {
    width: 14px;
    height: 14px;
  }
  .breadcrumbs {
    margin-top: calc(106px + (138 - 106) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .breadcrumbs {
    margin-top: calc(98px + (106 - 98) * ((100vw - 375px) / (768 - 375)));
  }
  .breadcrumbs__list {
    white-space: nowrap;
    overflow-y: auto;
    padding: 0 calc(16px + (48 - 16) * ((100vw - 600px) / (768 - 600)));
  }
  .breadcrumbs__list::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
  .breadcrumbs .container {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .breadcrumbs__list {
    padding: 0 16px;
  }
}
@media screen and (max-width: 375px) {
  .breadcrumbs {
    margin-top: 98px;
  }
}
/*end breadcrumbs*/

/*start integrations*/
.integrations__top {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: 1fr 680px;
}
.integrations__top-text {
  font-size: 22px;
  line-height: 135%;
  color: #343d50;
}
.integrations__top-text b {
  color: #1b2231;
  font-weight: 500;
}
.integrations__items {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(3, 1fr);
}
.integrations__item {
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 315px;
  padding: 56px 64px;
}
.integrations__item-num {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
.integrations__item.integrations__item--green {
  background-color: #dff769;
}
.integrations__item.integrations__item--black {
  background-color: #283040;
}
.integrations__item.integrations__item--grey {
  background-color: #f5f6ff;
}
.integrations__item.integrations__item--green .integrations__item-num {
  color: #343d50;
}
.integrations__item.integrations__item--green .integrations__item-text {
  color: #1b2231;
}
.integrations__item.integrations__item--black .integrations__item-num {
  color: #b9c5db;
}
.integrations__item.integrations__item--black .integrations__item-text {
  color: #fff;
}
.integrations__item.integrations__item--grey .integrations__item-num {
  color: #7d879e;
}
.integrations__item.integrations__item--grey .integrations__item-text {
  color: #1b2231;
}
.integrations__item-text {
  font-size: 28px;
  font-weight: 500;
  line-height: 130%;
}
.integrations__top-btn {
  display: flex;
  margin-top: 40px;
}
@media screen and (max-width: 1920px) {
  .integrations__top {
    grid-gap: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .integrations__top {
    grid-template-columns: 1fr calc(
        540px + (680 - 540) * ((100vw - 1536px) / (1920 - 1536))
      );
  }
  .integrations__top-text {
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .integrations__items {
    grid-gap: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .integrations__item {
    padding: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)))
    calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    min-height: calc(290px + (315 - 290) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .integrations__item-num {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .integrations__item-text {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .integrations__top-btn {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .integrations__top-btn {
    margin-top: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .integrations__top {
    grid-gap: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .integrations__top {
    grid-template-columns: 1fr calc(
        480px + (540 - 480) * ((100vw - 1366px) / (1536 - 1366))
      );
  }
  .integrations__top-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .integrations__items {
    grid-gap: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .integrations__item {
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)))
    calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    min-height: calc(270px + (290 - 270) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .integrations__item-num {
    font-size: calc(18px + (22 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .integrations__item-text {
    font-size: calc(22px + (24 - 22) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .integrations__top-btn {
    margin-top: 28px;
  }
  .integrations__item-num {
    font-size: 18px;
  }
  .integrations__item-text {
    font-size: 22px;
  }
  .integrations__top {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(64px + (100 - 64) * ((100vw - 768px) / (1366 - 768)));
  }
  .integrations__top-text {
    font-size: 16px;
  }
  .integrations__items {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
  .integrations__item {
    padding: 40px 48px;
    border-radius: calc(20px + (24 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media screen and (max-width: 1200px) {
  .integrations__top {
    grid-template-columns: 1fr;
  }
  .integrations__items {
    grid-template-columns: 1fr;
  }
  .integrations__item {
    min-height: 195px;
  }
}
@media screen and (max-width: 768px) {
  .integrations__top {
    grid-gap: calc(16px + (20 - 16) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(48px + (64 - 48) * ((100vw - 375px) / (768 - 375)));
  }
  .integrations__items {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
  }
  .integrations__item {
    border-radius: 20px;
    min-height: calc(172px + (195 - 172) * ((100vw - 375px) / (768 - 375)));
    padding: calc(28px + (40 - 28) * ((100vw - 375px) / (768 - 375)))
    calc(36px + (48 - 36) * ((100vw - 375px) / (768 - 375)));
  }
  .integrations__item-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
  .integrations__item-text {
    font-size: calc(18px + (22 - 18) * ((100vw - 375px) / (768 - 375)));
  }
}

@media screen and (max-width: 375px) {
  .integrations__item-num {
    font-size: 16px;
  }
  .integrations__item-text {
    font-size: 18px;
  }
  .integrations__items {
    grid-gap: 12px;
  }
  .integrations__item {
    padding: 28px 36px;
    min-height: 172px;
  }
  .integrations__top {
    grid-gap: 16px;
    margin-bottom: 48px;
  }
}
/*end integrations*/

/*start integrations-schema*/
.integrations-schema__image {
  display: flex;
  justify-content: center;
}
.integrations-schema__image img {
  max-width: 1200px;
  width: 100%;
}
/*end integrations-schema*/

/*start made*/
.made__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px;
}
.made__inner {
  display: grid;
  grid-template-columns: 350px 1fr;
  grid-gap: 80px;
}
@media screen and (max-width: 1920px) {
  .made__inner {
    grid-gap: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns:
      calc(383px + (350 - 383) * ((100vw - 1536px) / (1920 - 1536)))
      1fr;
  }
  .made__items {
    grid-gap: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}
@media screen and (max-width: 1700px) {
  .made__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 1536px) {
  .made__inner {
    grid-gap: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    grid-template-columns:
      calc(340px + (383 - 340) * ((100vw - 1366px) / (1536 - 1366)))
      1fr;
  }
  .made__items {
    grid-gap: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .made__items {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media screen and (max-width: 1200px) {
  .made__inner {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .made__items {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
  }
}
@media screen and (max-width: 768px) {
  .made__items {
    grid-template-columns: 1fr;
  }
}
/*end made*/

/*start partners-card*/
.partners-card {
  border-radius: 28px;
  border: 1px solid #e3eaf7;
  background: #fff;
  height: 310px;
  padding: 44px 48px;
  cursor: pointer;
  transition: 0.3s;
}
.partners-card:hover {
  background-color: #f5f6ff;
  border-color: #ebf0f9;
}
.partners-card:hover .partners-card__tag {
  background-color: #fff;
}
.partners-card__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.partners-card__img {
  position: relative;
  height: 48px;
  margin-bottom: 28px;
}
.partners-card__img img {
  position: absolute;
  height: 100%;
  transition: opacity 0.3s;
}
.partners-card .partners-card__img img:nth-child(2) {
  opacity: 0;
}
.partners-card:hover .partners-card__img img:nth-child(2) {
  opacity: 1;
}
.partners-card:hover .partners-card__img img:nth-child(1) {
  opacity: 0;
}
.partners-card__text {
  color: #7d879e;
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 145%;
}
.partners-card__bottom {
  grid-gap: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.partners-card__tag {
  height: 48px;
  border-radius: 12px;
  background: #f5f6ff;
  padding: 5px 16px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  color: #1b2231;
  font-size: 16px;
  font-weight: 500;
  line-height: 135%;
}
.partners-card__popup-img {
  margin-bottom: 40px;
}
.partners-card__popup-img img {
  height: 58px;
}
.partners-card__popup-box {
  max-height: 540px;
  overflow-y: auto;
  margin-right: -50px;
  padding-right: 50px;
}
.partners-card__popup-box::-webkit-scrollbar {
  background-color: #f5f6ff;
  width: 4px;
}
.partners-card__popup-box::-webkit-scrollbar-thumb {
  background-color: #c5d1e6;
  border-radius: 8px;
}
.partners-card__popup-text {
  color: #343d50;
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
}
.partners-card__popup-text + .partners-card__popup-text {
  margin-top: 16px;
}
.partners-card__popup-text b {
  font-weight: 500;
  color: #1b2231;
}
.partners-card__popup-list {
  margin-top: 12px;
  list-style: none;
}
.partners-card__popup-link {
  position: relative;
  padding-left: 18px;
  color: #343d50;
  font-size: 18px;
  line-height: 145%;
}
.partners-card__popup-link + .partners-card__popup-link {
  margin-top: 12px;
}
.partners-card__popup-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 2px;
  background: #b9c5db;
  width: 6px;
  height: 6px;
}
.partners-card .partners-card__wrap {
  display: none;
}
.partners-card__popup-files {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.partners-card__popup-file {
  border-radius: 24px;
  border: 1px solid #d2dcee;
  background: #fff;
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-gap: 20px;
  transition: 0.3s;
  padding: 24px;
}
.partners-card__popup-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #f5f6ff;
  position: relative;
  transition: 0.3s;
}
.partners-card__popup-icon img {
  position: absolute;
  top: 50%;
  width: 18px;
  left: 50%;
  transition: 0.3s;
  transform: translate(-50%, -50%);
}
.partners-card__popup-icon img:nth-child(2) {
  opacity: 0;
}
@media screen and (min-width: 1000px) {
  .partners-card__popup-file:hover {
    border-color: #e3eaf7;
    background: #f5f6ff;
  }
  .partners-card__popup-file:hover .partners-card__popup-icon {
    background-color: #fff;
  }
  .partners-card__popup-file:hover .partners-card__popup-icon img:nth-child(2) {
    opacity: 1;
  }
  .partners-card__popup-file:hover .partners-card__popup-icon img:nth-child(1) {
    opacity: 0;
  }
}
.partners-card__popup-file-title {
  color: #343d50;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
.partners-card__popup-file-size {
  color: #99a6bf;
  font-size: 14px;
  line-height: 140%;
}
@media screen and (max-width: 1920px) {
  .partners-card {
    padding: calc(36px + (44 - 36) * ((100vw - 1536px) / (1920 - 1536)))
    calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(265px + (310 - 265) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__img {
    margin-bottom: calc(20px + (28 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__tag {
    height: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 5px calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-link::before {
    top: calc(9px + (11 - 9) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-img img {
    height: calc(48px + (58 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-img {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-box {
    max-height: calc(445px + (540 - 445) * ((100vw - 1536px) / (1920 - 1536)));
    margin-right: calc(
            -40px + (-50 - (-40)) * ((100vw - 1536px) / (1920 - 1536))
    );
    padding-right: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-files {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-file {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-icon {
    width: calc(42px + (48 - 42) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(42px + (48 - 42) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(12px + (14 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-file-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-card__popup-file-size {
    font-size: calc(13px + (14 - 13) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .partners-card__popup-file-title {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__popup-file-size {
    font-size: 13px;
  }
  .partners-card__popup-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
  .partners-card__popup-file {
    border-radius: 20px;
    grid-gap: 16px;
    padding: 20px;
  }
  .partners-card__popup-files {
    margin-top: 32px;
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__popup-link::before {
    top: 9px;
    width: calc(5px + (6 - 5) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(5px + (6 - 5) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__tag {
    height: 40px;
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 10px;
  }
  .partners-card {
    height: calc(225px + (265 - 225) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)))
    calc(36px + (40 - 36) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__img {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__popup-link {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__popup-link {
    padding-left: calc(13px + (18 - 13) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__popup-img img {
    height: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__popup-img {
    margin-bottom: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__popup-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-card__popup-box {
    max-height: 445px;
    margin-right: calc(
            -35px + (-40 - (-35)) * ((100vw - 1366px) / (1536 - 1366))
    );
    padding-right: calc(35px + (40 - 35) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .partners-card__popup-file-title {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .partners-card__popup-link {
    padding-left: 13px;
  }
  .partners-card__popup-link::before {
    width: 5px;
    height: 5px;
  }
  .partners-card__popup-box {
    margin-right: -35px;
    padding-right: 35px;
  }
  .partners-card__popup-link {
    font-size: 14px;
  }
  .partners-card__img {
    height: 32px;
    margin-bottom: 16px;
  }
  .partners-card {
    height: 225px;
    border-radius: 20px;
    padding: 32px 36px;
  }
  .partners-card__text {
    font-size: 14px;
  }
  .partners-card__popup-img img {
    height: 40px;
  }
  .partners-card__popup-img {
    margin-bottom: 28px;
  }
  .partners-card__popup-text {
    font-size: 14px;
  }
  .partners-card__popup-files {
    margin-top: 32px;
    grid-gap: 12px;
  }
}
@media screen and (max-width: 1000px) {
  .partners-card .partners-card__img img:nth-child(2) {
    opacity: 0;
  }
  .partners-card:hover .partners-card__img img:nth-child(2) {
    opacity: 0;
  }
  .partners-card:hover .partners-card__img img:nth-child(1) {
    opacity: 1;
  }
  .partners-card:hover {
    border-color: #e3eaf7;
    background-color: #fff;
  }
  .partners-card:hover .partners-card__tag {
    background: #f5f6ff;
  }
}
@media screen and (max-width: 768px) {
  .partners-card__popup-img img {
    height: calc(32px + (40 - 32) * ((100vw - 375px) / (768 - 375)));
  }
  .partners-card__popup-img {
    margin-bottom: calc(24px + (28 - 24) * ((100vw - 375px) / (768 - 375)));
  }
  .partners-card__popup-box {
    margin-right: calc(-20px + (-35 - (-20)) * ((100vw - 375px) / (768 - 375)));
    padding-right: calc(20px + (35 - 25) * ((100vw - 375px) / (768 - 375)));
    max-height: calc(405px + (425 - 405) * ((100vw - 375px) / (768 - 375)));
  }
  .partners-card__popup-files {
    margin-top: calc(20px + (32 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
@media screen and (max-width: 700px) {
  .partners-card__popup-files {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 375px) {
  .partners-card__popup-files {
    margin-top: 20px;
  }
  .partners-card__popup-img {
    margin-bottom: 24px;
  }
  .partners-card__popup-img img {
    height: 32px;
  }
  .partners-card__popup-box {
    padding-right: 20px;
    margin-right: -20px;
    max-height: 405px;
  }
}

/*end partners-card*/

/*start pagination-project*/
.pagination-project {
  margin-top: 72px;
  display: flex;
  justify-content: center;
}
.pagination-project__inner {
  display: flex;
  align-items: center;
  grid-gap: 24px;
  border-radius: 20px;
  border: 1px solid #ebf0f9;
  background: #f5f6ff;
  padding: 6px;
}
.pagination-project__items {
  display: flex;
  align-items: center;
  grid-gap: 12px;
}
.pagination-project__item {
  border-radius: 16px;
  width: 54px;
  height: 54px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1b2231;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.pagination-project__item.disable {
  pointer-events: none;
}
.pagination-project__item.active {
  background-color: #283040;
  color: #fff;
  pointer-events: none;
}
.pagination-project__item:hover {
  background-color: #fff;
}
.pagination-project__arrow.disable {
  pointer-events: none;
}
.pagination-project__arrow.disable svg path[stroke] {
  stroke: #99a6bf;
}
@media screen and (max-width: 1920px) {
  .pagination-project {
    margin-top: calc(64px + (72 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .pagination-project__item {
    width: calc(48px + (54 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(48px + (54 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .pagination-project__inner {
    padding: calc(4px + (6 - 4) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .pagination-project {
    margin-top: calc(56px + (64 - 56) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .pagination-project__inner {
    padding: 4px;
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .pagination-project__item {
    font-size: 14px;
    width: calc(44px + (48 - 44) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(44px + (48 - 44) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .pagination-project {
    margin-top: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
  }
  .pagination-project__inner {
    border-radius: 12px;
    grid-gap: 16px;
  }
  .pagination-project__item {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }
  .pagination-project__item.mobile-none {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .pagination-project__item:hover {
    background-color: transparent;
  }
}

@media screen and (max-width: 768px) {
  .pagination-project {
    margin-top: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
  }
  .pagination-project__inner {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
  }
}

@media screen and (max-width: 375px) {
  .pagination-project {
    margin-top: 40px;
  }
  .pagination-project__inner {
    grid-gap: 12px;
  }
}
/*end pagination-project*/

/*start search-filter*/
.search-filter__item {
  position: relative;
}
.search-filter__item:hover .search-filter__input {
  border-color: #c5d1e6;
}
.search-filter__item:hover .search-filter__placeholder {
  color: #7d879e;
}
.search-filter__item:hover .search-filter__icon svg path[stroke] {
  stroke: #7d879e;
}
.search-filter__item:hover .search-filter__link-icon svg path[stroke] {
  stroke: #7d879e;
}
.search-filter__item:hover .search-filter__link-icon svg path[fill] {
  fill: #7d879e;
}
.search-filter__item.value .search-filter__input {
  border-color: #c5d1e6;
}
.search-filter__item.value .search-filter__icon svg path[stroke] {
  stroke: #7d879e;
}
.search-filter__item.value .search-filter__placeholder {
  display: none;
}
.search-filter__item.value .search-filter__link-icon {
  display: none;
}
.search-filter__item.value .search-filter__link-text {
  display: block;
}
.search-filter__input {
  width: 100%;
  display: block;
  height: 56px;
  border-radius: 16px;
  border: 1px solid #d2dcee;
  transition: 0.3s;
  color: #1b2231;
  font-family: "TT Fors Trial", sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding-left: 48px;
  line-height: 140%;
}
.search-filter__placeholder {
  left: 48px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #99a6bf;
  font-size: 18px;
  line-height: 145%;
  position: absolute;
  transition: 0.3s;
}
.search-filter__icon {
  pointer-events: none;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.search-filter__icon svg path {
  transition: 0.3s;
}
.search-filter__link {
  position: absolute;
  right: 16px;
  top: 50%;
  pointer-events: none;
  transform: translateY(-50%);
}
.search-filter__link-icon {
  display: flex;
}
.search-filter__link-icon svg path {
  transition: 0.3s;
}
.search-filter__link-text {
  color: #99a6bf;
  font-size: 13px;
  display: none;
  font-weight: 500;
  line-height: 120%;
  border-radius: 8px;
  background: #f5f6ff;
  padding: 4px 8px;
}
/*end search-filter*/

/*start popup-project*/
.popup-project {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.popup-project.active {
  opacity: 1;
  pointer-events: initial;
}
.popup-project__bg {
  opacity: 0.5;
  background: #1f1f1f;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup-project__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}
.popup-project__viewport {
  width: 100%;
  height: 100%;
}
.popup-project__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}
.popup-project__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 20px;
  overflow: auto;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.popup-project__slide::after,
.popup-project__slide::before {
  content: "";
  flex: 0 0 0;
  margin: auto;
}
.popup-project__close {
  background-color: #f3f4f6;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 32px;
  right: 32px;
}
.popup-project__box {
  border-radius: 32px;
  background: #fff;
  padding: 56px 64px;
  width: 890px;
  position: relative;
}
.popup-project__title {
  color: #282829;
  margin-bottom: 48px;
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
}
.popup-project__box-close {
  position: absolute;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: 0.3s;
}
@media (min-width: 1000px) {
  .popup-project__box-close:hover {
    background-color: #f5f6ff;
  }
  .popup-project__box-close:hover svg path[stroke] {
    stroke: #262f41;
  }
}
.popup-project__box-close svg path[stroke] {
  transition: 0.3s;
  stroke: #99a6bf;
}
.popup-project__box-inner .contact-form-base__checks {
  margin-bottom: 48px;
}
.popup-zakaz-telephone .popup-project__close {
  display: none;
}
.popup-project__result .specialist__body {
  margin-bottom: 48px;
}
.popup-project__result .specialist__body-title img {
  transform: translateY(7px);
}
.popup-request-delivery__top {
  margin-bottom: 48px;
}
.popup-request-delivery__top-link {
  display: grid;
  align-items: flex-end;
  grid-gap: 14px;
  grid-template-columns: minmax(160px, 1fr) minmax(30px, 1fr) min-content;
}
.popup-request-delivery__top-text {
  color: #686871;
  font-size: 18px;
  line-height: 150%;
}
.popup-request-delivery__top-line {
  height: 1px;
  background: #e9ebee;
}
.popup-request-delivery__top-price {
  white-space: nowrap;
  color: #282829;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
}
.popup-request-delivery .popup-project__title {
  margin-bottom: 20px;
}
.popup-project-foto .popup-project-foto__img {
  display: block;
}
.popup-project-foto__img {
  height: 100%;
  max-height: 95vh;
  display: none;
}
.popup-project-foto__img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.popup-request-delivery .popup-project__close {
  display: none;
}
.popup-project-video__item {
  display: none;
}
.popup-project-video .popup-project-video__item {
  display: block;
}
.popup-project-video__item {
  border-radius: 44px;
  background-color: #fff;
  width: 1760px;
  height: 1000px;
  border-radius: 44px;
  overflow: hidden;
  padding: 12px;
  position: relative;
}
.popup-project-video__link {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
}
.popup-project-video__poster {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  right: 12px;
  bottom: 12px;
  border-radius: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.popup-project.popup-project-video .popup-project-video__inner {
  position: relative;
}
.popup-project.popup-project-video .popup-project__close {
  border-radius: 14px;
  top: 40px;
  right: 40px;
  background-color: transparent;
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-project-video__item-btn {
  border-radius: 25px;
  background: #fff;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  transition: 0.3s;
}
.popup-project-video__item-btn svg path {
  transition: 0.3s;
}

@media (min-width: 1000px) {
  .popup-project-video__item-btn:hover {
    background-color: #262f41;
  }
  .popup-project-video__item-btn:hover svg path[fill] {
    fill: #fff;
  }
}

@media screen and (max-width: 1920px) {
  .popup-project__box-close {
    width: calc(50px + (56 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(50px + (56 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    top: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-project__box-close svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-project__box {
    width: calc(720px + (890 - 720) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)))
    calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .popup-project__box-close {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    top: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    right: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .popup-project__box-close svg {
    width: 20px;
    height: 20px;
  }
  .popup-project__box {
    width: calc(625px + (720 - 625) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)))
    calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .popup-project__box-close {
    top: 12px;
    right: 12px;
  }
  .popup-project__box {
    width: calc(655px + (625 - 655) * ((100vw - 768px) / (1366 - 768)));
    border-radius: 24px;
    padding: 40px 48px;
  }
}

@media screen and (max-width: 768px) {
  .popup-project__box-close {
    top: calc(8px + (12 - 8) * ((100vw - 375px) / (768 - 375)));
    right: calc(8px + (12 - 8) * ((100vw - 375px) / (768 - 375)));
  }
  .popup-project__box {
    width: calc(343px + (655 - 343) * ((100vw - 375px) / (768 - 375)));
    padding: calc(36px + (40 - 36) * ((100vw - 375px) / (768 - 375)))
    calc(32px + (48 - 32) * ((100vw - 375px) / (768 - 375)));
    border-radius: calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}

@media screen and (max-width: 375px) {
  .popup-project__box-close {
    top: 8px;
    right: 8px;
  }
  .popup-project__box {
    padding: 36px 32px;
    border-radius: 20px;
  }
}
/*end popup-project*/

/*start catalog-partners*/
.catalog-partners__items {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(3, 1fr);
}
.catalog-partners__top-inner {
  display: grid;
  align-items: stretch;
  grid-template-columns: 1fr min-content;
  grid-gap: 32px;
}
.catalog-partners__top-inner .search-filter__item {
  width: 395px;
}
@media screen and (max-width: 1920px) {
  .catalog-partners__items {
    grid-gap: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .catalog-partners__items {
    grid-gap: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .catalog-partners__items {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media screen and (max-width: 1250px) {
  .catalog-partners__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 800px) {
  .catalog-partners__items {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .catalog-partners__items {
    grid-gap: 16px;
  }
}
/*end catalog-partners*/

/*start catalog-tabs*/
.catalog-tabs {
  max-width: 100%;
  width: auto;
  margin: 0;
}
.catalog-tabs .swiper-wrapper {
  grid-gap: 16px;
  flex-wrap: wrap;
}
.swiper-slide.catalog-tab {
  width: auto;
  height: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 16px;
  padding: 5px 20px;
  color: #1b2231;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  background: #f5f6ff;
  transition: background-color 0.3s, color 0.3s;
}
.swiper-slide.catalog-tab.catalog-tab--active {
  background-color: #262f41;
  color: #fff;
}
@media (min-width: 1000px) {
  .catalog-tab:hover {
    color: #1b2231;
    background-color: #e3eaf7;
  }
}

@media screen and (max-width: 1920px) {
  .swiper-slide.catalog-tab {
    border-radius: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 5px calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .catalog-tabs .swiper-wrapper {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }
}
@media screen and (max-width: 1536px) {
  .swiper-slide.catalog-tab {
    border-radius: calc(10px + (12 - 10) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    padding: 5px calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .catalog-tabs .swiper-wrapper {
    grid-gap: 12px;
  }
}
@media screen and (max-width: 1366px) {
  .swiper-slide.catalog-tab {
    font-size: 14px;
    border-radius: 10px;
    padding: 5px 12px;
    height: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .catalog-partners__top-inner {
    grid-template-columns: 1fr;
    grid-gap: 24px;
    display: block;
    overflow-x: hidden;
  }
  .catalog-partners__filter {
    margin: 0 auto;
    width: 100%;
  }
  .swiper.catalog-tabs.catalog-partners__links {
    overflow: initial;
    width: 100%;
  }
  .catalog-tabs .swiper-wrapper {
    flex-wrap: nowrap;
    grid-gap: 0;
  }
  .swiper.catalog-tabs {
    overflow: hidden;
    width: auto;
    max-width: 100%;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .catalog-partners__top .container {
    padding: 0;
  }
  .swiper.catalog-tabs.catalog-partners__links {
  }
  .catalog-partners__top-wrap {
    padding-left: calc(16px + (48 - 16) * ((100vw - 600px) / (768 - 600)));
    padding-right: calc(16px + (48 - 16) * ((100vw - 600px) / (768 - 600)));
  }
  .catalog-partners__filter {
    padding: 0 calc(16px + (48 - 16) * ((100vw - 600px) / (768 - 600)));
  }
}
@media screen and (max-width: 600px) {
  .catalog-partners__top-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }
  .catalog-partners__top-inner .search-filter__item {
    max-width: 100%;
    width: 100%;
  }
  .catalog-partners__filter {
    padding: 0 16px;
  }
}
/*end catalog-tabs*/

/*start header*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.header__top {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12.5px);
}
.header__logo {
  display: flex;
  align-items: center;
}
.header__logo img {
  width: 157px;
}
.header__list {
  list-style: none;
  display: flex;
  grid-gap: 28px;
  align-items: center;
}
.header__link-btn {
  padding: 0 20px 0 24px;
  height: 56px;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  border-radius: 14px;
  transition: background-color 0.3s;
  color: #192232;
  font-size: 18px;
  cursor: pointer;
  font-weight: 500;
  line-height: 130%;
}

.header__link-btn span {
  width: 30px;
  height: 26px;
  border-radius: 8px;
  background-color: #f5f6ff;
  transition: background-color 0.3s;
  color: #192232;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 140%;
}

.header__contacts-btn {
  height: 56px;
  display: flex;
  align-items: center;
  grid-gap: 12px;
  border-radius: 16px;
  border: 1px solid #323d52;
  background: #242f43;
  padding: 4px 4px 4px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 135%;
}
.header__contacts-btn .btn-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
}
.header__contacts-btn .btn-icon svg {
  width: 18px;
  height: 18px;
}
.header__top-inner {
  height: 104px;
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
  align-items: center;
  justify-content: space-between;
}
.header__contacts {
  display: flex;
  justify-content: end;
  align-items: center;
}
.header__popup {
  display: none;
  /* width: 864px; */
  border-radius: 32px;
  background: #fff;
  padding: 16px;
  position: fixed;
  top: 112px;
  transform: translate(-50%, 40px);
  opacity: 0;
  pointer-events: none;
  /* left: 50%; */
  transition: transform 0.3s, opacity 0.3s;
}
.header__popup.active {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: initial;
}
.header__popup-inner {
}
.header__popup-items {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr;
}
.header__popup-item {
  padding: 24px 20px;
  width: 410px;
  border-radius: 20px;
  display: flex;
  grid-gap: 20px;
  transition: 0.3s;
  cursor: pointer;
}

.header-item__icon {
  width: 78px;
  min-width: 78px;
  height: 78px;
  border-radius: 18px;
  background: #f5f6ff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.header-item__icon svg path {
  transition: 0.3s;
}
@media (min-width: 1200px) {
  .header__popup-item:hover .header-item__icon svg path[stroke] {
    stroke: #242f43;
  }
  .header__popup-item:hover .header-item__icon svg path[fill] {
    fill: #242f43;
  }
  .header__popup-item:hover {
    background-color: #f5f6ff;
  }
  .header__popup-item:hover .header-item__icon {
    background-color: #fff;
  }
  .header__link-btn:hover span {
    background-color: #fff;
  }
  .header__link-btn:hover {
    background-color: #f5f6ff;
  }
}
.header-item__box-title {
  color: #192232;
  font-size: 22px;
  font-weight: 500;
  line-height: 135%;
}
.header-item__box-text {
  margin-top: 8px;
  color: #7d879e;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 22px;
}
.header__popup--oneelement .header__popup-items {
  grid-template-columns: 1fr;
}
.header__popup--oneelement .popup-categor__item-link {
  /* padding-left: 32px; */
  /* padding-right: 32px; */
  width: 410px;
}
.header__burger {
  display: none;
}
.header__mobile {
  display: none;
}
.header__popup-close {
  display: none;
}
.header__link-btn-arrow {
  display: none;
}
.header__popup.header__popup--category {
  width: 1390px;
  left: 50% !important;
  padding: 16px 32px 32px 16px;
}
.popup-category {
  display: grid;
  grid-template-columns: 448px 1fr;
  grid-gap: 20px;
}
.popup-category__link + .popup-category__link {
  margin-top: 12px;
}
.popup-category__links {
  overflow-y: auto;
}
.popup-category__link-button {
  padding: 0 20px 0 24px;
  height: 74px;
  display: grid;
  cursor: pointer;
  border-radius: 18px;
  align-items: center;
  transition: background-color 0.3s;
  grid-template-columns: min-content 1fr min-content;
  grid-gap: 12px;
}
.popup-category__link.active .popup-category__link-button {
  background-color: #f5f6ff;
}
.popup-category__link.active
.popup-category__link-button
.popup-category__link-num {
  background-color: #fff;
}
.popup-category__link.active
.popup-category__link-button
.popup-category__link-arrow
svg
path[stroke] {
  stroke: #192232;
}
@media (min-width: 1200px) {
  .popup-category__link-button:hover {
    background-color: #f5f6ff;
  }
  .popup-category__link-button:hover .popup-category__link-num {
    background-color: #fff;
  }
  .popup-category__link-button:hover
  .popup-category__link-arrow
  svg
  path[stroke] {
    stroke: #192232;
  }
  .popup-categor__item-link:hover {
    background-color: #f5f6ff;
  }
}

.popup-category__link-icon {
  display: flex;
  width: 24px;
}
.popup-category__link-icon img {
  width: 100%;
}
.popup-category__link-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  grid-gap: 8px;
}
.popup-category__link-text {
  color: #192232;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.popup-category__link-num {
  color: #192232;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 26px;
  white-space: nowrap;
  border-radius: 8px;
  background: #f5f6ff;
  transition: 0.3s;
}
.popup-category__link-arrow {
  display: flex;
}
.popup-category__link-arrow svg path {
  transition: 0.3s;
}
.popup-category__item-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  max-height: 555px;
  padding-right: 15px;
  margin-right: -15px;
  overflow-y: auto;
}
.popup-category__item-links::-webkit-scrollbar {
  background-color: #f5f6ff;
  width: 4px;
}
.popup-category__item-links::-webkit-scrollbar-thumb {
  background-color: #c5d1e6;
  border-radius: 8px;
}
.popup-categor__item-link {
  border-radius: 20px;
  padding: 24px 32px;
  transition: background-color 0.3s;
}

.popup-categor__item-title {
  color: #192232;
  font-size: 22px;
  font-weight: 500;
  line-height: 135%;
}
.popup-categor__item-text {
  margin-top: 8px;
  color: #7d879e;
  font-size: 16px;
  line-height: 135%;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popup-category__item-bottom {
  display: flex;
  margin-top: 20px;
}
.popup-category__item {
  display: none;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.popup-category__item.active {
  display: flex;
}
@media screen and (max-width: 1920px) {
  .header__top-inner {
    height: calc(90px + (104 - 90) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__logo img {
    width: calc(135px + (157 - 135) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__contacts-btn {
    padding-left: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(50px + (56 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__contacts-btn .btn-icon {
    width: calc(42px + (48 - 42) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(42px + (48 - 42) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(12px + (14 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__contacts-btn .btn-icon svg {
    width: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__list {
    grid-gap: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__link-btn {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(12px + (14 - 12) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__link-btn span {
    width: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (26 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(13px + (14 - 13) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__popup {
    /* width: calc(720px + (864 - 720) * ((100vw - 1536px) / (1920 - 1536))); */
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__popup-items {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__popup-item {
    width: calc(340px + (410 - 340) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)))
    calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header-item__icon {
    width: calc(64px + (78 - 64) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(64px + (78 - 64) * ((100vw - 1536px) / (1920 - 1536)));
    min-width: calc(64px + (78 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header-item__icon svg {
    width: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__popup-item {
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header-item__box-title {
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header-item__box-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__popup {
    top: calc(98px + (112 - 98) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .header__popup.header__popup--category {
    width: calc(1220px + (1390 - 1220) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-category {
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns:
      calc(400px + (448 - 440) * ((100vw - 1536px) / (1920 - 1536)))
      1fr;
  }
  .popup-category__item-links {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-category__item-bottom {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-category__link-button {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(56px + (74 - 56) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-category__link-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-category__link-num {
    width: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (26 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(13px + (14 - 13) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-categor__item-link {
    border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536)))
    calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-categor__item-title {
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-categor__item-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .popup-category__item-links {
    max-height: calc(440px + (555 - 440) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .popup-category__item-links {
    max-height: 440px;
  }
  .popup-categor__item-link {
    padding: 16px calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .popup-categor__item-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .popup-categor__item-text {
    font-size: 14px;
  }
  .popup-category__link-num {
    width: 28px;
    height: 24px;
    font-size: 13px;
    border-radius: 6px;
  }
  .popup-category__link-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .popup-category__link-arrow svg {
    width: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .popup-category__link-icon {
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .popup-category__link-button {
    grid-gap: 8px;
    border-radius: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    padding-right: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    padding-left: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .popup-category__item-bottom {
    margin-top: 16px;
  }
  .popup-category {
    grid-gap: 16px;
    grid-template-columns:
      calc(352px + (400 - 352) * ((100vw - 1366px) / (1536 - 1366)))
      1fr;
  }
  .popup-category__item-links {
    grid-gap: 8px;
  }
  .header__popup.header__popup--category {
    width: calc(1040px + (1220 - 1040) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__popup {
    top: calc(86px + (98 - 86) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .header__popup-item {
    grid-gap: 16px;
    width: calc(300px + (340 - 300) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .header-item__icon {
    width: calc(56px + (64 - 56) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(56px + (64 - 56) * ((100vw - 1536px) / (1536 - 1366)));
    min-width: calc(56px + (64 - 56) * ((100vw - 1536px) / (1536 - 1366)));
  }
  .header-item__box-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1536 - 1366)));
  }
  .header-item__box-text {
    font-size: 14px;
  }
  .header-item__icon svg {
    width: 24px;
    height: 24px;
  }
  .header__popup-item {
    padding: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366))) 16px;
  }
  .header__popup-items {
    grid-gap: 8px;
  }
  .header__popup {
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    /* width: calc(640px + (720 - 640) * ((100vw - 1366px) / (1536 - 1366))); */
  }
  .header__link-btn {
    padding-left: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    padding-right: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(42px + (48 - 42) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 12px;
    grid-gap: calc(4px + (6 - 4) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .header__list {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .header__contacts-btn .btn-icon svg {
    width: 16px;
    height: 16px;
  }
  .header__top-inner {
    height: calc(82px + (90 - 82) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .header__logo img {
    width: calc(112px + (135 - 112) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .header__contacts-btn {
    padding-left: 16px;
    height: 50px;
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    grid-gap: 8px;
    border-radius: 14px;
    font-size: 14px;
  }
  .header__contacts-btn .btn-icon {
    width: 42px;
    border-radius: 12px;
    height: 42px;
  }
  .header__link-btn span {
    width: 28px;
    border-radius: 6px;
    height: 24px;
    font-size: 13px;
  }
}

@media screen and (max-width: 1366px) {
  .popup-categor__item-link {
    padding: 16px 24px;
    border-radius: 16px;
  }
  .popup-categor__item-title {
    font-size: 16px;
  }
  .popup-categor__item-text {
    font-size: 14px;
  }
  .popup-category__link-text {
    font-size: 14px;
  }
  .popup-category__link-arrow svg {
    width: 18px;
    height: 18px;
  }
  .popup-category__link-icon {
    width: 20px;
  }
  .popup-category__link-button {
    grid-gap: 8px;
    border-radius: 14px;
    padding-right: 12px;
    padding-left: 16px;
    height: 48px;
  }
  .popup-category {
    grid-gap: 16px;
    grid-template-columns: 352px 1fr;
  }
  .header__popup.header__popup--category {
    width: 1040px;
    padding-bottom: 20px;
  }

  .header-item__icon {
    width: 56px;
    min-width: 56px;
    height: 56px;
  }
  .header-item__box-title {
    font-size: 16px;
  }
  .header__popup-item {
    padding: 16px;
  }
  .header__popup-items {
    grid-gap: 8px;
  }
  .header__popup {
    border-radius: 24px;
    top: 86px;
    /* width: 640px; */
  }
  .header__popup-item {
    width: 300px;
  }
  .header__list {
    grid-gap: 20px;
  }
  .header__link-btn {
    height: 42px;
    padding-left: 16px;
    font-size: 14px;
    grid-gap: 4px;
    padding-right: 12px;
  }
  .header__top-inner {
    height: 82px;
  }
  .header__logo img {
    width: 112px;
  }
}
@media screen and (max-width: 1200px) {
  .header__popup--oneelement .popup-categor__item-link {
    width: 100%;
  }
  .header__popup-close {
    display: flex;
  }
  .header__top-inner {
    height: 66px;
  }
  .header__logo img {
    width: 97px;
  }
  .header__burger {
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    margin-left: auto;
  }
  .header__top-inner {
    grid-template-columns: 1fr 1fr;
  }
  .header__bottom {
    z-index: 1;
  }
  .header__top {
    position: relative;
    z-index: 3;
  }
  .header__mobile {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 98px;
    background-color: #fff;
    padding-bottom: 48px;
    padding-left: 0px;
    padding-right: 0px;
    overflow-y: auto;
    grid-gap: 20px;
    transition: transform 0.3s;
    transform: translateY(-100%);
    display: none;
    flex-direction: column;
    justify-content: space-between;
  }
  .header__mobile.active {
    transform: translateY(0);
  }
  .header__nav {
    display: none;
  }
  .header__burger-default {
    display: flex;
  }
  .header__mobile .header__nav {
    display: flex;
  }
  .header__contacts {
    display: none;
  }
  .header__list {
    width: 100%;
  }
  .header__mobile .header__contacts {
    display: flex;
  }
  .header__mobile.active {
    transform: translateY(0);
  }
  .header__popup {
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: translate(0, -100%);
    opacity: 1;
    padding-top: 98px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    overflow-y: auto;
  }
  .header__popup.active {
    transform: translate(0, 0);
  }
  .header__popup-close-btn {
    display: flex;
    align-items: center;
    padding: 12px 0;
    cursor: pointer;
    grid-gap: 6px;
    color: #323d52;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    position: relative;
  }
  .header__popup-close-btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    left: -10px;
  }
  .header__popup-close {
    display: flex;
  }
  .header__burger-close {
    display: none;
  }
  .header__burger.active .header__burger-close {
    display: flex;
  }
  .header__burger.active .header__burger-default {
    display: none;
  }
  .header__link {
    width: 100%;
  }
  .header__list {
    flex-direction: column;
    grid-gap: 16px;
    align-items: flex-start;
  }
  .header__link-btn span {
    width: 30px;
    height: 26px;
    font-size: 14px;
  }
  .header__link-btn {
    font-size: 22px;
    height: auto;
    grid-gap: 8px;
    width: 100%;
    padding: 24px 12px 24px 0px;
  }
  .header__contacts {
    justify-content: flex-start;
  }
  .header__nav,
  .header__contacts,
  .header__popup-close,
  .header__popup-inner,
  .popup-category {
    max-width: calc(672px + (1190 - 672) * ((100vw - 768px) / (1366 - 768)));
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .header__link-btn-arrow {
    display: flex;
    margin-left: auto;
  }
  .header__popup-item {
    width: auto;
    padding: 20px 0;
  }
  .header-item__icon {
    min-width: 64px;
    width: 64px;
    height: 64px;
  }
  .header-item__box-title {
    font-size: 18px;
  }
  .header__popup-items {
    grid-gap: 12px;
  }
  .header__popup-close {
    margin-bottom: 16px;
  }
  .header__popup--oneelement .header__popup-item {
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
  .header__popup.header__popup--category {
    left: 0 !important;
    width: 100%;
    padding-top: 98px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .popup-category__item-links {
    max-height: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  .popup-category {
    grid-template-columns: 1fr;
  }
  .popup-category__item {
    display: block;
  }
  .popup-category__link-wrap {
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
  }
  .popup-category__item-links {
    overflow: initial;
  }
  .popup-category__item {
    height: min-content;
  }
  .popup-categor__item-link {
    padding: 16px 0;
  }
  .popup-category__item-links {
    grid-gap: 12px;
    padding-top: 12px;
  }
  .popup-categor__item-title {
    font-size: 18px;
  }
  .popup-category__links {
    overflow: initial;
  }
  .popup-category__link-button {
    height: 64px;
    padding-left: 20px;
    padding-right: 32px;
    border-radius: 16px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .popup-category__link-icon {
    width: 24px;
  }
  .popup-category__link-text {
    font-size: 16px;
  }
  .popup-category__link .popup-category__link-arrow {
    transition: transform 0.3s;
  }
  .popup-category__link.active .popup-category__link-arrow {
    transform: rotate(-90deg);
  }
  .popup-category__item-bottom {
    padding-bottom: 12px;
  }
}

@media screen and (max-width: 768px) {
  .header__nav,
  .header__contacts,
  .header__popup-close,
  .header__popup-inner,
  .popup-category {
    max-width: 100%;
    padding: 0 calc(16px + (48 - 16) * ((100vw - 600px) / (768 - 600)));
  }
  .header__popup,
  .header__mobile {
    padding-top: calc(82px + (98 - 82) * ((100vw - 375px) / (768 - 375)));
  }
  .header__mobile {
    padding-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
  }
  .header__link-btn {
    font-size: calc(16px + (22 - 16) * ((100vw - 375px) / (768 - 375)));
    padding-top: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
    padding-bottom: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
    grid-gap: calc(6px + (8 - 6) * ((100vw - 375px) / (768 - 375)));
  }
  .header__link-btn span {
    width: calc(28px + (30 - 28) * ((100vw - 375px) / (768 - 375)));
    height: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(13px + (14 - 13) * ((100vw - 375px) / (768 - 375)));
  }
  .header__list {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
  }
  .header__popup-close-btn {
    padding: calc(8px + (12 - 8) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .header__popup-close-btn::before {
    top: -5px;
    bottom: -5px;
    left: -10px;
    right: -10px;
  }
}
@media screen and (max-width: 700px) {
  .header__popup-items {
    grid-template-columns: 1fr;
  }
  .header-item__icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
  }
  .header-item__box-title {
    font-size: 16px;
  }
  .header__popup-close {
    margin-bottom: 8px;
  }
  .header__popup-item {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .popup-category__item-links {
    grid-template-columns: 1fr;
    grid-gap: 8px;
    padding-top: 8px;
  }
  .popup-categor__item-title {
    font-size: 16px;
  }
  .popup-category__item-bottom {
    margin-top: 8px;
    padding-bottom: 8px;
  }
  .popup-category__link-button {
    height: auto;
    padding-top: 16px;
    grid-gap: 12px;
    border-radius: 16px;
    padding-bottom: 16px;
    padding-left: 12px;
    padding-right: 18px;
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media screen and (max-width: 600px) {
  .header__nav,
  .header__contacts,
  .header__popup-close,
  .header__popup-inner,
  .popup-category {
    padding: 0 16px;
  }
}
@media screen and (max-width: 375px) {
  .header__popup-close-btn {
    padding: 8px 0;
  }
  .header__link-btn span {
    width: 28px;
    height: 24px;
    font-size: 13px;
  }
  .header__popup,
  .header__mobile {
    padding-top: 82px;
  }
  .header__list {
    grid-gap: 12px;
  }
  .header__mobile {
    padding-bottom: 40px;
  }
}

/*end header*/

/*start block-important*/
.block-important {
}
.block-important__wrapper {
}
.block-important__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
}
.block-important__box {
  max-width: 670px;
}
.block-important__items {
}
.block-important__box-title {
}
.block-important__box-text {
  margin-top: 32px;
  color: #323d52;
  font-size: 22px;
  line-height: 135%;
}
.block-important__box-text b {
  font-weight: 500;
}
.block-important__item {
  border-radius: 32px;
  padding: 0 88px 68px;
  min-height: 388px;
  display: flex;
  grid-gap: 30px;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  background-color: blue;
}
.block-important__item:nth-child(3) {
  background-color: #192232;
}
.block-important__item:nth-child(1) {
  background-color: #f5f6ff;
}
.block-important__item:nth-child(2) {
  background-color: #d8dff0;
}
.block-important__item:nth-child(4) {
  background-color: #dbf855;
}
.block-important__item:nth-child(1) .block-important__item-title,
.block-important__item:nth-child(2) .block-important__item-title,
.block-important__item:nth-child(4) .block-important__item-title {
  color: #192232;
}
.block-important__item:nth-child(1) .block-important__item-text,
.block-important__item:nth-child(2) .block-important__item-text,
.block-important__item:nth-child(4) .block-important__item-text {
  color: #323d52;
}

.block-important__item + .block-important__item {
  margin-top: 30px;
}
.block-important__item-title {
  color: #fff;
  font-size: 40px;
  padding-top: 68px;
  font-weight: 500;
  line-height: 125%;
}
.block-important__item-text {
  color: #e7ebf8;
  font-size: 22px;
  line-height: 135%;
}
.block-important__wrapper {
  /* height: 1500px; */
}
@media screen and (max-width: 1920px) {
  .block-important__item {
    padding-left: calc(72px + (88 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(72px + (88 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(56px + (68 - 56) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    min-height: calc(320px + (388 - 320) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .block-important__item-title {
    padding-top: calc(56px + (68 - 56) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .block-important__item-text {
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .block-important__box-text {
    margin-top: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .block-important__box {
    max-width: calc(585px + (670 - 585) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .block-important__item {
    padding-left: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    padding-right: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    min-height: calc(280px + (320 - 280) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .block-important__item-title {
    padding-top: calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .block-important__item-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .block-important__box-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    margin-top: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .block-important__box {
    max-width: calc(500px + (585 - 500) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .block-important__item {
    padding-left: 64px;
    padding-right: 64px;
    padding-bottom: 48px;
    border-radius: 24px;
    min-height: 280px;
  }
  .block-important__item-title {
    padding-top: 48px;
    font-size: 24px;
  }
  .block-important__item-text {
    font-size: 16px;
  }
  .block-important__box-text {
    font-size: 16px;
    margin-top: 24px;
  }
}
@media screen and (max-width: 1200px) {
  .block-important__item {
    grid-gap: 48px;
    min-height: auto;
  }
  .block-important__inner {
    grid-template-columns: 1fr;
    grid-gap: 48px;
    height: auto !important;
  }
  .block-important__wrapper {
    height: auto !important;
  }
  .block-important__box {
    max-width: 510px;
  }
  .block-important__item + .block-important__item {
    margin-top: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .block-important__item-title {
    font-size: calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375)));
    padding-top: calc(32px + (48 - 32) * ((100vw - 375px) / (768 - 375)));
  }
  .block-important__item {
    border-radius: calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375)));
    grid-gap: calc(32px + (48 - 32) * ((100vw - 375px) / (768 - 375)));
    padding-left: calc(40px + (64 - 40) * ((100vw - 375px) / (768 - 375)));
    padding-right: calc(40px + (64 - 40) * ((100vw - 375px) / (768 - 375)));
    padding-bottom: calc(32px + (48 - 32) * ((100vw - 375px) / (768 - 375)));
  }
}

@media screen and (max-width: 375px) {
  .block-important__item-title {
    font-size: 22px;
    padding-top: 32px;
  }
  .block-important__item {
    border-radius: 20px;
    grid-gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 32px;
  }
}

/*end block-important*/

/*start quote-team*/
.quote-team {
}
.quote-team__inner {
  border-radius: 32px;
  border: 1px solid #e7ebf8;
  background: #f5f6ff;
  overflow: hidden;
  position: relative;
}
.quote-team__images {
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.quote-team__bg {
  position: absolute;
  bottom: -220px;
  right: -1px;
  z-index: 3;
  height: 500px;
  width: 800px;
}
.quote-team__bg img {
  width: 100%;
}
.swiper {
}
.quote-team__items {
}
.swiper-wrapper {
}
.swiper-slide {
}
.swiper.quote-team__items {
  width: 510px;
}
.quote-team__item {
  position: relative;
  width: 100%;
  height: 710px;
}
.quote-team__item img {
  width: 100%;
  height: 100%;
  object-position: top;
  object-fit: cover;
}
.quote-team__content {
  padding-top: 72px;
  padding-bottom: 72px;
  margin-left: 100px;
  width: 730px;
  position: relative;
  z-index: 3;
}

.swiper-slide.quote-team__link {
  height: 100%;
}
.swiper.quote-team__links .swiper-wrapper {
  height: auto;
}
.quote-team__icon {
  margin-bottom: 40px;
}
.quote-team__icon img {
  width: 129px;
}
.quote-team__links {
}
.quote-team__link {
}
.quote-team__link.swiper-slide {
  opacity: 0 !important;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.quote-team__user.active {
  border-color: green;
}
.quote-team__link.swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.quote-team__link-text {
  color: #192232;
  font-size: 32px;
  font-weight: 500;
  line-height: 135%;
}
.quote-team__images-box {
  position: relative;
}
.quote-team__link-box {
}
.quote-team__link-name {
  color: #192232;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  margin-top: 40px;
}
.quote-team__link-work {
  color: #7d879e;
  font-size: 18px;
  line-height: 130%;
  margin-top: 8px;
}
.quote-team__users {
  margin-top: 72px;
  display: flex;
  grid-gap: 8px;
}
.quote-team__bottom {
  margin-top: 72px;
}
.quote-team__user--i {
  cursor: pointer;
}
.quote-team__user {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: relative;
  /* border: 4px solid #fff; */
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: #fff;
  justify-content: center;
}
@media (min-width: 1000px) {
  .quote-team__user:hover img {
    transform: scale(1.1);
  }
}

.quote-team__user-img {
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 4px;
  left: 4px;
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
}
.quote-team__user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: 0.3s;
}
.quote-team__user-num {
  color: #192232;
  font-size: 22px;
  font-weight: 500;
  line-height: 135%;
}
.quote-team__bottom {
  display: flex;
}

.quote-team__user-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  background-color: transparent; /* фон прозрачный чтобы видеть бордер */
}

/* белая обводка */
.quote-team__user-circle::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 6px solid #fff;
  background-color: transparent; /* фон круга не мешает */
  box-sizing: border-box;
  z-index: 1;
}

/* зелёная заливка по бордеру */
.quote-team__user-circle::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-image: conic-gradient(green var(--angle, 0deg), transparent 0deg);
  transform: rotate(-90deg); /* старт сверху */
  z-index: 2;
}

/* анимация прогресса */
.quote-team__user-circle.active::after {
  animation: progress 7s linear forwards;
}

@keyframes progress {
  to {
    --angle: 360deg;
  }
}

/* регистрация CSS-переменной angle для анимации */
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@property --progress {
  syntax: "<length-percentage>";
  initial-value: 0%;
  inherits: false;
}

.progress-circle {
  --size: 100%;
  --bar-width: 15px;
  --progress: 0%;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(#dbf855 var(--progress), #fff 0);
  display: grid;
  place-items: center;
  transition: --progress 500ms linear;
  font-family: monospace;
  position: relative;
}

/* круг внутри для отображения процента */
/* .progress-circle::after {
  content: attr(aria-valuenow) "%";
  width: calc(100% - var(--bar-width));
  aspect-ratio: 1;
  border-radius: 50%;
  background: white;
  display: grid;
  place-items: center;
  position: absolute;
} */
.quote-team__bg img + img {
  display: none;
}

@media screen and (max-width: 1920px) {
  .swiper.quote-team__items {
    width: calc(430px + (510 - 430) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__item {
    height: calc(595px + (710 - 595) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__icon {
    margin-bottom: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__icon img {
    width: calc(103px + (129 - 103) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__link-text {
    font-size: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__link-name {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__link-work {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__users {
    margin-top: calc(64px + (72 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__bottom {
    margin-top: calc(64px + (72 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__user {
    width: calc(68px + (80 - 68) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(68px + (80 - 68) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__users {
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__content {
    padding-top: calc(64px + (72 - 64) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(64px + (72 - 64) * ((100vw - 1536px) / (1920 - 1536)));
    margin-left: calc(80px + (100 - 80) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(600px + (730 - 600) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__inner {
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__user-num {
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .quote-team__bg {
    width: calc(775px + (800 - 775) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(420px + (500 - 420) * ((100vw - 1536px) / (1920 - 1536)));
    bottom: calc(-155px + (-220 - (-155)) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(-66px + (-1 - (-66)) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .swiper.quote-team__items {
    width: calc(380px + (430 - 380) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__item {
    height: calc(530px + (595 - 530) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__icon {
    margin-bottom: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__icon img {
    width: calc(82px + (103 - 82) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__link-text {
    font-size: calc(22px + (24 - 22) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__link-name {
    margin-top: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(18px + (22 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__link-work {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__users {
    margin-top: calc(56px + (64 - 56) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__bottom {
    margin-top: calc(56px + (64 - 56) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__user {
    width: calc(58px + (68 - 58) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(58px + (68 - 58) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__users {
    grid-gap: 6px;
  }
  .quote-team__content {
    padding-top: calc(48px + (64 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(48px + (64 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    margin-left: calc(64px + (80 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(510px + (600 - 510) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__inner {
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .quote-team__user-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .quote-team__bg {
    width: calc(622px + (775 - 622) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(370px + (420 - 370) * ((100vw - 1366px) / (1536 - 1366)));
    bottom: calc(-160px + (-155 - (-160)) * ((100vw - 1366px) / (1536 - 1366)));
    right: calc(-18px + (-66 - (-18)) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .quote-team__user-num {
    font-size: 16px;
  }
  .quote-team__content {
    width: calc(420px + (510 - 420) * ((100vw - 1000px) / (1366 - 1000)));
    margin-left: 64px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .swiper.quote-team__items {
    width: calc(330px + (380 - 330) * ((100vw - 768px) / (1366 - 768)));
  }
  .quote-team__item {
    height: calc(400px + (530 - 400) * ((100vw - 768px) / (1366 - 768)));
  }
  .quote-team__icon {
    margin-bottom: 32px;
  }
  .quote-team__icon img {
    width: 82px;
  }
  .quote-team__link-text {
    font-size: 22px;
  }
  .quote-team__link-name {
    margin-top: 28px;
    font-size: 18px;
  }
  .quote-team__link-work {
    font-size: 14px;
  }
  .quote-team__users {
    margin-top: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
  }
  .quote-team__bottom {
    margin-top: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
  }
  .quote-team__user {
    width: 58px;
    height: 58px;
  }
  .quote-team__users {
    flex-wrap: wrap;
  }
  .quote-team__inner {
    border-radius: 24px;
  }
  .quote-team__bg {
    width: 622px;
    height: 370px;
    bottom: -160px;
    right: calc(-47px + (-18 - (-47)) * ((100vw - 1000px) / (1366 - 1000)));
  }
}
@media screen and (max-width: 1000px) {
  .quote-team__content {
    padding-top: 395px;
    width: 100%;
    padding-left: 36px;
    padding-right: 36px;
    margin-left: 0;
    padding-bottom: 64px;
  }
  .quote-team__bg {
    width: calc(530px + (622 - 530) * ((100vw - 768px) / (1000 - 768)));
    height: calc(330px + (370 - 330) * ((100vw - 768px) / (1000 - 768)));
    bottom: -160px;
    right: calc(-10px + (-47 - (-10)) * ((100vw - 768px) / (1000 - 768)));
  }
}
@media screen and (max-width: 768px) {
  .quote-team__bg {
    width: calc(320px + (514 - 320) * ((100vw - 375px) / (768 - 375)));
    height: calc(187px + (330 - 187) * ((100vw - 375px) / (768 - 375)));
    bottom: calc(-43px + (-170 - (-43)) * ((100vw - 375px) / (768 - 375)));
    right: calc(-12px + (-10 - (-12)) * ((100vw - 375px) / (768 - 375)));
  }

  .quote-team__bg img {
    display: none;
  }
  .quote-team__bg img + img {
    display: block;
  }
  .quote-team__content {
    padding-top: calc(285px + (395 - 285) * ((100vw - 375px) / (768 - 375)));
    padding-left: calc(32px + (36 - 32) * ((100vw - 375px) / (768 - 375)));
    padding-right: calc(32px + (36 - 32) * ((100vw - 375px) / (768 - 375)));
    padding-bottom: calc(56px + (64 - 56) * ((100vw - 375px) / (768 - 375)));
  }
  .swiper.quote-team__items {
    width: calc(200px + (330 - 200) * ((100vw - 375px) / (768 - 375)));
  }
  .quote-team__item {
    height: calc(275px + (400 - 275) * ((100vw - 375px) / (768 - 375)));
  }
  .quote-team__icon {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
  }
  .quote-team__icon img {
    width: calc(62px + (82 - 62) * ((100vw - 375px) / (768 - 375)));
  }
  .quote-team__link-text {
    font-size: calc(18px + (22 - 18) * ((100vw - 375px) / (768 - 375)));
  }
  .quote-team__link-name {
    margin-top: 28px;
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
  .quote-team__link-work {
    margin-top: calc(6px + (8 - 6) * ((100vw - 375px) / (768 - 375)));
  }
  .quote-team__users {
    margin-top: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
  }
  .quote-team__bottom {
    margin-top: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
  }
  .quote-team__inner {
    border-radius: calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}

@media screen and (max-width: 375px) {
  .quote-team__bg {
    width: 320px;
    height: 187px;
    bottom: -43px;
    right: -12px;
  }
  .quote-team__content {
    padding-top: 285px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 56px;
  }
  .quote-team__inner {
    border-radius: 20px;
  }
  .quote-team__link-name {
    font-size: 16px;
  }
  .quote-team__link-text {
    font-size: 18px;
  }
  .swiper.quote-team__items {
    width: 200px;
  }
  .quote-team__item {
    height: 275px;
  }
  .quote-team__icon {
    margin-bottom: 24px;
  }
  .quote-team__icon img {
    width: 62px;
  }
  .quote-team__link-work {
    margin-top: 6px;
  }
  .quote-team__users {
    margin-top: 40px;
  }
  .quote-team__bottom {
    margin-top: 40px;
  }
}

/*end quote-team*/

/*start partners-new*/
.partners-new__box {
  position: relative;
  height: 144px;
  width: 252px;
  margin-bottom: 28px;
}
.partners-new__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px;
}
.partners-new__item {
  border-radius: 28px;
  border: 1px solid #d8dff0;
  background: #fff;
  padding: 44px 48px;
}
.partners-new__img {
  width: 100%;
  transform: scale(0.5);
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  mask-position: left center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: #7d879e;
  transition: 0.3s;
}
@media (min-width: 1000px) {
  .partners-new__item:hover .partners-new__img {
    background-color: #242f43;
  }
}

.partners-new__text {
  color: #7d879e;
  font-size: 18px;
  line-height: 130%;
}
@media screen and (max-width: 1920px) {
  .partners-new__box {
    width: calc(228px + (252 - 228) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(130px + (144 - 130) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-new__inner {
    grid-gap: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-new__item {
    border-radius: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(36px + (44 - 36) * ((100vw - 1536px) / (1920 - 1536)))
    calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-new__box {
    margin-bottom: calc(20px + (28 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .partners-new__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .partners-new__box {
    width: calc(120px + (228 - 120) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(76px + (130 - 76) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-new__inner {
    grid-gap: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-new__item {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)))
    calc(36px + (40 - 36) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-new__box {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .partners-new__text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .partners-new__box {
    width: 120px;
    height: 76px;
    margin-bottom: 16px;
  }
  .partners-new__inner {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
  .partners-new__item {
    padding: 32px 36px;
    border-radius: 20px;
  }
  .partners-new__text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1000px) {
  .partners-new__inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .partners-new__inner {
    grid-gap: 16px;
  }
}
@media screen and (max-width: 600px) {
  .partners-new__inner {
    grid-template-columns: 1fr;
  }
}
/*end partners-new*/

/*start tech-documentation*/
.tech-documentation__slider .tech-documentation__slider-item {
  height: auto;
}
.tech-documentation__slider
.tech-documentation__slider-item
.presentation-card {
  height: 100%;
}
@media (max-width: 1000px) {
  .tech-documentation__slider
  .tech-documentation__slider-item
  .presentation-card {
    height: 100%;
    width: 275px;
  }
  .tech-documentation__slider .tech-documentation__slider-item {
    width: auto;
  }
}
@media (max-width: 600px) {
  .tech-documentation__slider
  .tech-documentation__slider-item
  .presentation-card {
    width: 100%;
  }
}
/*end tech-documentation__slider*/

/*start btn-project-up*/
.btn-project-up {
  position: absolute;
  right: 64px;
  top: -85px;
  border-radius: 16px;
  border: 1px solid #99a6bf;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  cursor: pointer;
  height: 56px;
  transition: 0.3s;
}
.btn-project-up svg {
  width: 20px;
  height: 20px;
}
.btn-project-up svg path {
  transition: 0.3s;
}
.btn-project-up:hover {
  border-color: #b6c5dd;
}
.btn-project-up:hover svg path[stroke] {
  stroke: #b6c5dd;
}
@media screen and (max-width: 1920px) {
  .btn-project-up {
    width: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(48px + (64 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .btn-project-up svg {
    width: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .btn-project-up {
    top: calc(-65px + (-84 - (-65)) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(42px + (48 - 42) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(42px + (48 - 42) * ((100vw - 1366px) / (1536 - 1366)));
    right: 48px;
    border-radius: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .btn-project-up svg {
    width: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .btn-project-up {
    top: calc(-25px + (-65 - (-25)) * ((100vw - 768px) / (1366 - 768)));
    width: calc(48px + (42 - 48) * ((100vw - 768px) / (1366 - 768)));
    height: calc(48px + (42 - 48) * ((100vw - 768px) / (1366 - 768)));
    border-radius: calc(14px + (12 - 14) * ((100vw - 768px) / (1366 - 768)));
  }
  .btn-project-up svg {
    width: calc(18px + (16 - 18) * ((100vw - 768px) / (1366 - 768)));
    height: calc(18px + (16 - 18) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .btn-project-up {
    top: calc(15px + (-25 - 15) * ((100vw - 375px) / (768 - 375)));
    width: calc(42px + (48 - 42) * ((100vw - 375px) / (768 - 375)));
    height: calc(42px + (48 - 42) * ((100vw - 375px) / (768 - 375)));
    right: calc(16px + (48 - 16) * ((100vw - 375px) / (768 - 375)));
    border-radius: calc(12px + (14 - 12) * ((100vw - 375px) / (768 - 375)));
  }
  .btn-project-up svg {
    width: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
    height: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
}

@media screen and (max-width: 375px) {
  .btn-project-up {
    top: 15px;
    width: 42px;
    right: 16px;
    height: 42px;
    border-radius: 12px;
  }
  .btn-project-up svg {
    width: 16px;
    height: 16px;
  }
}

/*end btn-project-up*/

/*start product-home*/
.product-home__wrapper {
  max-width: 1824px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 168px;
  padding-left: 72px;
  padding-bottom: 118px;
  border-radius: 32px;
  background: #f5f6ff;
  overflow: hidden;
  margin-top: -158px;
  position: relative;
}
.product-home__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}
.product-home__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-home__inner {
  display: flex;
  justify-content: space-between;
  grid-gap: 30px;
  position: relative;
  z-index: 1;
}
.product-home__box {
  padding-top: 62px;
  width: 825px;
}
.product-home__text {
  margin-top: 32px;
  max-width: 680px;
  color: #323d52;
  font-size: 22px;
  line-height: 135%;
}
.product-home__text b {
  font-weight: 500;
}
.product-home__link {
  margin-top: 56px;
}
.product-home__images {
  border-radius: 32px;
  margin-right: -204px;
  padding: 16px;
  overflow: hidden;
  width: 1039px;
  min-width: 1039px;
  height: 684px;
  position: relative;
  background: rgba(255, 255, 255, 0.7);
}
.product-home__image {
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border: 1px solid #c7d2e7;
}
.product-home__image img {
  width: 100%;
  height: 100%;
  object-position: left top;
  object-fit: cover;
}
@media screen and (max-width: 1920px) {
  .product-home__wrapper {
    margin-top: calc(
            -140px + (-158 - (-140)) * ((100vw - 1536px) / (1920 - 1536))
    );
    max-width: calc(
            1472px + (1824 - 1472) * ((100vw - 1536px) / (1920 - 1536))
    );
    padding-top: calc(157px + (168 - 157) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(68px + (72 - 68) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-home__images {
    width: calc(880px + (1039 - 880) * ((100vw - 1536px) / (1920 - 1536)));
    min-width: calc(880px + (1039 - 880) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(580px + (684 - 580) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    margin-right: calc(
            -195px + (-204 - (-195)) * ((100vw - 1536px) / (1920 - 1536))
    );
  }
  .product-home__image {
    border-radius: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-home__text {
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(540px + (680 - 540) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-home__link {
    margin-top: calc(44px + (56 - 44) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-home__box {
    width: calc(655px + (825 - 655) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .product-home__wrapper {
    margin-top: calc(
            -130px + (-140 - (-130)) * ((100vw - 1366px) / (1536 - 1366))
    );
    max-width: calc(
            1318px + (1472 - 1318) * ((100vw - 1366px) / (1536 - 1366))
    );
    border-radius: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    padding-top: calc(118px + (157 - 118) * ((100vw - 1366px) / (1536 - 1366)));
    padding-left: calc(64px + (68 - 64) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-home__images {
    width: calc(775px + (880 - 775) * ((100vw - 1366px) / (1536 - 1366)));
    min-width: calc(775px + (880 - 775) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(510px + (580 - 510) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    margin-right: calc(
            -175px + (-195 - (-175)) * ((100vw - 1366px) / (1536 - 1366))
    );
  }
  .product-home__image {
    border-radius: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-home__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    margin-top: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    max-width: calc(480px + (540 - 480) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-home__link {
    margin-top: calc(32px + (44 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-home__box {
    width: calc(585px + (655 - 585) * ((100vw - 1366px) / (1536 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .product-home__wrapper {
    margin-top: calc(
            -115px + (-130 - (-115)) * ((100vw - 1200px) / (1366 - 1200))
    );
    max-width: calc(728px + (1318 - 728) * ((100vw - 768px) / (1366 - 768)));
    border-radius: 24px;
    padding-top: 118px;
    padding-left: calc(40px + (64 - 40) * ((100vw - 1000px) / (1366 - 1000)));
  }
  .product-home__images {
    width: 775px;
    min-width: 775px;
    height: 510px;
    border-radius: 24px;
    padding: calc(10px + (12 - 10) * ((100vw - 768px) / (1366 - 768)));
    margin-right: calc(
            -300px + (-175 - (-300)) * ((100vw - 1000px) / (1366 - 1000))
    );
  }
  .product-home__text {
    font-size: 16px;
    margin-top: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
  .product-home__link {
    margin-top: 32px;
  }
  .product-home__image {
    border-radius: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .product-home__wrapper {
    margin-top: calc(
            -100px + (-130 - (-100)) * ((100vw - 768px) / (1200 - 768))
    );
  }
}
@media screen and (max-width: 1000px) {
  .product-home__inner {
    flex-direction: column;
    grid-gap: 83px;
  }
  .product-home__box {
    padding-top: 0;
    width: 100%;
  }
  .product-home__text {
    max-width: 440px;
  }
  .product-home__wrapper {
    padding-top: 135px;
    padding-left: calc(28px + (40 - 28) * ((100vw - 768px) / (1000 - 768)));
    padding-right: calc(28px + (40 - 28) * ((100vw - 768px) / (1000 - 768)));
    padding-bottom: 0;
  }
  .product-home__images {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
    height: 425px;
    margin-bottom: -92px;
  }
  .product-home__image img {
    object-position: top center;
  }
  .product-home__bg img {
    object-position: -480px 0px;
  }
}
@media screen and (max-width: 768px) {
  .product-home__wrapper {
    border-radius: calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375)));
    margin-top: calc(-85px + (-100 - (-85)) * ((100vw - 375px) / (768 - 375)));
    max-width: calc(360px + (728 - 360) * ((100vw - 375px) / (768 - 375)));
    padding-left: calc(16px + (28 - 16) * ((100vw - 375px) / (768 - 375)));
    padding-right: calc(16px + (28 - 16) * ((100vw - 375px) / (768 - 375)));
    padding-top: calc(112px + (132 - 112) * ((100vw - 375px) / (768 - 375)));
  }
  .product-home__inner {
    grid-gap: calc(52px + (83 - 52) * ((100vw - 375px) / (768 - 375)));
  }
  .product-home__text {
    margin-top: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
  }
  .product-home__link {
    margin-top: calc(28px + (32 - 28) * ((100vw - 375px) / (768 - 375)));
  }
  .product-home__images {
    margin-bottom: calc(
            -48px + (-92 - (-48)) * ((100vw - 375px) / (768 - 375))
    );
    height: calc(212px + (425 - 212) * ((100vw - 375px) / (768 - 375)));
    border-radius: calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375)));
    padding: calc(6px + (10 - 6) * ((100vw - 375px) / (768 - 375)));
  }
  .product-home__image {
    border-radius: calc(12px + (14 - 12) * ((100vw - 375px) / (768 - 375)));
  }
  .breadcrumbs.breadcrumbs--product {
    margin-left: calc(10px + (0 - 10) * ((100vw - 600px) / (768 - 600)));
    margin-right: calc(10px + (0 - 10) * ((100vw - 600px) / (768 - 600)));
  }
}
@media screen and (max-width: 600px) {
  .breadcrumbs.breadcrumbs--product {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 375px) {
  .product-home__images {
    margin-bottom: -48px;
    height: 212px;
    padding: 6px;
    border-radius: 20px;
  }
  .product-home__image {
    border-radius: 12px;
  }
  .product-home__link {
    margin-top: 28px;
  }
  .product-home__wrapper {
    margin-top: -85px;
    border-radius: 20px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 112px;
  }
  .product-home__text {
    margin-top: 12px;
  }
}
/*end product-home*/

/*start product-items*/
.product-items {
  margin: 136px 0;
}
.product-items__cards .benefit-card__icon {
  color: #242f43;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
.product-items__cards .benefit-card--dark .benefit-card__icon {
  color: #b6c5dd;
}
@media screen and (max-width: 1920px) {
  .product-items__cards .benefit-card__icon {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-items {
    margin: calc(124px + (136 - 124) * ((100vw - 1536px) / (1920 - 1536))) 0;
  }
}

@media screen and (max-width: 1536px) {
  .product-items__cards .benefit-card__icon {
    font-size: calc(18px + (22 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-items {
    margin: calc(100px + (124 - 100) * ((100vw - 1366px) / (1536 - 1366))) 0;
  }
}

@media screen and (max-width: 1366px) {
  .product-items__cards .benefit-card__icon {
    font-size: 18px;
  }
  .product-items {
    margin: calc(64px + (100 - 64) * ((100vw - 768px) / (1366 - 768))) 0;
  }
}

@media screen and (max-width: 768px) {
  .product-items__cards .benefit-card__icon {
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
  .product-items {
    margin: calc(40px + (64 - 40) * ((100vw - 375px) / (768 - 375))) 0;
  }
}
@media screen and (max-width: 375px) {
  .product-items {
    margin: 40px 0;
  }
  .product-items__cards .benefit-card__icon {
    font-size: 16px;
  }
}
/*end product-items*/

/*start product-cards*/
.product-cards__items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 32px;
}
.product-cards__item {
  grid-column: span 2;
  padding: 44px 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  grid-gap: 20px;
  min-height: 418px;
  border-radius: 32px;
}
.product-cards__item:nth-child(1),
.product-cards__item:nth-child(2) {
  grid-column: span 3;
}
.product-cards__item.product-cards__item--white {
  border: 1px solid #d8dff0;
  background: #fff;
}
.product-cards__item.product-cards__item--white .product-cards__item-num {
  background-color: #dbf855;
}
.product-cards__item.product-cards__item--grey {
  border: 1px solid #e7ebf8;
  background: #f5f6ff;
}
.product-cards__item.product-cards__item--grey .product-cards__item-num {
  background-color: #fff;
}
.product-cards__item.product-cards__item--green {
  border: 1px solid #dbf855;
  background: #dbf855;
}
.product-cards__item.product-cards__item--green .product-cards__item-num {
  background-color: #fff;
}
.product-cards__item.product-cards__item--green .product-cards__item-text {
  color: #192232;
}
.product-cards__item.product-cards__item--dark {
  border: 1px solid #192232;
  background: #192232;
}
.product-cards__item.product-cards__item--dark .product-cards__item-num {
  background-color: #dbf855;
}
.product-cards__item.product-cards__item--dark .product-cards__item-text {
  color: #b6c5dd;
}
.product-cards__item.product-cards__item--dark .product-cards__item-title {
  color: #fff;
}
.product-cards__item-num {
  border-radius: 20px;
  width: 88px;
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #192232;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
.product-cards__item-title {
  color: #192232;
  font-size: 32px;
  font-weight: 500;
  line-height: 135%;
}
.product-cards__item-text {
  margin-top: 16px;
  color: #7d879e;
  font-size: 18px;
  line-height: 130%;
}
.product-cards__bottom {
  margin-top: 40px;
  color: #7d879e;
  font-size: 22px;
  line-height: 135%;
}
.product-cards.product-cards--safety {
}
.product-cards__item.product-cards__item--image {
}
.product-cards__item-img {
  margin-top: auto;
}
.product-cards__item-img img {
  height: 250px;
}
.product-cards__item.product-cards__item--image
+ .product-cards__item
.product-cards__item-num {
  background-color: #dbf855;
}
@media screen and (max-width: 1920px) {
  .product-cards__items {
    grid-gap: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-cards__bottom {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-cards__item {
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(36px + (44 - 36) * ((100vw - 1536px) / (1920 - 1536)))
    calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    min-height: calc(344px + (418 - 344) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-cards__item-num {
    width: calc(72px + (88 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(72px + (88 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-cards__item-title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-cards__item-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-cards__item-img img {
    height: calc(210px + (250 - 210) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .product-cards__items {
    grid-gap: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-cards__bottom {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-cards__item {
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(28px + (36 - 28) * ((100vw - 1366px) / (1536 - 1366)))
    calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    min-height: calc(290px + (344 - 290) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-cards__item-num {
    width: calc(62px + (72 - 62) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(18px + (22 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(62px + (72 - 62) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(14px + (20 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-cards__item-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-cards__item-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-cards__item-img img {
    height: calc(170px + (210 - 170) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .product-cards__items {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
  .product-cards__bottom {
    margin-top: calc(20px + (24 - 20) * ((100vw - 768px) / (1366 - 768)));
    font-size: 16px;
  }
  .product-cards__item {
    padding: 28px 32px;
    border-radius: 24px;
    min-height: 290px;
  }
  .product-cards__item-num {
    width: 62px;
    height: 62px;
    font-size: 18px;
    border-radius: 14px;
  }
  .product-cards__item-title {
    font-size: 24px;
  }
  .product-cards__item-text {
    font-size: 14px;
  }
  .product-cards__item-img img {
    height: 170px;
  }
}
@media screen and (max-width: 1000px) {
  .product-cards__items {
    grid-template-columns: 1fr;
  }
  .product-cards__item:nth-child(1),
  .product-cards__item:nth-child(2) {
    grid-column: span 1;
  }
  .product-cards__item {
    grid-gap: 40px;
    min-height: 245px;
    grid-column: span 1;
  }
}
@media screen and (max-width: 768px) {
  .product-cards__bottom {
    margin-top: 20px;
  }
  .product-cards__items {
    grid-gap: 16px;
  }
  .product-cards__item {
    padding: calc(32px + (28 - 32) * ((100vw - 375px) / (768 - 375))) 32px;
    border-radius: calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375)));
  }
  .product-cards__item-num {
    width: calc(48px + (62 - 48) * ((100vw - 375px) / (768 - 375)));
    height: calc(48px + (62 - 48) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
    border-radius: calc(12px + (14 - 12) * ((100vw - 375px) / (768 - 375)));
  }
  .product-cards__item-title {
    font-size: calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375)));
  }
  .product-cards__item-text {
    margin-top: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
  }
  .product-cards__item-img img {
    height: calc(120px + (170 - 120) * ((100vw - 375px) / (768 - 375)));
  }
}

@media screen and (max-width: 375px) {
  .product-cards__item {
    padding: 32px;
    border-radius: 20px;
  }
  .product-cards__item-num {
    width: 48px;
    height: 48px;
    font-size: 16px;
    border-radius: 12px;
  }
  .product-cards__item-title {
    font-size: 22px;
  }
  .product-cards__item-text {
    margin-top: 12px;
  }
  .product-cards__item-img img {
    height: 120px;
  }
}
/*end product-cards*/

/*start navigation-tabs*/
.navigation-tabs {
  /* padding-top: 8px; */
  border-bottom: 1px solid var(--Ice-Mist-dark-1, #e7ebf8);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
}

.navigation-tabs.navigation-tabs--article .navigation-tabs__inner {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}

.navigation-tabs.fixed {
  position: fixed;
  top: 152px;
  left: 0;
  right: 0;
  z-index: 8;
}
.navigation-tabs__inner {
  display: flex;
  justify-content: flex-start;
}
.swiper.navigation-tabs__swiper {
  padding: 0px;
  width: auto;
  margin: 0;
}
.navigation-tabs__slide {
  width: auto;
}
.navigation-tabs__slide:last-child {
  margin-right: 0 !important;
}
.navigation-tabs__item {
  white-space: nowrap;
  display: flex;
  align-items: center;
  color: #7d879e;
  font-size: 16px;
  font-weight: 500;
  line-height: 135%;
  transition: 0.3s;
  height: 60px;
  cursor: pointer;
  position: relative;
}
.navigation-tabs__item::before {
  content: "";
  position: absolute;
  bottom: 0px;
  border-radius: 4px;
  left: 0;
  right: 0;
  height: 2px;
  background: #c7d2e7;
  transition: 0.3s;
  opacity: 0;
}
.navigation-tabs__item.active {
  /* background: #f3f4f6; */
  color: #192232;
}
.navigation-tabs__item:hover {
  color: #323d52;
  /* background-color: #f3f4f6; */
}
.navigation-tabs__item:hover::before {
  opacity: 1;
}
.navigation-tabs__item.active::before {
  opacity: 1;
  background-color: #192232;
}
.navigation-tabs__item-div {
  grid-gap: 4px;
  display: flex;
  align-items: center;
}
.navigation-tabs__bottom {
  display: none;
}
.navigation-tabs__top-arrow {
  display: none;
}
.navigation-tabs__top-inner {
  display: flex;
  align-items: center;
}
.navigation-tabs__top-box {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  margin-right: auto;
}
.navigation-tabs__top-icon img {
  width: 36px;
}
.navigation-tabs__top-text {
  color: #192232;
  font-size: 16px;
  font-weight: 500;
  line-height: 135%;
}
.navigation-tabs__top-btn {
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 14px;
  background: #dbf855;
  padding: 0 16px;
  cursor: pointer;
  color: #192232;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  margin-left: 56px;
}
.navigation-tabs__top-btn {
  order: 5;
}
@media (max-width: 1920px) {
  .navigation-tabs__item {
    height: calc(56px + (60 - 56) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .navigation-tabs__top-btn {
    height: calc(44px + (46 - 44) * ((100vw - 1536px) / (1920 - 1536)));
    margin-left: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .navigation-tabs__top-icon img {
    width: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .navigation-tabs__top-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .navigation-tabs__top-box {
    grid-gap: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }
}
@media screen and (max-width: 1536px) {
  .navigation-tabs__item {
    height: calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(13px + (14 - 13) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .navigation-tabs__top-btn {
    height: calc(36px + (44 - 36) * ((100vw - 1366px) / (1536 - 1366)));
    padding: 0 calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(10px + (14 - 10) * ((100vw - 1366px) / (1536 - 1366)));
    margin-left: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .navigation-tabs__top-icon img {
    width: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .navigation-tabs__top-text {
    font-size: calc(13px + (14 - 13) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .navigation-tabs__top-box {
    grid-gap: calc(8px + (10 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .navigation-tabs__item {
    height: 48px;
    font-size: 13px;
  }
  .navigation-tabs__top-text {
    font-size: 13px;
  }
  .navigation-tabs__top-btn {
    padding: 0 14px;
    border-radius: 10px;
    height: 36px;
    margin-left: 40px;
    font-size: 12px;
  }
  .navigation-tabs__top-icon img {
    width: 24px;
    min-width: 24px;
  }
  .navigation-tabs__top-box {
    grid-gap: 8px;
  }
}
@media screen and (max-width: 1000px) {
  .navigation-tabs__top-arrow {
    display: flex;
    position: relative;
    cursor: pointer;
  }
  .navigation-tabs__top-arrow::before {
    content: "";
    position: absolute;
    top: -15px;
    bottom: -15px;
    right: -15px;
    left: -15px;
  }
  .navigation-tabs__top-box {
    margin-right: 32px;
  }
  .navigation-tabs__top-inner .navigation-tabs__inner {
    display: none;
  }
  .navigation-tabs__top-btn {
    margin-left: auto;
  }
  .navigation-tabs__top-inner {
    height: 52px;
  }
  .navigation-tabs__bottom {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: calc(49px + (63 - 49) * ((100vw - 768px) / (1000 - 768)));
    padding-right: calc(49px + (63 - 49) * ((100vw - 768px) / (1000 - 768)));
  }
  .navigation-tabs__bottom .navigation-tabs__inner {
    display: flex;
  }
  .navigation-tabs__item {
    height: 40px;
  }
  .navigation-tabs__top-btn {
    white-space: nowrap;
  }
  .navigation-tabs__top-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .navigation-tabs__top-box {
    overflow: hidden;
  }
  .navigation-tabs__top-arrow {
    margin-right: 30px;
  }
  .navigation-tabs__bottom {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid #e7ebf8;
  }
  .navigation-tabs__top {
    position: relative;
    z-index: 1;
  }
  .navigation-tabs {
    background-color: transparent;
  }
  .navigation-tabs__top {
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(12px);
  }
  .navigation-tabs {
    border-bottom: 1px solid #e7ebf8;
    transition: border 0.3s;
  }
  .navigation-tabs.none-border {
    border-bottom: 1px solid transparent;
  }
  .navigation-tabs__bottom {
    opacity: 0;
    top: 0;
    transition: 0.3s;
  }
  .navigation-tabs__bottom.active {
    opacity: 1;
    top: 100%;
  }
  .navigation-tabs__top-arrow svg {
    transition: 0.3s;
  }
  .navigation-tabs__top-arrow.active svg {
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 768px) {
  .navigation-tabs__bottom {
    max-width: 100%;
    padding: 0 calc(16px + (48 - 16) * ((100vw - 600px) / (768 - 600)));
  }
  .navigation-tabs__top-box {
    margin-right: calc(16px + (32 - 16) * ((100vw - 375px) / (768 - 375)));
  }
  .navigation-tabs__top-inner {
    height: calc(44px + (52 - 44) * ((100vw - 375px) / (768 - 375)));
  }
}
@media screen and (max-width: 600px) {
  .navigation-tabs__bottom {
    padding: 0 16px;
  }
}
@media screen and (max-width: 375px) {
  .navigation-tabs__top-box {
    margin-right: 16px;
  }
  .navigation-tabs__top-inner {
    height: 44px;
  }
}

/*end navigation-tabs*/

/*start product-security*/
.product-security {
}
.product-security__title {
}
.product-security__wrapper {
  border-radius: 32px;
  background: #f5f6ff;
  max-width: 1824px;
  margin-left: auto;
  padding-left: 72px;
  margin-right: auto;
  display: flex;
  height: 937px;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
}
.product-security__box {
  position: relative;
}
.product-security__swiper-scrollbar {
  width: 6px;
  height: 240px;
  border-radius: 6px;
  overflow: hidden;
  z-index: 2;
  background-color: #fff;
}
.product-security__swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 8px;
  /* height: 64px !important; */
  background: #323d52;
}

.product-security__swiper-bottom {
  position: absolute;
  top: 50%;
  left: -46px;
  transform: translateY(-50%);
}
.product-security__swiper.swiper {
  width: 754px;
  margin: 0;
  height: auto;
  max-height: 937px;
  padding-top: 70px;
  padding-bottom: 70px;
}
.swiper-slide.product-security__slide {
  height: auto;
}
.product-security__item {
  border-radius: 32px;
  border: 1px solid #e7ebf8;
  transition: 0.3s;
  background: #fff;
  padding: 24px 40px 24px 28px;
}
.product-security__item.active {
  padding-bottom: 32px;
}
.product-security__item-top {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-gap: 28px;
  align-items: center;
}
.product-security__item-btn {
  position: relative;
}
.product-security__item-btn-one {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.3s;
  display: flex;
  transform: translate(-50%, -50%);
}
.product-security__item-btn-one svg path {
  transition: 0.3s;
}
.product-security__item-btn-two {
  position: absolute;
  top: 50%;
  display: flex;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  opacity: 0;
}
.product-security__item-title {
  color: #192232;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
.swiper-slide.product-security__slide.active .product-security__item-btn-two {
  opacity: 1;
}
.swiper-slide.product-security__slide.active .product-security__item-btn-one {
  opacity: 0;
}
.swiper-slide.product-security__slide.active .product-security__item-box {
  height: auto;
}
.swiper-slide.product-security__slide.active .product-security__item-btn {
  background-color: #242f43;
}
.product-security__item {
  cursor: pointer;
}
.product-security__item:hover .product-security__item-btn {
  background-color: #242f43;
}
.product-security__item:hover .product-security__item-btn-one svg path[stroke] {
  stroke: white;
}
.product-security__item-box {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.product-security__item-text {
  color: #7d879e;
  font-size: 18px;
  padding-top: 28px;
  line-height: 130%;
}
.product-security__images {
  margin-right: -105px;
  width: 980px;
  height: 630px;
  position: relative;
  border: 9px solid#242F43;
  overflow: hidden;
  border-radius: 18px;
}
.product-security__image {
  border-radius: 18px;
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
}
.product-security__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.product-security__images {
  order: 1;
}
@media screen and (max-width: 1920px) {
  .product-security__wrapper {
    height: calc(847px + (937 - 847) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(
            1472px + (1824 - 1472) * ((100vw - 1536px) / (1920 - 1536))
    );
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(68px + (72 - 68) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-security__swiper.swiper {
    max-height: calc(847px + (937 - 847) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(642px + (754 - 642) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-security__item {
    padding-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-security__item-top {
    grid-gap: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-security__item-title {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-security__item-text {
    padding-top: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-security__images {
    width: calc(860px + (980 - 860) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(550px + (630 - 550) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    margin-right: calc(
            -250px + (-105 - (-250)) * ((100vw - 1536px) / (1920 - 1536))
    );
    border-width: calc(7px + (9 - 7) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-security__image {
    border-radius: calc(14px + (18 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }
  .product-security__item.active {
    padding-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .product-security__wrapper {
    height: calc(666px + (847 - 666) * ((100vw - 1366px) / (1536 - 1366)));
    max-width: calc(
            1318px + (1472 - 1318) * ((100vw - 1366px) / (1536 - 1366))
    );
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    padding-left: calc(64px + (68 - 64) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-security__swiper.swiper {
    max-height: calc(666px + (847 - 666) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(528px + (642 - 528) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-security__item {
    padding-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    padding-right: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    padding-left: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-security__item-top {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-security__item-title {
    font-size: calc(18px + (22 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-security__item-text {
    padding-top: 24px;
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-security__images {
    width: calc(690px + (860 - 690) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(445px + (550 - 445) * ((100vw - 1366px) / (1536 - 1366)));
    border-width: 7px;
    border-radius: 16px;
    margin-right: calc(
            -115px + (-250 - (-115)) * ((100vw - 1366px) / (1536 - 1366))
    );
  }

  .product-security__swiper-bottom {
    left: calc(-30px + (-46 - (-30)) * ((100vw - 1366px) / (1536 - 1366)));
  }
  .product-security__item.active {
    padding-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .product-security__images {
    margin-right: -115px;
  }
  .product-security__item-text {
    font-size: 14px;
  }
  .product-security__item-title {
    font-size: 18px;
  }
  .product-security__wrapper {
    height: 666px;
    border-radius: 24px;
    max-width: calc(728px + (1318 - 728) * ((100vw - 768px) / (1366 - 768)));
  }
  .product-security__swiper.swiper {
    max-height: 666px;
    width: 528px;
  }
  .product-security__item {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 32px;
    padding-left: 20px;
    border-radius: 24px;
  }
  .product-security__item.active {
    padding-bottom: 20px;
  }
  .product-security__item-top {
    grid-gap: 20px;
  }
  .product-security__swiper-bottom {
    left: -30px;
  }
}
@media screen and (max-width: 1200px) {
  .product-security__wrapper {
    display: flex;
    flex-direction: column-reverse;
    display: block;
  }
  .product-security__wrapper {
    padding-top: 56px;
    padding-bottom: 56px;
    padding-left: 0;
    padding-right: 0;
  }
  .product-security__images {
    width: 690px;
    height: 445px;
    margin-left: auto;
    margin-right: auto;
  }
  .product-security__wrapper {
    height: auto;
  }
  .product-security__swiper.swiper {
    max-height: 100%;
    overflow: hidden;
    width: auto;
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .swiper-slide.product-security__slide {
    width: 590px;
  }
  .product-security__box {
    margin-top: 48px;
    padding-bottom: 45px;
  }
  .product-security__item-btn.btn-icon {
    display: none;
  }
  .product-security__item-top {
    grid-template-columns: 1fr;
  }
  .product-security__item-text {
    padding-top: 12px;
  }
  .product-security__item {
    padding: 24px 32px;
  }
  .product-security__item.active {
    padding-bottom: 24px;
  }
  .product-security__item-box {
    height: auto !important;
  }
  .swiper-slide.product-security__slide {
    display: flex;
    align-items: flex-end;
  }
  .product-security__swiper-bottom {
    bottom: 0;
    transform: translate(-50%, 0);
    left: 50%;
    top: auto;
  }
  .product-security__swiper-scrollbar {
    width: 480px;
    height: 5px;
  }
}
@media screen and (max-width: 768px) {
  .product-security__wrapper {
    max-width: calc(360px + (728 - 360) * ((100vw - 375px) / (768 - 375)));
    border-radius: calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375)));
  }
  .product-security__images {
    margin-right: -40px;
  }
  .product-security__swiper.swiper {
    padding-left: calc(16px + (48 - 16) * ((100vw - 375px) / (768 - 375)));
    padding-right: calc(16px + (48 - 16) * ((100vw - 375px) / (768 - 375)));
  }
  .swiper-slide.product-security__slide {
    width: calc(325px + (590 - 325) * ((100vw - 375px) / (768 - 375)));
  }
  .product-security__box {
    margin-top: calc(-10px + (48 - (-10)) * ((100vw - 375px) / (768 - 375)));
    padding-bottom: calc(37px + (45 - 37) * ((100vw - 375px) / (768 - 375)));
  }
  .product-security__swiper-scrollbar {
    width: calc(280px + (480 - 280) * ((100vw - 375px) / (768 - 375)));
  }
  .product-security__images {
    width: calc(485px + (690 - 485) * ((100vw - 375px) / (768 - 375)));
    height: calc(285px + (445 - 285) * ((100vw - 375px) / (768 - 375)));
  }
  .product-security__images {
    margin-right: calc(
            -145px + (-40 - (-145)) * ((100vw - 375px) / (768 - 375))
    );
  }
  .product-security__wrapper {
    padding-top: calc(44px + (56 - 44) * ((100vw - 375px) / (768 - 375)));
    padding-bottom: calc(48px + (56 - 48) * ((100vw - 375px) / (768 - 375)));
  }
  .product-security__images {
    border-radius: calc(6px + (16 - 6) * ((100vw - 375px) / (768 - 375)));
    border-width: calc(2px + (7 - 2) * ((100vw - 375px) / (768 - 375)));
  }
}

@media screen and (max-width: 375px) {
  .product-security__wrapper {
    border-radius: 20px;
  }
  .product-security__swiper.swiper {
    padding-left: 16px;
    padding-right: 16px;
  }
  .product-security__box {
    margin-top: -10px;
    padding-bottom: 37px;
  }
  .product-security__wrapper {
    padding-top: 44px;
    padding-bottom: 48px;
  }
  .product-security__images {
    border-radius: 6px;
    border-width: 2px;
  }
}
/*end product-security*/