.cms-page-view .main-container {
  padding: 0;
}
.cms-page-view .main-container > .container {
  width: 100%;
  padding: 0;
  max-width: 100%;
}
#promo-banner {
  background-color: #313131;
}
#promo-banner .container {
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
#promo-banner .banners__description {
  padding: 0;
  max-width: 800px;
}
#promo-banner .banners__title {
  font-family: var(--font-family-primary);
  text-transform: none;
  font-weight: 500;
  font-size: clamp(27px, 5vw, 40px);
  line-height: clamp(28px, 5vw, 48px);
  display: block;
  max-width: 80%;
}
@media (min-width: 768px) {
  #promo-banner .banners__title {
    max-width: 100%;
  }
}
#promo-banner .banners__link {
  border: 0;
  outline: 0;
  border-radius: 1px;
  box-shadow: none;
  font-family: var(--font-family-primary);
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  background: #00A891;
  color: #fff;
  transition: all 0.35s;
  opacity: 1;
  margin: clamp(58px, 6vw, 74px) 0 0;
  min-width: 200px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#promo-banner .banners__link:hover {
  color: #fff;
  background: #2fccb2;
}
@media (min-width: 768px) {
  #promo-banner .banners__link {
    width: fit-content;
  }
}
#promo-banner .banners__link:hover {
  opacity: 1;
}
#promo-banner .banners picture {
  height: auto;
}
#promo-banner .banners img {
  margin: 0 auto;
}
#promo-features {
  background-color: #313131;
  padding: clamp(30px, 5.25vw, 100px) 0 50px;
}
#promo-features .features-widget {
  padding: 0;
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
#promo-features .features-widget__grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}
@media (min-width: 768px) {
  #promo-features .features-widget__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
#promo-features .features-widget__card {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  text-align: left;
  align-items: flex-start;
  min-height: 203px;
  justify-content: flex-end;
  gap: 25px;
  background-color: #3B3B3B;
  border-radius: 8px;
  padding: 32px 20px 22px;
}
@media (min-width: 768px) {
  #promo-features .features-widget__card {
    min-height: 188px;
  }
}
#promo-features .features-widget__img {
  margin: auto 0 0;
}
@media (min-width: 1024px) {
  #promo-features .features-widget__img {
    margin: 0;
  }
}
#promo-features .features-widget__name {
  font-family: var(--font-family-primary);
  font-weight: 500;
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}
#promo-adv {
  background-color: #313131;
  padding: 50px 0 clamp(30px, 4vw, 50px);
}
#promo-adv .container {
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}
@media (min-width: 1024px) {
  #promo-adv .container {
    grid-template-columns: 3fr 1fr;
  }
}
#promo-adv .features-widget {
  padding: 0;
}
#promo-adv .features-widget__grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}
@media (min-width: 768px) {
  #promo-adv .features-widget__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
#promo-adv .features-widget__card {
  width: 100%;
  display: flex;
  height: 62px;
  border: 1px solid #555555;
  border-radius: 1px;
  align-items: center;
  justify-content: flex-start;
  gap: 17px;
  padding: 0 0 0 25px;
  cursor: default;
}
#promo-adv .features-widget__img {
  margin: 0;
}
#promo-adv .features-widget__name {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 24px;
  font-family: var(--font-family-primary);
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1280px) {
  #promo-adv .features-widget__name {
    font-size: 12px;
  }
}
#promo-adv .features-widget__button {
  border: 0;
  outline: 0;
  box-shadow: none;
  font-family: var(--font-family-primary);
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  background: #00A891;
  color: #fff;
  transition: all 0.35s;
  border-radius: 1px;
  text-transform: uppercase;
  min-height: 62px;
}
#promo-adv .features-widget__button:hover {
  color: #fff;
  background: #2fccb2;
}
#promo-card {
  background-color: #313131;
  padding: clamp(30px, 4vw, 50px) 0 clamp(30px, 9vw, 100px);
}
#promo-card .container {
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
#promo-card .features-widget {
  padding: 0;
}
#promo-card .features-widget__grid {
  display: grid;
  grid-template-columns: 100%;
  gap: clamp(20px, 2vw, 25px) 20px;
}
@media (min-width: 768px) {
  #promo-card .features-widget__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  #promo-card .features-widget__grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
#promo-card .features-widget__card {
  display: flex;
  flex-flow: column;
  width: 100%;
  position: relative;
  background: #00A891;
  border-radius: 1px;
  text-align: left;
  overflow: hidden;
  padding: clamp(30px, 4vw, 40px) clamp(15px, 3vw, 30px) 25px;
  min-height: 309px;
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card {
    grid-column: span 2;
  }
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(1) {
    padding-top: 65px;
    padding-left: clamp(100px, 20vw, 275px);
    grid-column: span 4;
  }
}
#promo-card .features-widget__card:nth-child(1) .features-widget__name {
  max-width: clamp(250px, 18vw, 330px);
}
#promo-card .features-widget__card:nth-child(1) .features-widget__img {
  margin: -10px auto -35px;
  max-width: 80%;
}
@media (min-width: 768px) {
  #promo-card .features-widget__card:nth-child(1) .features-widget__img {
    margin-top: 0;
    max-width: 85%;
  }
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(1) .features-widget__img {
    inset: 0 auto 0 0;
    margin: 0;
    max-width: clamp(100px, 20vw, 250px);
  }
}
#promo-card .features-widget__card:nth-child(1) .features-widget__img img {
  object-position: bottom;
  object-fit: contain;
  height: 100%;
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(2) {
    padding-top: 65px;
    grid-row: span 2;
  }
}
#promo-card .features-widget__card:nth-child(2) .features-widget__img {
  inset: auto 0 0 0;
  max-width: 100%;
  margin: -5px auto -17%;
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(2) .features-widget__img {
    max-width: 353px;
    margin: 0 auto;
  }
}
#promo-card .features-widget__card:nth-child(2) .features-widget__img img {
  object-position: bottom;
  object-fit: contain;
}
#promo-card .features-widget__card:nth-child(2) .features-widget__name {
  max-width: 200px;
}
#promo-card .features-widget__card:nth-child(2) .features-widget__text {
  max-width: 93%;
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(2) .features-widget__text {
    max-width: 100%;
  }
}
#promo-card .features-widget__card:nth-child(3) .features-widget__name {
  margin: 0 0 clamp(23px, 2vw, 33px);
}
#promo-card .features-widget__card:nth-child(3) .features-widget__img {
  display: none;
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(4) .features-widget__text {
    max-width: 190px;
  }
}
#promo-card .features-widget__card:nth-child(4) .features-widget__img {
  margin: 34px auto -32px;
  max-width: clamp(108px, 8vw, 117px);
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(4) .features-widget__img {
    inset: auto 0% -15% auto;
    margin: 0;
  }
}
#promo-card .features-widget__card:nth-child(5),
#promo-card .features-widget__card:nth-child(6) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 30px;
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(5),
  #promo-card .features-widget__card:nth-child(6) {
    grid-column: span 3;
  }
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(5) {
    padding-bottom: 55px;
  }
}
#promo-card .features-widget__card:nth-child(5) .features-widget__img {
  margin: 25px auto 20px;
  max-width: 60%;
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(5) .features-widget__img {
    margin: 0;
    inset: 51% 7.5% auto auto;
    transform: translateY(-50%);
    max-width: clamp(170px, 16vw, 202px);
  }
}
#promo-card .features-widget__card:nth-child(5) .features-widget__text {
  max-width: 250px;
}
#promo-card .features-widget__card:nth-child(6) .features-widget__img {
  margin: 40px auto 5px;
  max-width: 74%;
}
@media (min-width: 1024px) {
  #promo-card .features-widget__card:nth-child(6) .features-widget__img {
    margin: 0;
    inset: auto -5% -10% auto;
    max-width: clamp(180px, 17vw, 230px);
  }
}
#promo-card .features-widget__card:nth-child(6) .features-widget__text {
  max-width: 260px;
}
#promo-card .features-widget__img {
  order: 1;
  pointer-events: none;
  margin: 0;
}
@media (min-width: 1024px) {
  #promo-card .features-widget__img {
    position: absolute;
  }
}
#promo-card .features-widget__name {
  font-family: var(--font-family-primary);
  font-weight: 500;
  color: #fff;
  font-size: clamp(20px, 3vw, 26px);
  line-height: clamp(26px, 4vw, 30px);
  margin: 0 0 clamp(10px, 4vw, 40px);
}
@media (min-width: 768px) {
  #promo-card .features-widget__name {
    margin: 0 0 clamp(10px, 4vw, 40px);
  }
}
#promo-card .features-widget__text {
  font-family: var(--font-family-primary);
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}
#promo-card .features-widget__text div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 clamp(23px, 2vw, 33px);
}
#promo-card .features-widget__text div strong {
  font-family: var(--font-family-primary);
  font-weight: 500;
  background-color: #61D9C8;
  border-radius: 25px;
  padding: 0 13px;
  color: #000000;
  font-size: 16px;
}
#promo-card .features-widget__button-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: clamp(22px, 7vw, 105px) 0 0;
}
#promo-card .features-widget__button {
  border: 0;
  outline: 0;
  border-radius: 1px;
  box-shadow: none;
  font-family: var(--font-family-primary);
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  background: #00A891;
  color: #fff;
  transition: all 0.35s;
  font-size: 16px;
  text-transform: uppercase;
  height: 62px;
  min-width: 270px;
  width: 100%;
}
#promo-card .features-widget__button:hover {
  color: #fff;
  background: #2fccb2;
}
@media (min-width: 768px) {
  #promo-card .features-widget__button {
    width: auto;
  }
}
#promo-step {
  padding: clamp(40px, 8vw, 100px) 0 clamp(20px, 5vw, 50px);
}
#promo-step .step-widget {
  padding: 0;
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
#promo-step .step-widget__desc {
  margin: 0 0 20px;
  max-width: 100%;
}
#promo-step .step-widget__title {
  font-family: var(--font-family-primary);
  text-align: left;
  font-size: clamp(24px, 3vw, 32px);
  line-height: clamp(30px, 4vw, 36px);
}
#promo-step .step-widget__grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}
@media (min-width: 768px) {
  #promo-step .step-widget__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  #promo-step .step-widget__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
#promo-step .step-widget__card {
  width: 100%;
}
#promo-step .step-widget__header {
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #313131;
  border-radius: 1px;
  padding: 35px 25px 30px clamp(15px, 2vw, 20px);
  gap: 25px;
  min-height: 235px;
}
#promo-step .step-widget__header::before {
  font-family: var(--font-family-primary);
  font-size: 30px;
  width: 55px;
  height: 50px;
  background-color: #00A891;
  border-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  order: revert;
}
#promo-step .step-widget__name {
  font-family: var(--font-family-primary);
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}
#promo-step .step-widget__content {
  display: none;
}
#promo-form {
  padding: clamp(20px, 5vw, 50px) 0;
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
#promo-form .container {
  border-radius: 8px;
  background: #F7F7F7;
  width: 100%;
  max-width: 100%;
  padding: 48px clamp(15px, 4vw, 36px);
}
#promo-form .features-widget {
  padding: 0 0 clamp(30px, 5vw, 50px);
}
#promo-form .features-widget__desc {
  margin: 0 0 50px;
}
#promo-form .features-widget__title {
  font-family: var(--font-family-primary);
  font-weight: 500;
  text-align: left;
  font-size: clamp(24px, 3vw, 32px);
  line-height: clamp(30px, 4vw, 36px);
  color: #000;
}
#promo-form .features-widget__grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 15px 20px;
}
@media (min-width: 768px) {
  #promo-form .features-widget__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
#promo-form .features-widget__card {
  text-align: left;
  width: 100%;
  display: flex;
  gap: 20px;
  min-height: 72px;
}
@media (min-width: 768px) {
  #promo-form .features-widget__card {
    min-height: auto;
  }
}
#promo-form .features-widget__img {
  margin: 0;
  min-width: 55px;
}
#promo-form .features-widget__name {
  font-family: var(--font-family-primary);
  font-weight: 500;
  margin: 0;
  color: #000;
  font-size: 18px;
  line-height: 24px;
}
#promo-form .form-widget__form {
  padding: 0;
}
#promo-form .form-widget__fieldset {
  display: grid;
  grid-gap: 0 20px;
}
@media (min-width: 768px) {
  #promo-form .form-widget__fieldset {
    grid-gap: 10px 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  #promo-form .form-widget__fieldset {
    grid-template-columns: repeat(3, 1fr);
  }
}
#promo-form .form-widget__label {
  font-family: var(--font-family-primary);
  position: static;
  inset: revert;
  color: #838383;
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 5px;
}
#promo-form .form-widget__label::after {
  display: none;
}
#promo-form .form-widget__field_text {
  font-family: var(--font-family-primary);
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  padding: 21px 0 40px;
  text-align: left;
}
@media (min-width: 768px) {
  #promo-form .form-widget__field_text {
    grid-column: span 2;
  }
}
@media (min-width: 1024px) {
  #promo-form .form-widget__field_text {
    grid-column: span 3;
    padding: 11px 0 30px;
  }
}
#promo-form .form-widget__field_policy,
#promo-form .form-widget__field_deps {
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  order: 1;
  grid-column: -1;
  position: absolute;
  z-index: -1;
}
#promo-form .form-widget__field_comment:has(#portfolio) {
  grid-row: 5;
}
@media (min-width: 768px) {
  #promo-form .form-widget__field_comment:has(#portfolio) {
    grid-column: 1;
    grid-row: 4;
  }
}
@media (min-width: 1024px) {
  #promo-form .form-widget__field_comment:has(#portfolio) {
    grid-column: 1/2;
    grid-row: 3;
  }
}
#promo-form .form-widget__field_filename {
  order: revert;
}
@media (min-width: 768px) {
  #promo-form .form-widget__field_filename {
    grid-column: 2;
    grid-row: 4;
  }
}
@media (min-width: 1024px) {
  #promo-form .form-widget__field_filename {
    grid-column: 2/4;
    grid-row: 3;
  }
}
#promo-form .form-widget__field_filename .form-widget__label {
  display: none;
}
#promo-form .form-widget__field_filename .add {
  outline: none;
}
#promo-form .form-widget__field_filename .add-name {
  font-family: var(--font-family-primary);
  text-align: left;
  background: none;
  height: auto;
  display: flex;
  border: 0;
  font-size: 0;
  line-height: 0;
  gap: 3px;
  padding: 0;
  margin-top: 3px;
  color: #000;
  transition: all 0.35s;
}
@media (min-width: 1024px) {
  #promo-form .form-widget__field_filename .add-name {
    margin-top: 28px;
  }
}
#promo-form .form-widget__field_filename .add-name::before {
  content: '';
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 8v8a5 5 0 1 0 10 0V6.5a3.5 3.5 0 1 0-7 0V15a2 2 0 0 0 4 0V8'/%3E%3C/svg%3E");
  align-self: flex-start;
  margin: 0;
}
#promo-form .form-widget__field_filename .add-name::after {
  content: 'прикрепите ваш проект для расчета';
  font-size: 18px;
  line-height: 24px;
  font-family: var(--font-family-primary);
  font-weight: 500;
}
#promo-form .form-widget__field_filename .add-name:hover {
  color: #2fccb2;
}
#promo-form .form-widget__field_filename .add-label {
  margin: 10px 0 0 29px;
  width: auto;
}
@media (min-width: 1024px) {
  #promo-form .form-widget__field_filename .add-label {
    margin-top: 7px;
  }
}
#promo-form .form-widget__field_comment:has(#comment) {
  padding-top: 30px;
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  #promo-form .form-widget__field_comment:has(#comment) {
    padding-top: 8px;
    grid-column: span 2;
  }
}
@media (min-width: 1024px) {
  #promo-form .form-widget__field_comment:has(#comment) {
    grid-column: span 3;
  }
}
#promo-form .form-widget__input {
  min-height: 42px;
}
#promo-form .form-widget__input_textarea {
  max-height: 100px;
  min-height: 100px;
}
#promo-form .form-widget__field_submit {
  display: flex;
  align-items: center;
  gap: 15px 35px;
  padding: 10px 0 0;
  flex-direction: column;
}
@media (min-width: 768px) {
  #promo-form .form-widget__field_submit {
    flex-direction: row;
    grid-column: span 2;
  }
}
@media (min-width: 1024px) {
  #promo-form .form-widget__field_submit {
    grid-column: span 3;
  }
}
#promo-form .form-widget__submit {
  height: 42px;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  #promo-form .form-widget__submit {
    max-width: 200px;
  }
}
#promo-form .form-widget__policy {
  max-width: 300px;
  text-align: left;
  font-size: 15px;
  line-height: 16px;
}
#promo-contacts {
  padding: clamp(20px, 5vw, 50px) 0;
}
@media (min-width: 1024px) {
  #promo-contacts {
    padding: 128px 0;
  }
}
#promo-contacts .block-contacts {
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 100%;
  gap: 28px 20px;
}
@media (min-width: 768px) {
  #promo-contacts .block-contacts {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  #promo-contacts .block-contacts {
    grid-template-columns: 1.11fr 0.89fr 1fr;
  }
}
#promo-contacts .block-contacts__title {
  font-family: var(--font-family-primary);
  font-weight: 500;
  margin: 0;
  font-size: clamp(22px, 3vw, 24px);
  line-height: clamp(28px, 3vw, 30px);
}
@media (min-width: 768px) and (max-width: 1023px) {
  #promo-contacts .block-contacts__title {
    grid-column: span 2;
  }
}
@media (min-width: 1024px) {
  #promo-contacts .block-contacts__title {
    max-width: 320px;
  }
}
#promo-contacts .block-contacts__card {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #000;
  font-family: var(--font-family-primary);
}
#promo-contacts .block-contacts__card:has(a[href^="tel"]) .block-contacts__card-text::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='51' fill='none'%3E%3Crect width='55' height='51' fill='%23313131' rx='1'/%3E%3Cpath fill='%23fff' d='M32.867 35c1.779 0 2.955-.48 3.998-1.646.082-.082.153-.174.235-.256.614-.685.9-1.36.9-2.004 0-.736-.43-1.421-1.34-2.055l-2.975-2.066c-.92-.634-1.994-.705-2.853.143l-.787.788c-.235.235-.44.245-.675.102-.542-.348-1.656-1.319-2.413-2.075-.798-.788-1.575-1.667-1.973-2.311-.143-.236-.123-.43.112-.665l.777-.787c.86-.859.788-1.943.154-2.853L23.95 16.34c-.624-.91-1.309-1.33-2.045-1.34-.644-.01-1.319.287-2.004.9a5.052 5.052 0 0 1-.266.225C18.481 17.168 18 18.344 18 20.112c0 2.925 1.8 6.483 5.102 9.786C26.384 33.18 29.953 35 32.867 35Zm.01-1.575c-2.607.051-5.95-1.953-8.599-4.59-2.668-2.66-4.765-6.115-4.714-8.722.02-1.125.41-2.096 1.218-2.792.06-.06.122-.112.193-.163.297-.267.635-.41.92-.41.308 0 .573.113.768.42l1.983 2.975c.215.317.236.675-.082.992l-.9.9c-.715.705-.654 1.564-.142 2.25.582.787 1.595 1.932 2.372 2.709.787.787 2.024 1.891 2.811 2.484.685.512 1.555.563 2.26-.143l.9-.9c.317-.316.665-.296.981-.091l2.976 1.983c.307.204.43.46.43.767 0 .297-.144.624-.42.93-.047.068-.099.133-.153.195-.705.797-1.677 1.186-2.802 1.206Z'/%3E%3C/svg%3E");
}
#promo-contacts .block-contacts__card:has(a[href^="mailto"]) .block-contacts__card-text::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='51' fill='none'%3E%3Crect width='55' height='51' fill='%23313131' rx='1'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m23 23 5 3.5 5-3.5'/%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M18 31V21a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H20a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  #promo-contacts .block-contacts__card {
    grid-row: span 2;
  }
}
#promo-contacts .block-contacts__card-text {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 16px;
}
#promo-contacts .block-contacts__card-text::before {
  content: '';
  min-width: 55px;
  width: 55px;
  height: 51px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  #promo-contacts .block-contacts__card-num {
    padding-left: 70px;
  }
}
#promo-contacts .block-contacts__card-num a {
  text-decoration: none;
  color: inherit;
  font-weight: inherit;
}
#promo-contacts .block-contacts__card-label {
  color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 1024px) {
  #promo-contacts .block-contacts__card-label {
    padding-left: 70px;
  }
}
#promo-contacts .block-contacts__card-soc {
  display: flex;
  gap: 13px;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  #promo-contacts .block-contacts__card-soc {
    padding-left: 70px;
  }
}
#promo-contacts .block-contacts__card-soc-item {
    display: inline-flex;
    gap: 4px;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 20px;
    color: #fff;
    align-items: center;
    text-decoration: none;
    background: #26A792;
    transition: all 0.35s;
}

