.ng-saw-mainCon {
  display: flex;
  flex-direction: column;
  gap: 43px;
}

.ng-saw-selectionBtnCon {
  display: flex;
  gap: 12px 24px;
  flex-wrap: wrap;
  overflow: auto;
}

.ng-saw-selectionBtn:hover {
  color: #202020;
}

.ng-saw-titleCon {
  overflow: hidden;
}

.ng-saw-selectionBtnCon::-webkit-scrollbar {
  display: none;
}

.ng-saw-selectionBtn {
  border: none;
  background: none;
  color: grey;
  transition: color 0.4s ease-in-out;
}

.ng-saw-contentCon {
  display: flex;
  gap: 24px;
}

.ng-saw-leftCon {
  display: flex;
  flex-direction: column;
}

.ng-saw-leftBigImg {
  max-width: 533px;
  width: 100%;
}

.ng-saw-leftImgCon {
  display: flex;
  gap: 24px;
}

.ng-saw-leftMediumImg,
.ng-saw-warrImg {
  max-width: 310px;
  width: 100%;
}

.ng-saw-leftSmollImg {
  max-width: 199px;
  width: 100%;
}

.ng-saw-centralCon {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ng-saw-delivCon,
.ng-saw-warrantyCon {
  padding: 16px;
  background-color: #f5f5f7;
  max-width: 421px;
  height: 100%;
}

.ng-saw-list {
  padding-left: 16px;
}

.ng-saw-list li {
  list-style-type: disc;
}

.ng-saw-rightCon {
  display: flex;
  flex-direction: column;
  max-width: 310px;
  width: 100%;
}

.ng-saw-selfPickUpCon,
.ng-saw-delivMscCon,
.ng-saw-delivRusCon,
.ng-saw-individualsCon,
.ng-saw-legalEntitiesCon,
.ng-saw-aboutCreditCon,
.ng-saw-creditTBankCon,
.ng-saw-creditSbCon,
.ng-saw-changeConfigurationCon,
.ng-saw-customizationCon,
.ng-saw-stressTestCon,
.ng-saw-instalOSCon,
.ng-saw-deliveryTimeCon,
.ng-saw-lifeServiceCon,
.ng-saw-guaranteeCon,
.ng-saw-warrantyConditionsCon,
.ng-saw-telCon,
.ng-saw-howToWarrCon,
.ng-saw-returnCon,
.ng-saw-returnProcCon {
  background-color: #f5f5f7;
  padding: 16px;
  height: 100%;
}

.ng-saw-paymentImg {
  max-width: 533px;
  width: 100%;
}

.ng-saw-paymentOptionCon {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 419px;
  width: 100%;
}

.ng-saw-paymentIco {
  max-width: 310px;
  width: 100%;
}

.ng-saw-aboutCreditCon {
  max-width: 533px;
}

.ng-saw-documentImg,
.ng-saw-bigPcImg {
  max-width: 533px;
  width: 100%;
}

.ng-saw-sbImg,
.ng-saw-tBankImg {
  max-width: 198px;
  width: 100%;
}

.ng-saw-pcImgCon {
  display: flex;
  gap: 12px;
}

.ng-saw-firstPcImg,
.ng-saw-secondPcImg {
  max-width: 260px;
  width: 100%;
}

.ng-saw-serviceImgCon {
  display: flex;
  gap: 12px;
}

.ng-saw-serviceImg {
  max-width: 260px;
  width: 100%;
}

.ng-saw-secondList {
  padding-left: 16px;
}

.ng-saw-secondList li {
  list-style-type: decimal;
}

.ng-saw-secondList p {
  margin-left: -16px;
}

.ng-saw-returnImg {
  max-width: 421px;
}

.ng-saw-secondListElem span {
  display: block;
  margin-top: 8px;

}
/* Дополнительные переменные */

@keyframes fadeIn {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}

.ng-fadeIn {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-iteration-count: inherit;
}

@keyframes fadeOut {
  from {
    opacity: 100%;
  }
  to {
    opacity: 0%;
  }
}

.ng-fadeOut {
  animation-name: fadeOut;
  animation-duration: 1s;
  animation-iteration-count: inherit;
}

.mm-displayNone {
  display: none;
}

.mm-textColorBlack {
  color: #202020;
}

.mm-maxWidth533 {
  max-width: 533px;
  width: 100%;
}

.mm-maxWidth421 {
  max-width: 421px;
  width: 100%;
}

.mm-maxWidth396 {
  max-width: 396px;
  width: 100%;
  height: auto;
}

.mm-maxWidth335 {
  max-width: 335px;
  width: 100%;
}

.ng-saw-mob-img-grid {
  display: none;
}

.mm-margin8 {
  margin-top: 8px;
}

.mm-margin12 {
  margin-top: 12px;
}

.mm-margin16 {
  margin-top: 16px;
}

.mm-margin20 {
  margin-top: 20px;
}

.mm-margin22 {
  margin-top: 22px;
}

.mm-margin24 {
  margin-top: 24px;
}

.mm-margin27 {
  margin-top: 27px;
}

.mm-margin32 {
  margin-top: 32px;
}

.mm-margin36 {
  margin-top: 36px;
}

.mm-margin40 {
  margin-top: 40px;
}

.mm-margin42 {
  margin-top: 42px;
}

.mm-margin66 {
  margin-top: 66px;
}

.mm-margin78 {
  margin-top: 78px;
}

.mm-margin133 {
  margin-top: 133px;
}

.ng-saw-contentCon a:focus,
.ng-saw-contentCon a:hover {
    color: #868685;
}

/* медиа запросы */

@media (max-width: 1330px) {
  .ng-saw-contentCon {
    flex-direction: column;
  }

  .ng-saw-titleCon {
    margin-left: 0px;
  }

  .ng-saw-delivCon,
  .ng-saw-warrantyCon {
    max-width: 100%;
  }

  .ng-saw-rightCon,
  .ng-saw-paymentOptionCon,
  .ng-saw-aboutCreditCon,
  .ng-saw-changeConfigurationCon,
  .ng-saw-customizationCon {
    max-width: 100%;
  }
  .ng-saw-order-1 {
    order: 1 !important;
  }
  .ng-saw-order-2 {
    order: 2 !important;
  }
    .ng-saw-order-3 {
    order: 3 !important;
  }
  .mm-maxWidth396,
  .mm-maxWidth421,
  .mm-maxWidth533 {
    max-width: 100%;
  }

  .ng-saw-centralCon:nth-child(2) {
    flex-direction: row;
  }

  .ng-saw-leftCon {
    order: 2;
  }

  .mm-margin133,
  .mm-margin78 {
    margin-top: 20px;
  }
}

@media (max-width: 500px) {
  .ng-saw-centralCon {
    flex-direction: row;
  }

  .ng-saw-leftImgCon,
  .ng-saw-pcImgCon,
  .ng-saw-serviceImgCon {
    flex-direction: column;
  }

  .ng-saw-selectionBtnCon {
    flex-wrap: nowrap;
  }
  .ng-saw-img-line {
    flex-direction: row-reverse !important;
  }
  .ng-saw-img-line img {
    width: 50%;
  }
  .ng-saw-mob-img-grid-3,
  .ng-saw-mob-img-grid-2,
  .ng-saw-mob-img-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .ng-saw-grid-60-38 {
    grid-template-columns: 60% 38.5%;
  }
  .ng-saw-paymentIco,
  .ng-saw-warrImg,
  .mm-maxWidth335,
  .ng-saw-mob-img-grid-3,
  .ng-saw-mob-img-grid img {
    width: 100%;
    max-width: 100%;
  }
  .ng-saw-hidden {
    display: none;
  }
  .mm-margin66 {
    margin-top: 32px;
  }
}

@media (max-width: 500px) {
  .ng-saw-centralCon:nth-child(2) {
    flex-direction: column;
  }
}

.rrr {
  max-width: 100%;
}