.configurator .title {
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
}

.configurator__tabs {
   display: flex;
   gap: 15px;
   justify-content: center;
   margin-top: 64px;
}

.configurator__tab {
   padding: 16.5px 28px;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.1em;
   color: #44BCFF;
   background: #E6F6FF;
   border-radius: 10px;
   transition: 0.4s;
   cursor: pointer;
}

.configurator__tab.active {
   color: #FFFFFF;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
   background: #44BCFF;
   transition: 0.4s;
}

.body-configurator__tabs {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   margin-top: 23px;
}

.body-configurator__title {
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   letter-spacing: 0.02em;
   color: #585858;
}

.configurator__block {
   margin-top: 23px;
   background: #FFFFFF;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
   border-radius: 15px;
   padding: 30px;
   display: flex;
   justify-content: space-between;
   opacity: 0;
   visibility: hidden;
   position: absolute;
   max-width: calc(100vw - 50px);
}

.configurator__block.active {
   opacity: 1;
   visibility: visible;
   position: relative;
   transition: 0.3s;
}

.body-configurator {
   max-width: 500px;
   width: 100%;
   min-height: 711px;
}

.body-configurator__name {
   font-weight: 500;
   font-size: 20px;
   line-height: 22px;
   color: #585858;
   margin: 30px 0 10px 0;
}

.body-configurator-input {
   max-width: 200px;
   width: 100%;
   height: 50px;
   text-align: center;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: #585858;
   background: #FFFFFF;
   border: 1px solid #EFEFEF;
   border-radius: 10px;
}

.body-configurator__material {
   display: inline-flex;
   flex-direction: column;
}

.body-configurator__material input {
   border: none;
   opacity: 0;
}

.body-configurator__material label {
   position: relative;
}

.body-configurator__material label:after {
   content: '';
   position: absolute;
   border-radius: 100%;
   width: 8px;
   height: 8px;
   border: 1px solid #FF8E3D;
   top: 5px;
   left: -15px;
}

.body-configurator__material label:before {
   content: '';
   position: absolute;
   border-radius: 100%;
   width: 4px;
   height: 4px;
   background-color: #FF8E3D;
   top: 8px;
   left: -12px;
   display: none;
}

.body-configurator__material input:checked+:before {
   display: block;
}

.body-configurator__mat-item {
   cursor: pointer;
}

.body-configurator__mat-item input {
   cursor: pointer;
}

.body-configurator__mat-item label {
   cursor: pointer;
}

.body-configurator__material .body-configurator__mat-item:nth-child(3) {
   margin-top: 10px;
}

.body-configurator__kvartir {
   display: inline-flex;
   flex-direction: column;
   margin-left: 38px;
}

.body-configurator__tab {
   background: #E6F6FF;
   border-radius: 10px;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.1em;
   color: #44BCFF;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 156px;
   height: 50px;
   transition: 0.3s;
   cursor: pointer;
}

.body-configurator__tab.active {
   background: #44BCFF;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
   color: #FFFFFF;
   transition: 0.3s;
}

.body-configurator__chose {
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 500px;
   width: 100%;
   min-height: 50px;
   background: #FFFFFF;
   border: 1px solid #EFEFEF;
   border-radius: 10px;
   position: relative;
   padding: 0 19px 0 15px;
   box-sizing: border-box;
   flex-wrap: wrap;
}

.body-configurator__chose:hover {
   border-radius: 10px 10px 0 0;
}

.body-configurator__chose:hover .body-configurator__chose-body {
   opacity: 1;
   visibility: visible;
   transition: opacity 0.2s;
}

.body-configurator__chose:hover svg {
   transform: rotate(180deg);
}

.body-configurator__chose-body {
   position: absolute;
   top: 45px;
   left: -1px;
   opacity: 0;
   z-index: 2;
   visibility: hidden;
   transition: opacity 0.2s;
   width: -webkit-fill-available;
   transition: opacity 0.2s;
   width: calc(100% + 2px);
}