#promo-contacts .block-contacts__card-soc-item::before {
    content: '';
    min-width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
}
#promo-contacts .block-contacts__card-soc-item.wa::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath fill='%2337D93E' d='M29.982 15.057c-.036 8.302-6.778 14.96-15.116 14.937C6.647 29.97-.047 23.144 0 14.854.048 6.647 6.85-.047 15.104 0c8.22.048 14.914 6.814 14.878 15.057Z'/%3E%3Cpath fill='%23FDFEFD' d='M7.004 23.109c.44-1.334.834-2.538 1.263-3.729.13-.357.107-.643-.072-1C5.42 12.96 9.434 6.623 15.521 6.802c4.097.119 7.504 3.478 7.67 7.575.18 4.205-2.905 7.815-7.039 8.279a7.814 7.814 0 0 1-4.288-.715c-.357-.166-.655-.166-1.013-.047-1.238.393-2.477.786-3.847 1.215Z'/%3E%3Cpath fill='%2337D93E' d='M9.065 21.072c.25-.739.44-1.37.679-1.99.119-.31.095-.535-.084-.821-1.489-2.418-1.334-5.36.37-7.576 1.632-2.12 4.466-3.05 7.028-2.311 2.644.762 4.597 3.061 4.788 5.825.19 2.608-.846 4.705-3.05 6.11-2.167 1.382-4.454 1.406-6.718.215-.345-.179-.619-.238-.988-.095-.632.226-1.275.405-2.025.643Z'/%3E%3Cpath fill='%23FEFEFE' d='M11.28 12.948c-.023-.81.25-1.394.763-1.846.524-.477 1.215-.31 1.465.345.083.227.143.465.25.667.345.643.345 1.203-.274 1.68-.19.143-.167.321-.06.524.596 1.072 1.442 1.882 2.573 2.394.239.107.405.095.572-.107.155-.179.334-.346.465-.536.202-.274.417-.322.714-.155.322.19.667.345 1 .524.716.381.823 1.013.251 1.608-.56.584-1.286.822-2.073.62-2.632-.68-4.347-2.418-5.455-4.837a2.332 2.332 0 0 1-.155-.512c-.024-.167-.024-.321-.036-.369Z'/%3E%3C/svg%3E");
}

