@font-face {
  font-family: "Myriad Pro";
  src: url("/fonts/MyriadPro-Regular.eot");
  src: local("Myriad Pro Regular"), local("MyriadPro-Regular"), url("/fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/MyriadPro-Regular.woff2") format("woff2"), url("/fonts/MyriadPro-Regular.woff") format("woff"), url("/fonts/MyriadPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src: url("/fonts/MyriadPro-Semibold.eot");
  src: local("Myriad Pro Semibold"), local("MyriadPro-Semibold"), url("/fonts/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/MyriadPro-Semibold.woff2") format("woff2"), url("/fonts/MyriadPro-Semibold.woff") format("woff"), url("/fonts/MyriadPro-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: local("Ubuntu"), url("/fonts/ubuntu.woff2") format("woff2"), url("/fonts/ubuntu.woff") format("woff"), url("/fonts/ubuntu.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: local("Ubuntu Medium"), local("Ubuntu-Medium"), url("/fonts/ubuntumedium.woff2") format("woff2"), url("/fonts/ubuntumedium.woff") format("woff"), url("/fonts/ubuntumedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: "Myriad Pro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 110%;
}

a {
  text-decoration: none;
}

.newContainer {
  max-width: 1210px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
}

.block {
  position: relative;
  margin-bottom: 100px;
  margin-top: 175px;
}

.mobile {
  display: none;
}

.block::before {
  background: url("/images/book_storage/fon.webp") center no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  content: "";
  top: -5px;
  left: 0;
  position: absolute;
  z-index: -1;
}

.newBreadcrums {
  padding-top: 18px;
  padding-bottom: 185px;
  display: flex;
  align-items: center;
}

.newBreadcrums__text {
  color: #868686;
  font-size: 16px;
  font-weight: 400;
  margin-right: 6px;
 
}

.newBreadcrums__text--active {
  color: #AE0F0A;
  font-size: 16px;
}

.newContent {
  width: 53%;
}
.newContent__text-item{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 14px;
  

}

.newContent__title {
  font-family: "Ubuntu";
  font-size: 64px;
  font-weight: 500;
  width: 100%;
  color: #AE0F0A;
  line-height: 110%;
  margin-bottom: 20px;
}

.newContent__text {
  color: #282828;
  font-size: 20px;
  margin-bottom: 52px;
  line-height: 110%;
      svg {
        margin-right: 8px;
    }
     li {
        list-style-type: none;
        display: flex;
        margin-bottom: 14px;
    }
}

.newContent__form {
  width: 270px;
  height: 52px;
  background: #AE0F0A;
  border: 1px solid #AE0F0A;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 18px;
  border-radius: 5px;
  margin-bottom: 265px;
  cursor: pointer;
  font-family: "Myriad Pro";
  transition: all .38s ease-in-out;
  &:hover{
    background: #FFF;
    color: #AE0F0A;
  }
}

.newContent__img {
  position: absolute;
  width: 880px;
  height: 820px;
  object-fit: contain;
  right: 0%;
  top: 8%;
  display: none;
}

.card {
  display: flex;
  justify-content: space-between;
  margin-bottom: 75px;

}
.card--mb{
  margin-bottom: 102px;
}

.card--reverse {
  flex-direction: row-reverse;
}

.card__title {
  font-family: "Ubuntu";
  font-size: 34px;
  margin-bottom: 28px;
  font-weight: 500;
  color: #AE0F0A;
  line-height: 110.00000000000001%;
}

.card__text {
  box-shadow: 0px 0px 10.4px 0px #DDDDDD;
  border-radius: 14px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 34px;
  padding-right: 34px;
  width: 61%;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.card__text--padding{
  padding-top: 27px;
  padding-bottom: 27px;
}

.card__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 110.00000000000001%;

  span {
    font-weight: 700;
    color: #AE0F0A;
  }
}
.card__description--mb{
  margin-bottom: 12px;
}
.info{
  padding: 40px  34px;
  box-shadow: 0px 0px 10.4px 0px #DDDDDD;
  margin-bottom: 75px;
  border-radius: 14px;
}
.info__cards{
  display: flex;
}
.info__card{
  background: #F9F9F9;
  border-radius: 14px;
  border: 1px solid var(---9, #E3E3E3);
  font-size: 22px;
  font-weight: 600;
  color: #282828;
  line-height: 110.00000000000001%;
  position: relative;
  
}
.info__title{
  margin-bottom: 28px;
  font-size: 34px;
  font-weight: 500;
  color: #AE0F0A;
  font-family: 'Ubuntu';
  line-height: 110%;
}
.info__left{
  width: 38%;
  margin-right: 20px;
  .info__card{
&:nth-child(1){
    height: 250px;
    margin-bottom: 20px;
    display: flex;
    align-items: end;
    padding-left: 20px;
    padding-bottom: 20px;
    &::before{
      content: "";
      position: absolute;
      width: 208px;
      height: 242px;
      right: 0;
      bottom: 0;
      background: url('/images/book_storage/bookmini1.webp') no-repeat;
    }
  }
  &:nth-child(2){
    height: 430px;
    padding-top: 20px;
    padding-left: 20px;
    &::before{
      content: "";
      position: absolute;
      width: 402px;
      height: 268px;
      right: 6px;
      bottom: 26px;
      background: url('/images/book_storage/bookmimi2.webp') no-repeat;
    }
  }
  }

}
.info__right{
  width: 60%;
}
.info__top{
  display: flex;
  margin-bottom: 20px;
  .info__card{
    &:nth-child(1){
    height: 420px;
    margin-right: 20px;
    padding-top: 20px;
    padding-left: 20px;
    width: 60%;
    &::before{
      content: "";
      position: absolute;
      width: 178px;
      height: 285px;
      right: 50%;
      transform: translate(50%);
      bottom: 40px;
      background: url('/images/book_storage/bookmini3.webp') no-repeat;
    }
    }
  }
  .info__top-right{
    .info__card{
    &:nth-child(1){
    height: 189px;
    margin-bottom: 20px;width: 100%;
     &::before{
      content: "";
      position: absolute;
      width: 188px;
      height: 123px;
      transform: unset;
      right: 9px;
      bottom: 8px;
      background: url('/images/book_storage/bookmini4.webp') no-repeat;
    }
    }
    &:nth-child(2){
    height: 211px;
    padding-top: 20px;padding-left: 20px;
    &::before{
      content: "";
      position: absolute;
      width: 169px;
      height: 129px;
      transform: unset;
      right: -7px;
      bottom: 10px;
      background: url('/images/book_storage/bookmini5.webp') no-repeat;
    }
    }
  }
  }
}
.info__bottom{
  .info__card{
     height: 260px;
     display: flex;
     align-items: end;
     padding-bottom: 20px;
     padding-left: 20px;
 &::before{
      content: "";
      position: absolute;
      width: 353px;
      height: 255px;
      transform: unset;
      right: 0px;
      bottom: 0px;
      background: url('/images/book_storage/bookmini6.webp') no-repeat;
    }
  }

}
.card__img {
  width: 440px;
  height: 336px;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0px 0px 10.4px 0px #DDDDDD;

}
.card__img--height{
  height: 428px;
}
.card__img--heightMin{
  height: 320px;
}
.cloud{
  border-radius: 14px;
  box-shadow: 0px 0px 10.4px 0px #DDDDDD;
  padding-top: 55px;
  padding-left: 47px;
  padding-bottom: 46px;
  padding-right: 38px;
  display: flex;
  align-items: center;
  margin-bottom: 75px;
}
.cloud__img{
  width: 470px;
  height: 329px;
  object-fit: contain;
  margin-right: 86px;
}
.cloud__title{
  font-size: 34px;
  font-weight: 500;
  font-family: 'Ubuntu';
  margin-bottom: 28px;
  color: #AE0F0A;
  line-height: 110%;
}
.cloud__description{
  font-size: 16px;
  line-height: 110%;
  margin-bottom: 36px;
}
.cloud__btn{
   width: 236px;
  height: 52px;
  background: #AE0F0A;
  border: 1px solid #AE0F0A;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 18px;
  border-radius: 5px;
  cursor: pointer;
  font-family: "Myriad Pro";
  transition: all .38s ease-in-out;
  &:hover{
    background: #FFF;
    color: #AE0F0A;
  }
}

.cars {
  box-shadow: 0px 0px 10.4px 0px #DDDDDD;
  border-radius: 14px;
  margin-bottom: 75px;
  padding-top: 40px;
  padding-left: 34px;
  padding-right: 34px;
  padding-bottom: 40px;
}

.cars__content {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.cars__img {
  width: 543px;
  height: 334px;
  object-fit: contain;
  margin-right: 34px;
}

.cars__text {
  font-size: 16px;
  line-height: 110%;
  font-weight: 400;
}

.cars__photos {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cars__photo {
  height: 204px;
  width: 24%;
  object-fit: contain;
}



.about {
  box-shadow: 0px 0px 10.4px 0px #DDDDDD;
  padding-left: 34px;
  padding-bottom: 38px;
  padding-right: 34px;
  padding-top: 33px;
  margin-bottom: 45px;
  border-radius: 14px;
  margin-top: 75px;
}

.about__slider {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 28px;
}

.about__slider-item {
  cursor: pointer;
  width: 162px;
  margin-right: 30px;
  text-align: end;
  font-size: 24px;
  font-weight: 600;
  background: #fff;
  color: #fff;
  font-family: "Myriad Pro";
  transition: all 0.38s ease-out;
  position: relative;
  border: none;

  &:last-child {
    margin-right: 0;
  }
}

.about__slider-item--mobile {
  display: none;
}

.about__slider-item--active {
  color: #AE0F0A;
}

.about__slider-item::before,
.about__slider-item--active::before {
  content: "";
  position: absolute;
  border-radius: 5px;
  width: 100%;
  height: 0px;
  bottom: -5px;
  left: 0;
  border: 1px solid #C0C0C0;
}

.about__slider-item--active::before {
  border-color: #AE0F0A;
}

.about__content {
  display: flex;
  opacity: 0;
  transition: opacity 0.38s ease-in-out;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.about__content--active {
  opacity: 1;
  position: relative;
  visibility: visible;
}

.about__content--mobile {
  /* специфичного стиля нет — только в media */
}

.about__block {
  width: 48.7%;
  position: relative;
  margin-right: 2%;
}

.about__block-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.about__block-photo--mobile {
  display: none;
}

.about__block-text {
  position: absolute;
  top: 0px;
  left: 15px;
  background: #fff;
  color: #AE0F0A;
  font-size: 34px;
  font-weight: 500;
  font-family: "Ubuntu";
  padding-left: 3px;
  width: 34%;
  border-radius: 0 0 24px 0;
  line-height: 100%;
  padding-bottom: 15px;
}

.about__right {
  width: 50%;
}

.about__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.about__flex--noMargin {
  margin-bottom: 0;
}

.about__flex-phone {
  display: none;
}

.about__img {
  width: 38%;
  height: 121px;
  object-fit: cover;
  border-radius: 12px;
}

.about__img--width {
  width: 59%;
}

.about__img--phone {
  display: none;
}

.about__img-two {
  height: 218px;
  width: 38%;
}

.about__img-two--width {
  width: 58%;
}

.about__img-phone {
  width: 48%;
  height: 212px;
  object-fit: cover;
  border-radius: 6px;
}

.about__text {
  padding: 61px 20px 62px 20px;
  line-height: 110%;
  background: #AE0F0A;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-radius: 12px;
  margin-bottom: 21px;
}

.about__text--noMargin {
  margin-bottom: 0;
}

.about__text--pr {
  padding-right: 20px;
  line-height: 115%;
}

.about__text-two {
  padding-top: 29px;
  padding-bottom: 29px;
  line-height: 115%;
}

.about__text-three {
  padding-top: 34px;
  padding-bottom: 34px;
}

.about__text-three--phone {
  display: none;
}

.about__city {
  width: 32%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}



.about__city-three {
  height: 167px;
}

.about__city-three--width {
  width: 65%;
}

  .recommendation{
    border-radius: 14px;
    box-shadow: 0px 0px 10.4px 0px #DDDDDD;
    padding-top: 44px;
    padding-left: 34px;
    padding-right: 34px;
    padding-bottom: 44px;
    margin-bottom: 74px;
  }
  .recommendation__top{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .recommendation__img{
    border-radius: 14px;
    height: 334px;
    width: 543px;
    object-fit: contain;
    margin-right: 34px;
  }
  .recommendation__title{
    font-weight: 500;
    font-family: 'Ubuntu';
    font-size: 34px;
    margin-bottom: 16px;
    color: #AE0F0A;
    line-height: 110%;
  }
  .recommendation__description{
    font-size: 16px;
    line-height: 110%;
  }
  .recommendation__bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .reccomendation__miniImg{
    width: 24%;
    height: 204px;
    border-radius: 14px;
  }
  .cloud__img--phone{
    display: none;
  }
  .form{
    background: #AE0F0A;
    border-radius: 14px;
    padding: 34px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 75px;
  }
  .form__title{
   font-weight: 500;
   font-family: 'Ubuntu';
   font-size: 34px;
   color: #FFF;
   margin-bottom: 28px;
   line-height: 110%;
  }
  .form__description{
    font-size: 16px;
    line-height: 110%;
    color: #fff;
  }
  .form__text{
    width: 60%;
  }
  .form__btn{
  width: 236px;
  height: 52px;
  background: #FFFFFF;
  border: 1px solid #AE0F0A;
  color: #AE0F0A;
  font-weight: 600;
  font-size: 18px;
  border-radius: 5px;
  cursor: pointer;
  font-family: "Myriad Pro";
  transition: all .38s ease-in-out;
  &:hover{
    border: 1px solid #FFFFFF;
    background: #AE0F0A;
    color: #FFFFFF;
  }
  }
  .advantages{
    padding-top: 40px;
    padding-left: 34px;
    padding-right: 34px;
    padding-bottom: 44px;
    box-shadow: 0px 0px 10.4px 0px #DDDDDD;
    margin-bottom: 75px;
    border-radius: 14px;
  }
  .advantages__title{
    font-family: 'Ubuntu';
    font-size: 34px;
    font-weight: 500;
    color: #AE0F0A;
    margin-bottom: 24px;
    line-height: 110%;
  }
  .advantages__cards{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .advantages__cardMini-text{
    position: relative;
    z-index: 2;
  }
  .advantages__top{
    display: flex;
    margin-bottom: 20px;
    width: 100%;
    .advantages__cardMini{
    margin-right: 20px;

      height: 360px;
      &:first-child{
      &::before{
        position: absolute;
        content: "";
        width: 346px;
        height: 244px;
        bottom:28px;
        right: 7px;
        z-index: 0; 
        background: url('/images/equipment_storage/mini1.webp') no-repeat;
      }
    }
    &:nth-child(2){
      &:before{
         position: absolute;
        content: "";
        width: 308px;
        height: 268px;
        bottom:-2px;
        right: 20px;
        z-index: 0; 
        background: url('/images/equipment_storage/mini2.webp') no-repeat;
      }
    }
    &:last-child{
        margin-right: 0;

      &::before{
        position: absolute;
        content: "";
        width: 342px;
        height: 245px;
        bottom:0;
        right: 8px;
        z-index: 0; 
        background: url('/images/equipment_storage/mini3.webp') no-repeat;
      }
    }
    }
  }
  .advantages__bottom{
    display: flex;
    height: 214px;
    .advantages__cardMini{
      z-index: 1;
      margin-right: 18px;
      &:first-child{
      width: 66%;

      &::before{
        position: absolute;
        content: "";
        width: 322px;
        height: 214px;
        bottom:0;
        right: 0;
        z-index: 0; 
        background: url('/images/equipment_storage/mini4.webp') no-repeat;
      }
    }
    &:last-child{
      &::before{
        position: absolute;
        content: "";
        width: 196px;
        height: 214px;
        border-radius: 14px;
        bottom:0;
        right: 0;
        z-index: 0;
        margin-right: 0;
        background: url('/images/equipment_storage/mini5.webp') no-repeat;
      }
    }
    }
  }
  .advantages__text{
        border: 1px solid var(---9, #E3E3E3);
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    background: #f9f9f9;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 22px;
    font-weight: 600;
    margin-right: 20px;
    border-radius: 14px;
    flex-shrink: 0;
    line-height: 110%;
    height: 520px;
      &::before{
        z-index: 0;
        position: absolute;
        content: "";
        width: 286px;
        height: 398px;
        bottom:0;
        left:10% ;
        background: url('/images/storage_archive/photoBlock.webp') no-repeat;
      }
  }

  .advantages__cardMini{
    border: 1px solid var(---9, #E3E3E3);
    width: 32%;
    position: relative;
    background: #f9f9f9;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 22px;
    font-weight: 600;
    border-radius: 14px;
    flex-shrink: 0;
    line-height: 110%;
    z-index: 1;
    
  }
  .advantages__block{
    width: 32%;
    height: 448px;
  }

@media screen and (max-width:1200px) {

}
@media screen and (max-width:1100px) {
  .about__block-text {
    font-size: 34px;
  }

}

@media screen and (max-width: 1000px) {
  .newBreadcrums {
    padding-top: 10px;
    padding-bottom: 30px;
  }

  .newBreadcrums__text {
    font-size: 12px;
  }

  .newContent {
    width: 100%;
  }

  .about__city {
    height: 85px;
  }


  .about__city--height {
    height: 136px;
  }


  .about__block-text {
    font-size: 21px;
  }

  .about__block-text {
    font-weight: 500;
    top: 4px;
    left: -6px;
    width: 37%;
  }
  .card__title{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 22px;
  }

  .newContent__title {
    font-size: 34px;
    margin-bottom: 16px;
    font-family: 'Ubuntu';
    font-weight: 500;
  }
  .newContent__text-item{
    font-size: 18px;
    margin-bottom: 12px;
  }
  .about__right {
    width: 100%;
  }

.newContent__text {
  font-size: 18px;
  margin-bottom: 35px;
  line-height: 110%;
  li{
   margin-bottom: 8px;
   font-size: 16px;
   display: flex;
   line-height: 110%;
   
  }
  svg{
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }
}

  .newContent__img {
    width: 100%;
        height: 286px;

    object-fit: contain;
    display: flex;
    position: absolute;
    object-position: center;
    bottom: 0px;
    top: unset;
    left: 0px;
  }

  .newContent__form {
    width: 100%;
    height: 44px;
   
    margin-bottom: 350px;
    font-size: 16px;
  }

  .block {
    margin-bottom: 45px;
    margin-top: 130px;
  }

  .about__slider-item--mobile {
    display: block;
  }

  .about__slider-item {
    margin-top: 26px;
    text-align: start;
    margin-bottom: 0;
    font-size: 14px;
    margin-right: 17px;
  }

  .about__slider-item::before {
    bottom: 100%;
  }

  .block::before {
    background: url("/images/rack_storage/fon_mobile.webp") center center no-repeat; 
    background-size: cover;
    bottom: 7px;

  }

  br {
    display: none;
  }

  .mobile {
    display: block;
  }


  .card {
    flex-direction: column;
    margin-bottom: 50px;
  }

  .card__text {
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 20px;
  }

  .card__img {
    width: 100%;
    height: 260px;
  }



  .cars {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 50px;
  }

  .cars__content {
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  .cars__text {
    margin-bottom: 20px;
  }

  .cars__img {
    width: 100%;
    height: 189px;
    margin-right: 0;
  }

  .cars__photos {
    flex-wrap: wrap;
  }

  .cars__photo {
    width: 49%;
    height: 116px;
    object-fit: cover;
    border-radius: 14px;
    margin-top: 6px;
  }
  .info{
    padding: 24px 18px;
  }
  .info__title{
    font-size: 24px;
    margin-bottom: 22px;
  }
  .info__cards{
    flex-direction: column;
  }
  .info__card{
    font-size: 20px;

  }
  .info__left{
    width: 100%;
      .info__card{

   &:nth-child(1){
      height: 200px;
      
    }
  }
    
  }
  .info__left{
  margin-right: 20px;
  .info__card{
&:nth-child(1){
    align-items: start;
    padding-top: 20px;
    padding-left: 14px;
    &::before{
      width: 149px;
      height: 174px;
      right: 0;
      bottom: 0;
      background-size: contain;
    }
  }
  &:nth-child(2){
    height: 300px;
    padding-top: 20px;
    padding-left: 14px;
    margin-bottom: 20px;
    &::before{
      width: 261px;
      height: 174px;
      transform: translate(50%);
      right: 50%;
      bottom: 15px;
      background-size: contain;
    }
  }
  }

}
.info__right{
  width: 100%;
}
.info__top{
  flex-direction: column;
  margin-bottom: 20px;
  .info__card{
    &:nth-child(1){
    height: 300px;
    padding-left: 14px;
    margin-bottom: 20px;
    width: 100%;
    &::before{
      content: "";
      position: absolute;
       width: 126px;
      height: 202px;
      right: 50%;
      background-size: contain;
      transform: translate(50%);
      bottom: 20px;
    }
    }
  }
  .info__top-right{
    .info__card{
    &:nth-child(1){
    height: 200px;
    margin-bottom: 20px;width: 100%;
    margin-bottom: 20px;
     &::before{
      content: "";
      position: absolute;
      width: 167px;
      height: 108px;
      transform: unset;
      background-size: contain;
      transform: translate(50%);
      right: 50%;
      bottom: 8px;
    }
    }
    &:nth-child(2){
    height: 200px;
    padding-top: 20px;padding-left: 14px;
    &::before{
      content: "";
      position: absolute;
      width: 169px;
      height: 129px;
      transform: unset;
      right: 50%;
      transform: translate(50%);
      bottom: 0px;
    }
    }
  }
  }
}
.info__bottom{
  .info__card{
     height: 300px;
     align-items: start;
     padding-left: 14px;
     padding-top: 20px;
 &::before{
      content: "";
      position: absolute;
      width: 298px;
      height: 225px;
      background-size: cover;

      right: 58%;
      transform: translate(50%);
      bottom: 0px;
    }
  }

}


  .about {
    display: flex;
    flex-direction: column-reverse;
    padding: 24px 18px;
    margin-top: 50px;
  }

  .about__block-photo {
    display: none;
    height: 360px;
    object-position: top center;
  }

  .about__block-photo--mobile {
    display: block;
  }

  .about__flex {
    display: none;
  }

  .about__flex--noMargin {
    display: flex;
    margin-bottom: 16px;
  }

  .about__flex-phone {
    display: flex;
    justify-content: space-between;
  }

  .about__img--phone {
    width: 100%;
    height: 115px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
    display: block;
  }

  .about__text {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 118%;
    width: 100%;
  }

  .about__text-three--phone {
    display: block;
    margin-bottom: 16px;
  }

  .calc__title {
    font-size: 24px;
    margin-bottom: 22px;
  }

  .about__text-two--noPhone {
    display: none;
  }
 
  .cloud{
    flex-direction: column;
    align-items: center;
  }
  .cloud__img{
    margin-bottom: 28px;
  }
  .recommendation{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .recommendation__top{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 7px;
  }
  .recommendation__description{
    margin-bottom: 20px;
  }
  .recommendation__img{
    margin-right: 0;
    width: 100%;
    object-fit: cover;
  }
  .cloud__img{
    width: 100%;
    
  }
  .advantages{
    padding: 24px 18px;
    margin-bottom: 50px;
  }
  .advantages__title{
    font-size: 24px;
    margin-bottom: 22px;
  }
  .advantages__top{
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
     .advantages__cardMini{
    height: 230px;

      margin-right: 0;
      &:first-child{
      &::before{
        position: absolute;
        content: "";
        width: 216px;
        height: 153px;
        bottom:11px;
        background-size: contain;
        right: 13%;
      }
    }
    &:nth-child(2){
      &::before{
        position: absolute;
        content: "";
        width: 159px;
        height: 138px;
        background-size: contain;
        bottom: 0px;
        right: 23%;
      }
    }
    &:last-child{
      &::before{
        position: absolute;
        content: "";
        width: 239px;
        height: 154px;
        bottom: -8px;
        right: 7%;
         background-size: cover;
      }
    }
    }
  }
  .advantages__bottom{
    flex-direction: column;
    height: unset;
    align-items: center;
            width: 100%;
     .advantages__cardMini{
      margin-right: 0;
      height: 230px;
      &:first-child{
        width: 100%;
      &::before{
        position: absolute;
        content: "";
        width: 238px;
        height: 159px;
        background-size: cover;
        bottom:0;
        right: 0;
      }
    }
    &:last-child{
      height: 230px;
      margin-bottom: 0;
      &::before{
        position: absolute;
        content: "";
        width: 192px;
        height: 225px;
        background-size: contain;
        bottom: -16px;
        right: 0;
      }
    }
    }
  }
  .advantages__cards{
    flex-direction: column;
    align-items: center;
  }
  .advantages__mini{
    width: 100%;
  }
  .advantages__block{
    width: 100%;
    height: 100%;
  }
  .advantages__cardMini{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding-left: 14px;
    height: 230px;
    font-size: 20px;
  }
  .advantages__text{
    padding-left: 14px;
    font-size: 20px;
     &::before{
        position: absolute;
        content: "";
        width: 177px;
        height: 177px;
        bottom:0;
        left: unset;
        right: 0;
      }
  }
  .form{
    flex-direction: column;
    padding: 24px 18px ;
    margin-bottom: 50px;
  }
  .form__text{
    width: 100%;
  }
  .form__title{
    font-size: 24px;
    margin-bottom: 22px;
  }
  .form__description{
    font-size: 16px;
    margin-bottom: 30px;
  }
  .form__btn{
    width: 100%;
    height: 44px;
    font-size: 16px;
  }
}

@media screen and (max-width: 700px) {
  .about__block-photo {
    height: 224px;
  }

  .video {
    height: 189px;
    margin-bottom: 41px;
  }

  .about__block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }


  .about__block-text {
    font-size: 24px;
    top: -8px;
    background: none;
  }

  .about__content {
    flex-direction: column;
    min-height: 700px;
  }


  .cloud__img{
    display: none;
  }
  .cloud__img--phone{
    display: block;
    width: 100%;
    margin-right: 0;
    height: 235px;
    object-fit: contain;
  }
  .cloud{
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 50px;
  }
  .cloud__description{
    margin-bottom: 30px;
  }
  .cloud__title{
    font-size: 24px;
    margin-bottom: 28px;
  }
  .cloud__btn{
   width: 100%;
    height: 44px;
    font-size: 16px;
  }
  .card__description--mb{
    margin-bottom: 15px;
  }
  .recommendation{
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 50px;
  }
  .recommendation__title{
    font-size: 24px;
    margin-bottom: 22px;
  }
  .recommendation__img{
    height: 188px;
  }
  .reccomendation__miniImg{
    height: 115px;
    width: 49%;
      &:first-child{
        display: none;
    }
    &:last-child{
      display: none;
    }
  }
}

@media screen and (max-width:400px) {
  .newBreadcrums__text--active{
     width: 146px; /* Задайте желаемую ширину */
  white-space: nowrap; /* Запретить перенос текста */
  overflow: hidden; /* Скрыть выходящий за пределы текст */
  text-overflow: ellipsis; /* Добавить многоточие */
  margin-right: 0;
  }
      .newContent__form {
        width: 100%;
        height: 44px;
        margin-bottom: 285px;
        font-size: 16px;
    }
  .newContent__img {
    bottom:  0px;
    width: 100%;
    object-position: center;
    left: 0px;
    object-fit: contain;
  }
  
}