.body-configurator__chose-content {
   border: 1px solid #EFEFEF;
   border-radius: 0 0 10px 10px;
   padding: 0 15px;
   background: #fff;
   margin-top: 5px;
}

.body-configurator__chose span {
   height: 50px;
   display: flex;
   align-items: center;
}

.body-configurator__chose-body .body-configurator__chose-content div {
   height: 40px;
   display: flex;
   align-items: center;
   cursor: pointer;
}

.body-configurator__chose-body .body-configurator__chose-content div:hover {
   color: #FF8E3D;
}

.body-configurator__chose-body .body-configurator__chose-content div.active {
   cursor: default;
   pointer-events: none;
   color: #FF8E3D;
}

.body-configurator__more {
   display: flex;
   align-items: center;
   cursor: pointer;
}

.more-conf__checkbox {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 15px;
   height: 15px;
   background: #EFF8FF;
   border-radius: 3px;
}

.configurator__mobile {
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   color: #44BCFF;
   height: 50px;
   align-items: center;
   display: none;
   margin-left: 30px;
}

.configurator__image-back {
   font-weight: 500;
   font-size: 21px;
   line-height: 17px;
   color: #44BCFF;
   position: relative;
   z-index: 5;
   display: none;
}

.more-conf__checkbox.active {
   background: #FF8E3D;
}

.more-conf__checkbox.active path {
   stroke: white;
}

.more-conf__text {
   margin-left: 5px;
}

.more-conf {
   margin-top: 10px;
}

.body-configurator__button {
   max-width: 270px;
   height: 50px;
   background: #44BCFF;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
   border-radius: 15px;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.02em;
   color: #FFFFFF;
   display: flex;
   align-items: center;
   justify-content: center;
   text-transform: uppercase;
   margin-top: 40px;
   cursor: pointer;
}

.configurator__image.none{
   display: none !important;
}
.configurator__image {
   max-width: 550px;
   width: 100%;
   position: relative;
   display: inline-block;
}
.configurator__image span {
   position: relative;
}

.body-configurator__tab-body {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   visibility: hidden;
   transition: 0.3s;
}

.body-configurator__tab-body img {
   width: 100%;
}

.body-configurator__tab-body svg {
   position: absolute;
}

.body-configurator__tab-body>svg:hover path {
   fill: #389DD3;
   stroke: #389DD3;
   transition: 0.3s;
   cursor: pointer;
}

.body-configurator__tab-body.active {
   opacity: 1;
   visibility: visible;
   transition: 0.3s;
}

.configurator-circle {
   width: 20px;
   height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   background: #FF8E3D;
   border-radius: 100%;
   cursor: pointer;
   z-index: 2;
}

.configurator-circle .configurator-line {
   background: #FFFFFF;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
}

.configurator-circle .configurator-line:nth-child(1) {
   width: 13px;
   height: 2px;
   position: absolute;
}

.configurator-circle .configurator-line:nth-child(2) {
   width: 2px;
   height: 13px;
   position: absolute;
}

.configurator-circle__body {
   width: 200px;
   background: rgba(0, 0, 0, 0.7);
   border-radius: 10px;
   position: absolute;
   bottom: 34px;
   left: -130px;
   padding: 15px;
   font-family: 'LatoF';
   opacity: 0;
   visibility: hidden;
   z-index: 6;
}

.configurator-circle__body div {
   margin-top: 20px;
}



.configurator-circle__body svg {
   position: absolute;
   bottom: -9px;
   left: 128px;
}

.configurator-circle:hover .configurator-circle__body {
   opacity: 1;
   visibility: visible;
}

.brend-circle {
   display: inline;
}

.configurator-circle:hover {
   z-index: 3;
}

.configurator-circle__body span {
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
}

.configurator-circle__body div span {
   font-weight: 700;
}

.configurator-circle__body div {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   color: #FFFFFF;
}