#promo-contacts .block-contacts__card-soc-item.tg::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23fff' d='M17.596 0a.377.377 0 0 0-.166.036L.248 8.136a.422.422 0 0 0-.182.168.483.483 0 0 0 .006.5c.046.074.11.13.185.164l3.915 1.722 1.576 5.203c.022.073.06.138.112.19a.399.399 0 0 0 .182.105.374.374 0 0 0 .206-.005.403.403 0 0 0 .178-.115L9.1 13.126l4.948 4.763a.396.396 0 0 0 .189.102c.07.016.142.01.21-.014a.41.41 0 0 0 .175-.127.467.467 0 0 0 .096-.207L17.99.543a.492.492 0 0 0-.08-.375.42.42 0 0 0-.141-.123.378.378 0 0 0-.174-.045Zm-.568 1.205-2.966 15.501-5.674-5.462 4.16-4.16a.47.47 0 0 0 .133-.312.478.478 0 0 0-.105-.324.395.395 0 0 0-.283-.147.388.388 0 0 0-.295.116l-4.5 4.5a.45.45 0 0 0-.1.153.49.49 0 0 0 .106.519l.98.943-2.168 2.385-1.427-4.709a.46.46 0 0 0-.091-.166.41.41 0 0 0-.146-.109L1.479 8.536l15.55-7.33Z'/%3E%3C/svg%3E");
}

