.high-quality-windows {
  background-color: #f6f6f6;
}
.high-quality-windows .title {
  margin-bottom: 1.1em;
  line-height: 1.2;
}
.high-quality-windows .desc {
  margin-bottom: 25px;
  line-height: 130%;
}
.high-quality-windows__list {
  max-width: 21em;
  margin-left: auto;
  margin-right: auto;
}
.high-quality-windows__item {
  margin-bottom: 1.4em;
}
.high-quality-windows__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1em;
}
.high-quality-windows__title:before {
  content: "";
  display: inline-block;
  width: 1.375em;
  height: 1.375em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0.5em;
  border-radius: 50%;
  border: 0.1rem solid #F26421;
  background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.91057 7.32103L1.00588 4.32473C0.831373 4.14472 0.831373 3.85285 1.00588 3.67282L1.63784 3.02091C1.81235 2.84088 2.09531 2.84088 2.26982 3.02091L4.22656 5.03934L8.41768 0.716064C8.59219 0.536052 8.87515 0.536052 9.04966 0.716064L9.68162 1.36797C9.85613 1.54799 9.85613 1.83986 9.68162 2.01989L4.54255 7.32105C4.36803 7.50106 4.08508 7.50106 3.91057 7.32103Z' fill='black'/%3E%3C/svg%3E%0A") center no-repeat;
  -webkit-transform: translateY(-0.1em);
          transform: translateY(-0.1em);
}
.high-quality-windows__text {
  position: relative;
  padding: 0.7em 1.1em 0.9em 1.6em;
  background-color: #ffffff;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  line-height: 1.2;
  color: #333333;
  margin-left: 1.1em;
}
.high-quality-windows__text:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1em;
  width: 1.063em;
  height: 1em;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16L16 6.99382e-07L0 0C8.83655 3.86258e-07 16 7.16345 16 16Z' fill='white'/%3E%3C/svg%3E%0A");
}
.high-quality-windows .button {
  max-width: 28.3rem;
}
@media (min-width: 550px) {
  .high-quality-windows__list {
    max-width: 29em;
  }
}
@media (min-width: 768px) {
  .high-quality-windows .title {
    line-height: 1.1;
    margin-bottom: 1em;
  }
  .high-quality-windows .desc {
    font-size: 18px;
    margin-bottom: 30px;
  }  
  .high-quality-windows__list {
    max-width: 36.7em;
  }
  .high-quality-windows__item {
    margin-bottom: 1.7em;
  }
  .high-quality-windows__title {
    margin-bottom: 0.8em;
  }
  .high-quality-windows__title:before {
    margin-right: 2.1em;
    margin-left: 0.7em;
    font-size: 0.8em;
  }
  .high-quality-windows__text {
    padding: 0.9em 1.1em 0.9em 2.7em;
  }
  .high-quality-windows__text:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16L16 6.99382e-07L0 0C8.83655 3.86258e-07 16 7.16345 16 16Z' fill='white'/%3E%3C/svg%3E%0A");
    font-size: 0.8em;
  }
  .high-quality-windows .button {
    max-width: 34.6rem;
  }
}
@media (min-width: 960px) {
  .high-quality-windows__list {
    max-width: 45.688em;
  }
}
@media (min-width: 1200px) {
  .high-quality-windows .title {
    line-height: 1.2;
    margin-bottom: 0.8em;
  }
  .high-quality-windows__list {
    max-width: 64em;
    margin-bottom: 0.8em;
    -webkit-column-count: 2;
            column-count: 2;
  }
  .high-quality-windows__item {
    max-width: 29.375em;
    margin-bottom: 1.2em;
  }
  .high-quality-windows__item:nth-child(3) .high-quality-windows__title:before {
    -webkit-transform: none;
            transform: none;
  }
  .high-quality-windows__item:nth-child(3), .high-quality-windows__item:nth-child(4) {
    margin-left: auto;
	display: inline-grid
  }
  .high-quality-windows__title {
    font-weight: 700;
    margin-bottom: 1em;
  }
  .high-quality-windows__title:before {
    margin-right: 0.9em;
    margin-left: 0.2em;
  }
  .high-quality-windows__text {
    padding: 1em;
    line-height: 1.125;
  }
  .high-quality-windows .button {
    max-width: 37rem;
  }
}

.high-quality-windows.mode {
	background-color: #fff;
}
.high-quality-windows.mode .high-quality-windows__text {
	background-color: #f6f6f6;
}
.high-quality-windows.mode .high-quality-windows__text:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 16L16 6.99382e-07L0 0C8.83655 3.86258e-07 16 7.16345 16 16Z' fill='%23F6F6F6' /%3e%3c/svg%3e");
}
.high-quality-windows.balkonnyj-blok .high-quality-windows__list {
	margin-bottom: 25px;
}
.high-quality-windows.balkonnyj-blok .high-quality-windows__item:last-child {
	margin-bottom: 0;
}
.high-quality-windows.installments-win,
.high-quality-windows.balcon-finishing {
	padding-bottom: 0;
}
@media (max-width: 767px) {
	.high-quality-windows.balkonnyj-blok,
	.high-quality-windows.trehstvorchatye-okna,
	.high-quality-windows.dvuhstvorchatye-okna,
	.high-quality-windows.odnostvorchatye-okna,
	.high-quality-windows.balcon-glaze {
		padding-bottom: 0;
	}	
}
@media (min-width: 768px) {
	.high-quality-windows.mode .title span.display {
		display: block;
	}
	.high-quality-windows.balkonnyj-blok .high-quality-windows__list {
		margin-bottom: 30px;
	}	
}
@media (min-width: 1200px) {
	.high-quality-windows.okna-dachi .high-quality-windows__list {
		margin-bottom: 0;
	}
	.high-quality-windows.okna-dachi .high-quality-windows__text {
		min-height: 274px;
	}	
	.high-quality-windows.mode .high-quality-windows__text {
		line-height: 130%;
	}	
	.high-quality-windows.balkonnyj-blok .high-quality-windows__text {
		min-height: 132px;
	}	
	.high-quality-windows.dvuhstvorchatye-okna,
	.high-quality-windows.odnostvorchatye-okna,
	.high-quality-windows.trehstvorchatye-okna {
		padding-top: 0;
	}	
	.high-quality-windows.dvuhstvorchatye-okna .high-quality-windows__text {
		min-height: 192px;
	}
	.high-quality-windows.odnostvorchatye-okna .high-quality-windows__text,
	.high-quality-windows.trehstvorchatye-okna .high-quality-windows__text,
	.high-quality-windows.balcon-finishing .high-quality-windows__text {
		min-height: 172px;
	}
	.high-quality-windows.installments-win .high-quality-windows__text {
		min-height: 152px;
	}
	.high-quality-windows.balcon-glaze .high-quality-windows__text {
		min-height: 132px;
	}
	.test .high-quality-windows .high-quality-windows__text {
		min-height: 176px;
	}	
}