.body-configurator__tab-body>svg:nth-child(2):hover~.configurator-circles .configurator-circle:nth-child(1) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(3):hover~.configurator-circles .configurator-circle:nth-child(2) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(4):hover~.configurator-circles .configurator-circle:nth-child(3) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(5):hover~.configurator-circles .configurator-circle:nth-child(4) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(6):hover~.configurator-circles .configurator-circle:nth-child(5) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(7):hover~.configurator-circles .configurator-circle:nth-child(6) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(8):hover~.configurator-circles .configurator-circle:nth-child(7) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(9):hover~.configurator-circles .configurator-circle:nth-child(8) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(10):hover~.configurator-circles .configurator-circle:nth-child(9) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(11):hover~.configurator-circles .configurator-circle:nth-child(10) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

@media(max-width: 750px) {

   .configurator__image>.body-configurator__tab-body>svg:nth-child(1):hover~.ccb .configurator-circle__body:nth-child(0) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(2):hover~.ccb .configurator-circle__body:nth-child(1) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(3):hover~.ccb .configurator-circle__body:nth-child(2) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(4):hover~.ccb .configurator-circle__body:nth-child(3) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(5):hover~.ccb .configurator-circle__body:nth-child(4) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(6):hover~.ccb .configurator-circle__body:nth-child(5) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(7):hover~.ccb .configurator-circle__body:nth-child(6) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(8):hover~.ccb .configurator-circle__body:nth-child(7) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(9):hover~.ccb .configurator-circle__body:nth-child(8) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(10):hover~.ccb .configurator-circle__body:nth-child(9) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator-circle__body {
      left: 50%;
      transform: translateX(-50%);
      top: -30px;
      bottom: unset;
   }

   .configurator-circle__body.circle-act {
      opacity: 1;
      visibility: visible;
   }

   /* .configurator-circles .configurator-circle:nth-child(1):hover~.configurator__image .ccb .configurator-circle__body:nth-child(1) {
      opacity: 1;
      visibility: visible;
   } */
   /* .configurator-circles .configurator-circle:hover~.configurator__image {
      display: none;
   } */

   .configurator-circle__body svg {
      display: none;
   }
}

/* about ------------Тут ставим позици для кружков и svg-шек-------------------< */
#c-tab-1 .configurator-circles .configurator-circle:nth-child(1) {
   top: 43%;
   left: 14%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(2) {
   top: 29%;
   left: 73%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(3) {
   top: 20%;
   left: 85%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(4) {
   top: 57.6%;
   left: 41%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(5) {
   top: 18.6%;
   left: 13%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(6) {
   top: 62.6%;
   left: 69%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(7) {
   top: 34.6%;
   left: 34%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(8) {
   top: 78.1%;
   left: 20%;
}

#c-tab-1>svg:nth-child(2) {
   top: 43%;
   left: 14%;
   width: 12%;
   height: 8%;
}

#c-tab-1>svg:nth-child(3) {
   top: 26.3%;
   left: 68%;
   width: 12%;
   height: 7.4%;
}

#c-tab-1>svg:nth-child(4) {
   top: 20.9%;
   left: 77%;
   width: 17%;
   height: 10.1%;
}

#c-tab-1>svg:nth-child(5) {
   top: 55.3%;
   left: 42.3%;
   width: 7%;
   height: 7.1%;
}

#c-tab-1>svg:nth-child(6) {
   top: 19.1%;
   left: 12.3%;
   width: 7%;
   height: 7.1%;
}

#c-tab-1>svg:nth-child(7) {
   top: 64.4%;
   left: 63.3%;
   width: 13%;
   height: 16.5%;
}

#c-tab-1>svg:nth-child(8) {
   top: 34.2%;
   left: 30.8%;
   width: 6%;
   height: 5.5%;
}

#c-tab-1>svg:nth-child(9) {
   top: 74.2%;
   left: 16.4%;
   width: 7%;
   height: 6.3%;
}



