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

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.container {
	max-width: 768px;
	margin: 0 auto;
  padding: 0 20px;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

h1 {
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
}

h2 {
  font-size: 24px;
  font-weight: 800;
  line-height: 29px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 22px;
  font-weight: 900;
  text-align: center;
}

h5 {
  font-size: 16px;
  font-weight: 700;
}

h6 {
  font-size: 16px;
  font-weight: 600;
}

.sub-title {
  text-align: center;
}

/* Form */
.cpa-control-label,
.cpa-wrapper-field-total {
  display: none;
}

#form {
  width: 100%;
  max-width: 150px;
}

#form input,
#form select {
  width: 100%;
  height: 30px;
  border-radius: 7px;
  border: 1px solid #6FAEB5;
  background-color: #fff;
  padding: 8px 10px;
  font-size: 10px;
  color: #000;
  margin-top: 6px;
  outline: none;
}

#form input::placeholder {
  color: #000;
}

.cpa-wrapper-field-submit {
  text-align: center;
}

.cpa-input-submit {
  font-size: 10px;
  font-weight: 900;
  width: 100%;
  max-width: 105px;
  padding: 5px 0;
  border: 1px solid #6FAEB5;
  background-color: #6FAEB5;
  border-radius: 20px;
  color: #fff;
  margin-top: 10px;
}

.b-1,
.b-2,
.b-3,
.b-4,
.b-5,
.b-6,
.b-7,
.b-8 {
  max-width: 768px;
  margin: 0 auto;
}

.prise {
  font-size: 25px;
  font-weight: 800;
  line-height: 30px;
}
.title {
  text-align: center;
  margin-bottom: 30px;
}

/* Block-1 */

.b-1 {
  background: url("../img/b1-bg.svg") 0 10% no-repeat;
}

.b-1 .logo {
  max-width: 125px;
}

.b-1__content,
.b-8__content {
  width: 100%;
  background: url("../img/product-prise.svg") 100% 35% no-repeat;
  position: relative;
  padding-top: 335px;
}

.b-1__form {
  position: relative;
  z-index: 20;
  padding: 0 2px 0 20px;
}
.b-1__form #form {
  margin-top: 20px;
}
.b-1__prise {
  position: absolute;
  top: 130px;
  right: 50px;
  color: #fff;
}
.b-1__prise h2 {
  text-align: end;
}

.b-1 .list-properties {
  margin-top: 20px;
  padding-bottom: 30px;
}
.b-1 .list-properties li {
  padding: 10px 0 10px 80px;
  position: relative;
}
.b-1 .list-properties li::before {
  content: "";
  width: 20px;
  height: 24px;
  background: url("../img/icon-leaf.svg") no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
}
.b-1 .list-properties li:first-child,
.b-1 .list-properties li:nth-child(3),
.b-1 .list-properties li:last-child {
  background-color: #EBF8FA;
}

/* Block-2 */
.b-2 .icon-props,
.b-5 .icon-props {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 25px;
  margin: 40px 0;
}

.b-2 .icon-props__item,
.b-5 .icon-props__item {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  row-gap: 20px;
}
.b-2 .icon-props__item img {
  max-width: 50px;
}

.b-2 .icon-props__item p,
.b-5 .icon-props__item p {
  line-height: 17px;
  font-weight: 300;
  text-align: center;
}

/* Block-3 */

.b-3 .icon-props {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 25px;
  margin: 40px 0;
}

.b-3 .icon-props__item {
  flex: 1 1 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  row-gap: 20px;
}
.widly {
  flex: 1 1 100% !important;
}
.b-3 .icon-props__item img {
  max-width: 100px;
}
.xl {
  max-width: 320px !important;
}

.b-3 .icon-props__item p {
  line-height: 17px;
  font-weight: 300;
  text-align: center;
}

/* Block-4 */

.b-4 {
  background: url("../img/b4-bg-2.svg") 50% 0 no-repeat;
  background-size: cover;
}

.b-4__content {
  padding-top: 300px;
  padding-bottom: 20px;
  color: #fff;
}

.b-4__content #form {
  padding-bottom: 20px;
}
@media (max-width: 450px) {
  .b-4__content {
    padding-top: 100px;
  }
}

@media (max-width: 375px) {
  .b-4__content {
    padding-top: 60px;
  }
}

/* Block-5 */

.b-5 {
  padding-top: 25px;
  padding-bottom: 20px;
}

.b-5 .icon-props__item img {
  max-width: 140px;
}

/* Block-6 */
.b-6 {
  background: url("../img/b6-bg.png") 50% 0 no-repeat;
  background-size: cover;
  padding: 25px 0;
}

.b-6 .title,
.b-7 .title {
  margin: 30px 0 15px 0;
  text-transform: uppercase;
}
/* Block-7 */
.b-7 h6.title {
  margin-top: 15px;
}
.b-7 .vital-props__item {
  margin-top: 20px;
}
.b-7 .sub-descript {
  margin-top: 10px;
  text-align: center;
}
/* Block-8 */
.b-8 {
  padding: 30px 0;
}

.wrap-copy {
  background: url("../img/b1-bg.svg") 0 0 no-repeat;
}
.b-8__content {
  background-position: 100% 95%;
}