#promo-contacts .block-contacts__card-soc-item.max::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23fff' d='M9.146 0C14.11 0 18 4.045 18 9.026c.017 4.904-3.924 8.897-8.806 8.923-1.767 0-2.588-.26-4.015-1.295-.902 1.165-3.761 2.076-3.886.518 0-1.17-.257-2.159-.55-3.238C.395 12.604 0 11.124 0 8.98 0 3.855 4.186 0 9.146 0Zm0 1.22c-4.33 0-7.926 3.352-7.926 7.759 0 1.973.357 3.322.7 4.636.262.966.53 1.98.581 3.156.054-.006.118-.015.191-.03a3.33 3.33 0 0 0 .915-.356c.308-.175.512-.354.608-.478l.724-.935.956.694c.667.484 1.109.725 1.537.863.429.138.93.199 1.757.2 4.204-.024 7.606-3.463 7.591-7.699v-.004c0-4.337-3.372-7.806-7.634-7.806Z'/%3E%3C/svg%3E");
}

#promo-contacts .block-contacts__card-soc-item:hover {
    color: #fff;
    background: #2fccb2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #promo-contacts .block-contacts__btn-wrap {
    grid-column: span 2;
  }
}
#promo-contacts .block-contacts__btn {
  border: 0;
  outline: 0;
  border-radius: 1px;
  box-shadow: none;
  font-family: var(--font-family-primary);
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  background: #00A891;
  color: #fff;
  transition: all 0.35s;
  height: 42px;
  padding: 0 40px;
  font-size: 16px;
  width: 100%;
}
#promo-contacts .block-contacts__btn:hover {
  color: #fff;
  background: #2fccb2;
}
@media (min-width: 768px) {
  #promo-contacts .block-contacts__btn {
    width: auto;
  }
}
#promo-category {
  padding: clamp(20px, 5vw, 50px) 0;
}
#promo-category .features-widget {
  padding: 0;
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
#promo-category .features-widget__desc {
  margin: 0 0 20px;
}
#promo-category .features-widget__title {
  font-family: var(--font-family-primary);
  font-weight: 500;
  text-align: left;
  font-size: clamp(22px, 3vw, 32px);
  line-height: clamp(30px, 4vw, 36px);
  color: #000;
}
#promo-category .features-widget__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (min-width: 768px) {
  #promo-category .features-widget__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  #promo-category .features-widget__grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