#c-tab-2 .configurator-circles .configurator-circle:nth-child(1) {
   top: 47%;
   left: 16%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(2) {
   top: 29%;
   left: 73%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(3) {
   top: 18%;
   left: 85%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(4) {
   top: 60.6%;
   left: 54%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(5) {
   top: 17.6%;
   left: 15%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(6) {
   top: 64.2%;
   left: 66%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(7) {
   top: 34.2%;
   left: 36%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(8) {
   top: 75.6%;
   left: 21%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(9) {
   top: 75.6%;
   left: 21%;
}

#c-tab-2>svg:nth-child(2) {
   top: 41%;
   left: 15.5%;
   width: 12%;
   height: 8%;
}

#c-tab-2>svg:nth-child(3) {
   top: 24.2%;
   left: 68.7%;
   width: 12%;
   height: 7.1%;
}

#c-tab-2>svg:nth-child(4) {
   top: 19.2%;
   left: 77%;
   width: 17%;
   height: 9.3%;
}

#c-tab-2>svg:nth-child(5) {
   top: 52.9%;
   left: 55%;
   width: 9%;
   height: 13.8%;
}

#c-tab-2>svg:nth-child(6) {
   top: 18.2%;
   left: 13%;
   width: 9%;
   height: 6.7%;
}

#c-tab-2>svg:nth-child(7) {
   top: 61%;
   left: 64.7%;
   width: 13%;
   height: 16.1%;
}

#c-tab-2>svg:nth-child(8) {
   top: 31.2%;
   left: 33%;
   width: 4.8%;
   height: 7.7%;
}

#c-tab-2>svg:nth-child(9) {
   top: 72.2%;
   left: 17.6%;
   width: 6.7%;
   height: 6.7%;
}

#c-tab-2>svg:nth-child(10) {
   top: 72.2%;
   left: 17.6%;
   width: 6.7%;
   height: 6.7%;
}



#c-tab-3 .configurator-circles .configurator-circle:nth-child(1) {
   top: 43%;
   left: 14%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(2) {
   top: 30%;
   left: 75%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(3) {
   top: 20%;
   left: 85%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(4) {
   top: 55.6%;
   left: 39%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(5) {
   top: 18.6%;
   left: 13%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(6) {
   top: 60.6%;
   left: 61%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(7) {
   top: 34.6%;
   left: 33%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(8) {
   top: 74.1%;
   left: 19%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(9) {
   top: 22%;
   left: 63%;
}

#c-tab-3>svg:nth-child(2) {
   top: 41%;
   left: 13.5%;
   width: 12%;
   height: 7.5%;
}

#c-tab-3>svg:nth-child(3) {
   top: 24.8%;
   left: 74%;
   width: 9%;
   height: 7.4%;
}

#c-tab-3>svg:nth-child(4) {
   top: 20.1%;
   left: 81%;
   width: 17%;
   height: 9.1%;
}

#c-tab-3>svg:nth-child(5) {
   top: 52%;
   left: 40.0%;
   width: 7%;
   height: 6.6%;
}

#c-tab-3>svg:nth-child(6) {
   top: 19.4%;
   left: 13.3%;
   width: 5%;
   height: 6.6%;
}

#c-tab-3>svg:nth-child(7) {
   top: 59.6%;
   left: 60.1%;
   width: 10.7%;
   height: 15.3%;
}

#c-tab-3>svg:nth-child(8) {
   top: 33.2%;
   left: 29.8%;
   width: 6%;
   height: 4.8%;
}

#c-tab-3>svg:nth-child(9) {
   top: 70.5%;
   left: 15.5%;
   width: 7%;
   height: 6.3%;
}

#c-tab-3>svg:nth-child(10) {
   top: 23.1%;
   left: 55.8%;
   width: 19%;
   height: 10.5%;
}




