.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 {
  min-width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
}
#promo-contacts .block-contacts__card-soc-item.wa {
  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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2336ABD9' d='M.001 14.979C-.01 6.738 6.715 0 14.98 0c8.252 0 14.99 6.714 15.002 14.967.012 8.347-6.666 15.085-15.014 15.062C6.334 29.992-.106 22.92 0 14.979Z'/%3E%3Cpath fill='%23FEFEFE' d='M22.66 8.932c-.239 1.192-.465 2.42-.716 3.637l-1.753 8.622c-.024.132-.06.275-.095.406-.227.87-.764 1.097-1.503.572a73.733 73.733 0 0 1-3.303-2.445c-.418-.333-.68-.381-1.05.06-.417.501-.93.918-1.407 1.36-.704.656-1.121.56-1.42-.334-.428-1.3-.846-2.6-1.263-3.912-.108-.334-.275-.525-.632-.62-1.014-.286-2.016-.608-3.018-.93-.333-.107-.727-.179-.75-.644-.025-.477.345-.632.703-.763 3.709-1.408 7.417-2.803 11.126-4.21 1.336-.501 2.672-1.026 4.007-1.515.644-.226 1.074.06 1.074.716Z'/%3E%3Cpath fill='%2336ABD9' d='M11.962 20.392c-.429-1.323-.87-2.659-1.3-3.983-.107-.322.167-.405.358-.524 2.147-1.348 4.293-2.696 6.452-4.043.537-.334 1.073-.68 1.61-1.014.155-.095.346-.322.513-.107.155.214-.096.346-.239.465-1.932 1.741-3.828 3.518-5.808 5.188-.882.739-1.347 1.538-1.335 2.67 0 .442-.096.883-.143 1.325-.036.023-.072.023-.108.023Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h30v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#promo-contacts .block-contacts__card-soc-item.max {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3ClinearGradient id='max-b'%3E%3Cstop offset='0' stop-color='%2300f'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='max-a'%3E%3Cstop offset='0' stop-color='%234cf'/%3E%3Cstop offset='.662' stop-color='%2353e'/%3E%3Cstop offset='1' stop-color='%2393d'/%3E%3C/linearGradient%3E%3ClinearGradient id='max-c' x1='117.847' x2='1000' y1='760.536' y2='500' gradientUnits='userSpaceOnUse' href='%23max-a'/%3E%3CradialGradient id='max-d' cx='-87.392' cy='1166.116' r='500' fx='-87.392' fy='1166.116' gradientTransform='rotate(51.356 1551.478 559.3)scale(2.42703433 1)' gradientUnits='userSpaceOnUse' href='%23max-b'/%3E%3C/defs%3E%3Crect width='1000' height='1000' fill='url(%23max-c)' ry='249.681'/%3E%3Crect width='1000' height='1000' fill='url(%23max-d)' ry='249.681'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M508.211 878.328c-75.007 0-109.864-10.95-170.453-54.75-38.325 49.275-159.686 87.783-164.979 21.9 0-49.456-10.95-91.248-23.36-136.873-14.782-56.21-31.572-118.807-31.572-209.508 0-216.626 177.754-379.597 388.357-379.597 210.785 0 375.947 171.001 375.947 381.604.707 207.346-166.595 376.118-373.94 377.224m3.103-571.585c-102.564-5.292-182.499 65.7-200.201 177.024-14.6 92.162 11.315 204.398 33.397 210.238 10.585 2.555 37.23-18.98 53.837-35.587a189.8 189.8 0 0 0 92.71 33.032c106.273 5.112 197.08-75.794 204.215-181.95 4.154-106.382-77.67-196.486-183.958-202.574Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
@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;
}