#promo-category .features-widget__card {
  text-decoration: none;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  background: #F7F7F7;
  gap: clamp(15px, 2vw, 25px);
  padding: 35px 17px 10px;
  border-radius: 1px;
  overflow: hidden;
}
#promo-category .features-widget__img {
  margin: 7px auto 0;
}
#promo-category .features-widget__img img {
  mix-blend-mode: darken;
}
@media (min-width: 768px) {
  #promo-category .features-widget__img {
    margin: 0;
  }
}
#promo-category .features-widget__name {
  font-family: var(--font-family-primary);
  font-weight: 500;
  margin: 0;
  font-size: clamp(16px, 1vw, 18px);
  line-height: 24px;
  color: #000;
}
#promo-collection {
  padding: clamp(20px, 5vw, 50px) 0 clamp(87px, 10vw, 105px);
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 100%;
  gap: clamp(40px, 6vw, 100px);
}
#promo-collection .features-widget {
  padding: 0;
}
#promo-collection .features-widget__desc {
  margin: 0 0 20px;
}
#promo-collection .features-widget__title {
  font-family: var(--font-family-primary);
  font-weight: 500;
  text-align: left;
  font-size: clamp(22px, 3vw, 32px);
  line-height: clamp(30px, 4vw, 36px);
  color: #000;
}
#promo-collection .features-widget__grid {
  display: grid;
  grid-template-columns: 100%;
  gap: clamp(25px, 4vw, 33px) 23px;
}
@media (min-width: 768px) {
  #promo-collection .features-widget__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
#promo-collection .features-widget__card {
  text-decoration: none;
  width: 100%;
}
#promo-collection .features-widget__card:hover .features-widget__name {
  color: #2fccb2;
}
#promo-collection .features-widget__img {
  margin: 0;
}
#promo-collection .features-widget__name {
  text-align: left;
  font-family: var(--font-family-primary);
  font-weight: 500;
  margin: 15px 0 0;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 28px;
  color: #000;
  transition: all 0.35s;
}