#c-tab-4 .configurator-circles .configurator-circle:nth-child(1) {
   top: 47%;
   left: 14%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(2) {
   top: 29%;
   left: 76%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(3) {
   top: 19%;
   left: 86%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(4) {
   top: 59.6%;
   left: 49%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(5) {
   top: 18.6%;
   left: 13%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(6) {
   top: 63.2%;
   left: 67%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(7) {
   top: 34.2%;
   left: 33%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(8) {
   top: 73.6%;
   left: 18%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(9) {
   top: 22%;
   left: 63%;
}

#c-tab-4>svg:nth-child(2) {
   top: 40.9%;
   left: 12.9%;
   width: 12.4%;
   height: 7.3%;
}

#c-tab-4>svg:nth-child(3) {
   top: 24.6%;
   left: 72.7%;
   width: 11%;
   height: 6.8%;
}

#c-tab-4>svg:nth-child(4) {
   top: 19%;
   left: 82.3%;
   width: 13.6%;
   height: 10.3%
}

#c-tab-4>svg:nth-child(5) {
   top: 51.9%;
   left: 50.1%;
   width: 8%;
   height: 12.8%;
}

#c-tab-4>svg:nth-child(6) {
   top: 19.2%;
   left: 11%;
   width: 9%;
   height: 6.4%;
}

#c-tab-4>svg:nth-child(7) {
   top: 59.7%;
   left: 67.1%;
   width: 13%;
   height: 15.1%;
}

#c-tab-4>svg:nth-child(8) {
   top: 31.2%;
   left: 29.8%;
   width: 4.8%;
   height: 7.7%;
}

#c-tab-4>svg:nth-child(9) {
   top: 70%;
   left: 15.4%;
   width: 6.2%;
   height: 6.8%;
}

#c-tab-4>svg:nth-child(10) {
   top: 22.8%;
   left: 55.4%;
   width: 18.9%;
   height: 10.2%;
}





#c-tab-5 .configurator-circles .configurator-circle:nth-child(1) {
   top: 41%;
   left: 16%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(2) {
   top: 24%;
   left: 73%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(3) {
   top: 19%;
   left: 88%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(4) {
   top: 46.6%;
   left: 64%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(5) {
   top: 13.6%;
   left: 15%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(6) {
   top: 81.2%;
   left: 56%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(7) {
   top: 31.2%;
   left: 36%;
}


#c-tab-5>svg:nth-child(2) {
   top: 37%;
   left: 16.5%;
   width: 11%;
   height: 7.7%;
}

#c-tab-5>svg:nth-child(3) {
   top: 20.2%;
   left: 67.7%;
   width: 13%;
   height: 7.1%;
}

#c-tab-5>svg:nth-child(4) {
   top: 15.1%;
   left: 74.7%;
   width: 20%;
   height: 9.5%;
}

#c-tab-5>svg:nth-child(5) {
   top: 44.7%;
   left: 54.5%;
   width: 13.6%;
   height: 15.4%;
}

#c-tab-5>svg:nth-child(6) {
   top: 14.8%;
   left: 13.5%;
   width: 9%;
   height: 6.7%;
}

#c-tab-5>svg:nth-child(7) {
   top: 70.5%;
   left: 46.7%;
   width: 13%;
   height: 16.1%;
}

#c-tab-5>svg:nth-child(8) {
   top: 27.2%;
   left: 33%;
   width: 4.8%;
   height: 7.7%;
}





#c-tab-6 .configurator-circles .configurator-circle:nth-child(1) {
   top: 50%;
   left: 15%;
}

#c-tab-6 .configurator-circles .configurator-circle:nth-child(2) {
   top: 65.4%;
   left: 38%;
}

#c-tab-6 .configurator-circles .configurator-circle:nth-child(3) {
   top: 36%;
   left: 38%;
}

#c-tab-6 .configurator-circles .configurator-circle:nth-child(4) {
   top: 41%;
   left: 55%;
}

#c-tab-6 .configurator-circles .configurator-circle:nth-child(5) {
   top: 18%;
   left: 85%;
}


#c-tab-6>svg:nth-child(2) {
   top: 48.3%;
   left: 15.2%;
   width: 15.8%;
   height: 10.7%;
}

#c-tab-6>svg:nth-child(3) {
   top: 65.2%;
   left: 27.2%;
   width: 17%;
   height: 8.9%;
}

#c-tab-6>svg:nth-child(4) {
   top: 33.5%;
   left: 34.7%;
   width: 4%;
   height: 6.7%;
}

#c-tab-6>svg:nth-child(5) {
   top: 35.5%;
   left: 49.6%;
   width: 9%;
   height: 15.4%;
}

#c-tab-6>svg:nth-child(6) {
   top: 18.8%;
   left: 80.1%;
   width: 15%;
   height: 10.7%;
}




#c-tab-7 .configurator-circles .configurator-circle:nth-child(1) {
   top: 39%;
   left: 24%;
}

#c-tab-7 .configurator-circles .configurator-circle:nth-child(2) {
   top: 25%;
   left: 20%;
}

#c-tab-7 .configurator-circles .configurator-circle:nth-child(3) {
   top: 14%;
   left: 68%;
}

#c-tab-7 .configurator-circles .configurator-circle:nth-child(4) {
   top: 59%;
   left: 79%;
}

#c-tab-7 .configurator-circles .configurator-circle:nth-child(5) {
   top: 10%;
   left: 95%;
}


#c-tab-7>svg:nth-child(2) {
   top: 31.8%;
   left: 16.2%;
   width: 13%;
   height: 10.7%;
}

#c-tab-7>svg:nth-child(3) {
   top: 23%;
   left: 22.2%;
   width: 5%;
   height: 5.9%;
}

#c-tab-7>svg:nth-child(4) {
   top: 4.2%;
   left: 61.7%;
   width: 15%;
   height: 19.6%;
}

#c-tab-7>svg:nth-child(5) {
   top: 55.2%;
   left: 75.4%;
   width: 10.3%;
   height: 16.9%;
}

#c-tab-7>svg:nth-child(6) {
   top: 6.8%;
   left: 85.1%;
   width: 15%;
   height: 10.7%;
}

/* about ------------Тут ставим позици для кружков и svg-шек-------------------> */

@media(max-width: 1100px) {
   .configurator__image {
      margin: 0 auto;
      min-height: 711px;
   }
   .configurator__image.none{
      display: inline-block !important;

   }
   .block-image {
      display: none;
   }

   .block-body {
      display: none;
   }

   .body-configurator {
      max-width: unset;
   }

   .body-configurator__button {
      margin-left: unset;
   }

   .body-configurator__button {
      display: inline-flex;
      width: 270px;
   }

   .configurator__mobile {
      display: inline-flex;
   }

   .configurator__image-back {
      display: block;
   }
}

@media(max-width: 620px) {
   .body-configurator__button {
      max-width: unset;
      width: 100%;
   }

   .configurator__mobile {
      margin: 0;
      display: flex;
      justify-content: center;
   }

   .body-configurator__kvartir {
      margin-left: 0;
   }

   .configurator-circle__body svg {
      left: 197px;
   }

   .body-configurator__flex-wrap {
      flex-direction: column;
   }
}

/* @media(max-width: 570px) {
   .configurator-circle__body {
      left: -200px;
   }
} */

@media(max-width: 550px) {

   .configurator__image{
      min-height: 550px;
   }

   .body-configurator__tab{
      width: 100%;
   }

}

@media(max-width: 450px) {
   .configurator__image {
      min-height: 380px;
   }

   .body-configurator__title {
      font-size: 18px;
      line-height: 22px;
   }

   .configurator__block {
      padding: 20px 10px;
   }
}

@media(max-width: 391px) {
   .configurator #rt {
      right: unset;
      top: 27px !important;
   }
   .body-configurator__tab{
      width: 100%;
   }
}

@media(max-width: 370px) {
   .configurator__image {
      min-height: 400px;
   }



   .body-configurator__tabs {
      gap: 10px
   }

   .configurator__tabs {
      flex-direction: column;
      gap: unset;
   }

   .configurator__tab {
      margin-top: 0;
      text-align: center;
   }

   .configurator__tab:last-child {
      margin-top: 20px;
   }
}