.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

:root {
  --1: #ea5501;
  --2: #3a3a3a;
  --3: #2a3338;
  --white: #fff;
  --white-text: #fff;
  --grey-background: #e1e6e9;
  --color: #888;
  --color-2: #e1e6e9;
  --white-inversion-night: #090e11;
  --grey-inversion-night: #2a3338;
  --dark-background: #121c22;
  --white-full: #fff;
}

*[class*="--mt-5"] {
  margin-top: 5px;
}

*[class*="--mt-10"] {
  margin-top: 10px;
}

*[class*="--mt-20"] {
  margin-top: 20px;
}

body.no-scroll {
  overflow-y: hidden;
}

button {
  cursor: pointer;
}

.mobile_bottom_menu {
  z-index: 100;
}

.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.inside {
  margin: 0 auto;
  padding: 0 20px;
  width: 1220px;
  max-width: 100%;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 620px) {
  .inside {
    padding: 0 15px;
  }
}

.section {
  padding: 100px 0;
}
.section--bg2 {
  background: var(--grey-background);
}
.section--type2 {
  padding: 50px 0;
}
@media screen and (max-width: 620px) {
  .section--type2 {
    padding: 30px 0;
  }
}
@media screen and (max-width: 1080px) {
  .section {
    padding: 50px 0;
  }
}
@media screen and (max-width: 620px) {
  .section {
    padding: 30px 0;
  }
}

.mob {
  display: none !important;
}

.price-categories {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
@media screen and (max-width: 1080px) {
  .price-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 620px) {
  .price-categories {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.price-categories-item:hover .price-categories-item__info {
  background: #121c22;
}
.price-categories-item:hover .price-categories-item__title {
  color: var(--1);
}
.price-categories-item:hover .price-categories-item__text {
  color: var(--white);
}
.price-categories-item:hover .price-categories-item__more {
  border-color: var(--color-2);
  color: var(--white);
}
.price-categories-item__photo {
  width: 100%;
  height: 280px;
}
@media screen and (max-width: 1080px) {
  .price-categories-item__photo {
    height: 348px;
  }
}
@media screen and (max-width: 620px) {
  .price-categories-item__photo {
    height: 330px;
  }
}
.price-categories-item__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.price-categories-item__info {
  padding: 22px 20px;
  height: calc(100% - 280px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  transition: 0.3s;
}
@media screen and (max-width: 1080px) {
  .price-categories-item__info {
    height: calc(100% - 348px);
  }
}
@media screen and (max-width: 620px) {
  .price-categories-item__info {
    height: calc(100% - 330px);
  }
}
.price-categories-item__title {
  margin-bottom: 18px;
  height: 75px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  transition: 0.3s;
}
@media screen and (max-width: 1080px) {
  .price-categories-item__title {
    height: 50px;
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 620px) {
  .price-categories-item__title {
    height: auto;
  }
}
.price-categories-item__text {
  font-size: 14px;
  line-height: 120%;
  color: var(--dark-background);
  transition: 0.3s;
}
.price-categories-item__more {
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-align: left;
  color: var(--dark-background);
  border-top: 1px solid var(--color-2);
  transition: 0.3s;
}
.price-categories-item__more:hover .price-categories-item__more-icon {
  background: var(--1);
}
.price-categories-item__more:hover .price-categories-item__more-icon svg path {
  fill: var(--white);
}
.price-categories-item__more-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
  background: var(--color-2);
  transition: 0.3s;
}
.price-categories-item__more-icon svg path {
  transition: 0.3s;
}

.my-bg {
  background-image: url(../img/price/price-header-bg.png) !important;
}

.price-list-info {
  margin-bottom: 40px;
  padding-left: 10px;
  text-align: left;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
  border-left: 2px solid var(--1);
}
@media screen and (max-width: 1080px) {
  .price-list-info {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 620px) {
  .price-list-info {
    font-size: 16px;
  }
}
.price-list-info span {
  font-weight: 700;
}

.price-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 1080px) {
  .price-list {
    gap: 20px;
  }
}

.table-title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 30px;
  line-height: 140%;
  color: var(--dark-background);
  text-align: left;
}
@media screen and (max-width: 620px) {
  .table-title {
    margin-bottom: 18px;
    font-size: 22px;
    line-height: 1;
  }
}

.table-text {
  padding: 8px 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--dark-background);
}

.table {
  text-align: left;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--dark-background);
}
@media screen and (max-width: 620px) {
  .table {
    font-size: 12px;
    line-height: 1.3;
  }
}
.table--price-list .tr {
  grid-template-columns: minmax(0, 0.36fr) minmax(0, 8.44fr) minmax(0, 2.01fr) minmax(0, 0.96fr);
}
@media screen and (max-width: 1080px) {
  .table--price-list .tr {
    grid-template-columns: minmax(0, 0.35fr) minmax(0, 4.18fr) minmax(0, 1.51fr) minmax(0, 0.98fr);
  }
}
@media screen and (max-width: 620px) {
  .table--price-list .tr {
    grid-template-columns: minmax(0, 0.36fr) minmax(0, 1.24fr) minmax(0, 1.01fr) minmax(0, 0.67fr);
  }
}

.table-header .tr {
  border-radius: 6px 6px 0 0;
  font-weight: 700;
}

.table-body .tr:last-child {
  border-radius: 0 0 6px 6px;
  border-bottom: 1px solid #d9d9d9;
}

.tr {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #d9d9d9;
  border-bottom: none;
}

.td {
  padding: 8px 10px;
  border-right: 1px solid #d9d9d9;
}
.td:last-child {
  border: none;
}

.price-list-warning {
  margin-top: 50px;
  padding: 20px 15px;
  text-align: left;
  font-size: 14px;
  line-height: 120%;
  color: var(--dark-background);
  border-left: 5px solid var(--1);
  background: var(--color-2);
}
@media screen and (max-width: 1080px) {
  .price-list-warning {
    margin-top: 30px;
  }
}
.price-list-warning span {
  font-weight: 700;
}

.form-section {
  background: var(--color-2);
}

.title_h2--left {
  text-align: left;
}
.title_h2--type2 {
  line-height: 1;
}
.title_h2--white {
  color: white;
}
.title_h2--white span {
  color: white;
}

.advantages {
  margin-top: 38px;
  padding-right: 50px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
}
@media screen and (max-width: 1080px) {
  .advantages {
    padding-right: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media screen and (max-width: 620px) {
  .advantages {
    margin-top: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

.advantages-item {
  padding: 15px;
  text-align: left;
  border-radius: 10px;
  background: #f9f9f9;
}
@media screen and (max-width: 620px) {
  .advantages-item {
    padding: 11px;
  }
}
.advantages-item__icon {
  margin-bottom: 8px;
}
.advantages-item__text {
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #252525;
}
@media screen and (max-width: 620px) {
  .advantages-item__text {
    font-size: 12px;
    line-height: 115%;
  }
}

.work-with-section {
  background: var(--color-2);
}

.work-with {
  margin-top: 38px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 50px;
}
@media screen and (max-width: 1080px) {
  .work-with {
    margin-bottom: 20px;
    gap: 20px;
  }
}
@media screen and (max-width: 620px) {
  .work-with {
    margin-top: 22px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
}

.work-with-item {
  padding: 20px 30px;
  text-align: left;
  background: var(--white);
}
@media screen and (max-width: 1080px) {
  .work-with-item {
    padding: 20px 15px;
  }
}
.work-with-item__title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
  border-bottom: 1px solid var(--color-2);
}
@media screen and (max-width: 620px) {
  .work-with-item__title {
    gap: 16px;
  }
}
.work-with-item__title svg {
  min-width: 50px;
}
.work-with-item__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media screen and (max-width: 1080px) {
  .work-with-item__list {
    gap: 15px;
  }
}
.work-with-item__list-item {
  position: relative;
  padding-left: 35px;
  font-size: 14px;
  line-height: 140%;
  color: var(--dark-background);
}
.work-with-item__list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0499 0.386719L5.89771 7.94959L2.45006 4.27038L0.169434 6.40747L5.73925 12.3514L16.1694 2.68422L14.0499 0.386719Z' fill='%23EA5501' /%3E%3C/svg%3E") no-repeat center;
  background-color: var(--color-2);
}

.reviews {
  margin-top: 38px;
}
.reviews img {
  max-width: 100%;
}

.project-team-section {
  background: var(--color-2);
}

.project-team {
  margin-top: 88px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
}
@media screen and (max-width: 1080px) {
  .project-team {
    margin-top: 38px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 620px) {
  .project-team {
    margin-top: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
}

.project-team-item {
  padding-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 30px;
  text-align: left;
  border-bottom: 1px solid var(--1);
}
@media screen and (max-width: 620px) {
  .project-team-item {
    padding-bottom: 4px;
    gap: 10px;
  }
}
.project-team-item__icon {
  min-width: 50px;
}
.project-team-item__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
}
@media screen and (max-width: 620px) {
  .project-team-item__title {
    padding-bottom: 4px;
    font-size: 16px;
  }
}

.pagination-wrap {
  margin: 50px auto;
  display: flex;
  justify-content: center;
}

.pagination {
  display: flex;
  justify-content: center;
  border: 1px solid #f5f5f5;
}
.pagination__item {
  cursor: pointer;
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 137%;
  color: #000;
  transition: 0.3s;
}
.pagination__item::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  right: 0;
  top: 50%;
  background: #f5f5f5;
  transform: translateY(-50%);
}
.pagination__item:last-child::before {
  display: none;
}
.pagination__item.active, .pagination__item:hover {
  color: var(--1);
}
.pagination__item.active svg path, .pagination__item:hover svg path {
  fill: var(--1);
}
.pagination__item svg path {
  transition: 0.3s;
}

.contacts-section {
  padding: 50px 0;
  background: url(../img/contacts/contacts-bg.png) no-repeat top center;
}
@media screen and (max-width: 1080px) {
  .contacts-section {
    padding-top: 30px;
  }
}
@media screen and (max-width: 620px) {
  .contacts-section {
    padding-bottom: 30px;
  }
}

.contacts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 50px;
}
@media screen and (max-width: 1080px) {
  .contacts {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media screen and (max-width: 620px) {
  .contacts {
    gap: 72px;
  }
}

.contacts-info {
  padding-top: 20px;
}
.contacts-info__list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px 30px;
}
@media screen and (max-width: 1080px) {
  .contacts-info__list {
    gap: 18px 30px;
  }
}
@media screen and (max-width: 620px) {
  .contacts-info__list {
    margin-top: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
}
.contacts-info__item {
  text-align: left;
  color: var(--dark-background);
  line-height: 140%;
}
.contacts-info__item-title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
}
.contacts-info__item-text {
  font-size: 14px;
}

.link {
  color: var(--1);
}
.link:hover {
  text-decoration: underline;
}

.soc {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.soc__item {
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--1);
  border-right: none;
  transition: 0.3s;
}
.soc__item:hover {
  background: var(--1);
}
.soc__item:last-child {
  border-right: 1px solid var(--1);
}
.soc__item svg {
  width: 20px;
  height: 20px;
}

.contacts-form {
  padding: 20px;
  text-align: left;
  background: var(--dark-background);
}
@media screen and (max-width: 620px) {
  .contacts-form {
    padding: 15px;
  }
}
.contacts-form__text {
  margin-top: 10px;
  margin-bottom: 18px;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: var(--white-full);
}
@media screen and (max-width: 1080px) {
  .contacts-form__text {
    margin-top: 16px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 620px) {
  .contacts-form__text {
    margin-bottom: 18px;
  }
}
.contacts-form__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contacts-form__right {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 620px) {
  .contacts-form__right .button {
    width: 100%;
  }
}

.input-line {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
@media screen and (max-width: 620px) {
  .input-line {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.input {
  position: relative;
  width: 100%;
  height: 56px;
}
.input--textarea {
  height: auto;
}
.input--textarea .input__item {
  padding: 8px 20px;
  min-height: 120px;
  resize: vertical;
}
.input__item {
  padding: 0 20px;
  width: 100%;
  height: 100%;
  font-family: "Montserrat", serif;
  font-size: 14px;
  line-height: 140%;
  color: var(--white-full);
  border: 1px solid var(--white-full);
  background: rgba(255, 255, 255, 0.2);
}
.input__item::-moz-placeholder {
  color: var(--white-full);
}
.input__item::placeholder {
  color: var(--white-full);
}
.input--type2 {
  height: 36px;
}
@media screen and (max-width: 1080px) {
  .input--type2 {
    height: 60px;
  }
}
@media screen and (max-width: 620px) {
  .input--type2 {
    height: 36px;
  }
}
.input--type2 .input__item {
  padding-right: 10px;
  color: var(--dark-background);
  border: 1px solid var(--dark-background);
  background: none;
}
.input--type2 .input__item::-moz-placeholder {
  color: var(--color);
}
.input--type2 .input__item::placeholder {
  color: var(--color);
}
.input--style2 .input__item {
  color: var(--dark-background);
  border-color: var(--dark-background);
  background: none;
}
.input--style2 .input__item::-moz-placeholder {
  color: var(--dark-background);
}
.input--style2 .input__item::placeholder {
  color: var(--dark-background);
}

.button {
  cursor: pointer;
  padding: 20px 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: var(--1);
  background: var(--white-full);
  transition: 0.3s;
}
.button svg path {
  fill: var(--1);
}
.button:hover {
  color: var(--white);
  background: var(--1);
}
.button:hover svg path {
  fill: var(--white);
}
.button--type2 {
  color: var(--1);
  background: var(--color-2);
}

.contacts-map-section {
  padding-top: 50px;
  padding-bottom: 100px;
  background: #fcfcfc;
}
@media screen and (max-width: 1080px) {
  .contacts-map-section {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 620px) {
  .contacts-map-section {
    padding: 30px 0;
  }
}

.contacts-map-header {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
@media screen and (max-width: 620px) {
  .contacts-map-header {
    align-items: flex-start;
    flex-direction: column;
  }
}
.contacts-map-header__button {
  padding: 8px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: var(--dark-background);
  border: 1px solid var(--dark-background);
}

.contacts-map {
  height: 411px;
}
@media screen and (max-width: 1080px) {
  .contacts-map {
    height: 415px;
  }
}
@media screen and (max-width: 620px) {
  .contacts-map {
    height: 330px;
  }
}
.contacts-map iframe {
  width: 100%;
  height: 100%;
}

.top-block-text {
  margin-top: 20px;
  margin-bottom: 78px;
  width: 590px;
  max-width: 100%;
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  color: var(--white-full);
}

.btn_transparent_arrow_white--type2 {
  padding: 16px 20px;
  display: inline-flex;
  font-size: 16px;
  text-transform: uppercase;
}

.btn_transparent_arrow_white--color2 {
  color: var(--dark-background);
  border-color: var(--dark-background);
}

.service-calculator-section {
  background: var(--color-2);
}

.service-calculator-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 50px;
}
@media screen and (max-width: 1080px) {
  .service-calculator-wrap {
    display: block;
  }
}

.service-calculator-block-text {
  margin-bottom: 30px;
  font-size: 16px;
  color: var(--dark-background);
  text-align: left;
}

.service-calculator-block .title_h2 h2 {
  line-height: 1.3;
}

.service-calculator-info__photo {
  position: relative;
  height: 336px;
}
@media screen and (max-width: 1080px) {
  .service-calculator-info__photo {
    height: 419px;
  }
}
@media screen and (max-width: 620px) {
  .service-calculator-info__photo {
    height: 196px;
  }
}
.service-calculator-info__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-calculator-info__photo-status {
  padding: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: var(--white);
  background: var(--dark-background);
}
.service-calculator-info__photo-status span {
  min-width: 10px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #009245;
  box-shadow: 0 0 4px 0 #009245;
}
.service-calculator-info__info {
  padding: 20px;
  text-align: left;
  color: var(--dark-background);
  background: var(--white);
}
@media screen and (max-width: 1080px) {
  .service-calculator-info__info {
    padding: 28px 30px;
  }
}
@media screen and (max-width: 620px) {
  .service-calculator-info__info {
    padding: 28px 16px;
  }
}
.service-calculator-info__title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
}
@media screen and (max-width: 1080px) {
  .service-calculator-info__title {
    display: none;
  }
}
.service-calculator-info__title span {
  margin-top: -2px;
  display: block;
  font-size: 14px;
}
.service-calculator-info__text {
  font-size: 14px;
  line-height: 110%;
}
@media screen and (max-width: 1080px) {
  .service-calculator-info__text {
    display: none;
  }
}
@media screen and (max-width: 1080px) {
  .service-calculator-info__toggler-line {
    margin-bottom: 30px;
    display: block !important;
    height: 2px;
    background: var(--dark-background);
  }
}
@media screen and (max-width: 1080px) {
  .service-calculator-info__toggler {
    display: block !important;
  }
}
@media screen and (max-width: 1080px) {
  .service-calculator-info__toggler .button {
    width: 100%;
  }
}

.service-calculator {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  text-align: left;
  background: var(--white);
  transition: 0.3s;
}
@media screen and (max-width: 1080px) {
  .service-calculator {
    padding: 30px 20px;
    position: fixed;
    top: 0;
    right: -100dvw;
    width: 100dvw;
    height: 100dvh;
    z-index: 1000;
    overflow-y: auto;
  }
  .service-calculator.active {
    right: 0;
  }
}
@media screen and (max-width: 740px) {
  .service-calculator {
    height: calc(100dvh - 70px);
  }
}
@media screen and (max-width: 620px) {
  .service-calculator {
    padding: 30px 15px;
  }
}
.service-calculator__header {
  margin-bottom: 36px;
  display: none;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  font-weight: 700;
  font-size: 36px;
  color: var(--dark-background);
}
@media screen and (max-width: 1080px) {
  .service-calculator__header {
    display: flex;
  }
}
@media screen and (max-width: 620px) {
  .service-calculator__header {
    margin-bottom: 26px;
    font-size: 24px;
  }
}
.service-calculator__header svg {
  display: block;
}
.service-calculator__progres {
  margin-bottom: 28px;
  padding-bottom: 30px;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 1080px) {
  .service-calculator__progres {
    margin-bottom: 18px;
    padding-bottom: 20px;
  }
}
.service-calculator__progres-info {
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 132%;
  color: #28303b;
}
.service-calculator__progres-title {
  font-weight: 700;
  color: var(--dark-background);
}
.service-calculator__progres-counter {
  color: var(--dark-background);
}
.service-calculator__progres-counter span {
  color: var(--1);
}
.service-calculator__progres-line {
  display: flex;
  gap: 10px;
}
.service-calculator__progres-item {
  width: 100%;
  height: 8px;
  border-radius: 50px;
  background: var(--color-2);
}
.service-calculator__step {
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.service-calculator__step.active {
  display: flex;
}
.service-calculator__big-title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 36px;
  color: var(--dark-background);
}
@media screen and (max-width: 1080px) {
  .service-calculator__big-title {
    margin-bottom: 8px;
    line-height: 1;
  }
}
@media screen and (max-width: 620px) {
  .service-calculator__big-title {
    font-size: 24px;
  }
}
.service-calculator__title {
  position: relative;
  padding-left: 35px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
}
@media screen and (max-width: 620px) {
  .service-calculator__title {
    font-size: 16px;
  }
}
.service-calculator__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0499 0.386719L5.89771 7.94959L2.45006 4.27038L0.169434 6.40747L5.73925 12.3514L16.1694 2.68422L14.0499 0.386719Z' fill='%23EA5501' /%3E%3C/svg%3E") no-repeat center;
  background-color: var(--color-2);
  transform: translateY(-50%);
}
.service-calculator__title--type2 {
  font-weight: 400;
}
.service-calculator__title--type2::before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4994 1.04004C10.2331 1.04004 8.01776 1.71206 6.13345 2.97112C4.24913 4.23017 2.78049 6.01972 1.91323 8.11346C1.04598 10.2072 0.819067 12.5111 1.26119 14.7338C1.70331 16.9565 2.79461 18.9982 4.39709 20.6006C5.99957 22.2031 8.04125 23.2944 10.2639 23.7365C12.4866 24.1787 14.7905 23.9517 16.8843 23.0845C18.978 22.2172 20.7676 20.7486 22.0266 18.8643C23.2857 16.98 23.9577 14.7646 23.9577 12.4984C23.9541 9.46053 22.7457 6.54814 20.5977 4.40007C18.4496 2.25199 15.5372 1.04362 12.4994 1.04004ZM16.3608 16.3598C16.1655 16.5551 15.9006 16.6648 15.6244 16.6648C15.3481 16.6648 15.0832 16.5551 14.8879 16.3598L11.7629 13.2348C11.5675 13.0395 11.4577 12.7746 11.4577 12.4984V6.24837C11.4577 5.97211 11.5674 5.70715 11.7628 5.5118C11.9581 5.31645 12.2231 5.20671 12.4994 5.20671C12.7756 5.20671 13.0406 5.31645 13.2359 5.5118C13.4313 5.70715 13.541 5.97211 13.541 6.24837V12.0671L16.3608 14.8869C16.5561 15.0823 16.6658 15.3472 16.6658 15.6234C16.6658 15.8996 16.5561 16.1645 16.3608 16.3598Z' fill='%23121C22' /%3E%3C/svg%3E");
}
.service-calculator__title--type3 {
  font-weight: 400;
}
.service-calculator__title--type3::before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.17578 25H19.8242C21.0358 25 22.0215 24.0144 22.0215 22.8027V7.32422H16.8945C15.6829 7.32422 14.6973 6.33857 14.6973 5.12695V0H5.17578C3.96416 0 2.97852 0.985645 2.97852 2.19727V22.8027C2.97852 24.0144 3.96416 25 5.17578 25ZM8.10547 10.3027H16.8945C17.2994 10.3027 17.627 10.6303 17.627 11.0352C17.627 11.44 17.2994 11.7676 16.8945 11.7676H8.10547C7.70063 11.7676 7.37305 11.44 7.37305 11.0352C7.37305 10.6303 7.70063 10.3027 8.10547 10.3027ZM8.10547 13.2324H16.8945C17.2994 13.2324 17.627 13.56 17.627 13.9648C17.627 14.3697 17.2994 14.6973 16.8945 14.6973H8.10547C7.70063 14.6973 7.37305 14.3697 7.37305 13.9648C7.37305 13.56 7.70063 13.2324 8.10547 13.2324ZM8.10547 16.1621H16.8945C17.2994 16.1621 17.627 16.4897 17.627 16.8945C17.627 17.2994 17.2994 17.627 16.8945 17.627H8.10547C7.70063 17.627 7.37305 17.2994 7.37305 16.8945C7.37305 16.4897 7.70063 16.1621 8.10547 16.1621ZM8.10547 19.0918H13.9648C14.3697 19.0918 14.6973 19.4194 14.6973 19.8242C14.6973 20.2291 14.3697 20.5566 13.9648 20.5566H8.10547C7.70063 20.5566 7.37305 20.2291 7.37305 19.8242C7.37305 19.4194 7.70063 19.0918 8.10547 19.0918Z' fill='%23EA5501' /%3E%3Cpath d='M16.8945 5.85942H21.5923L16.1621 0.429199V5.127C16.1621 5.5311 16.4904 5.85942 16.8945 5.85942Z' fill='%23EA5501' /%3E%3C/svg%3E");
}
.service-calculator__title--type4 {
  font-weight: 400;
}
.service-calculator__title--type4::before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_671_3837)'%3E%3Cpath d='M20.8014 9.76255H14.7159L19.4884 1.0854C19.7568 0.597266 19.4036 0 18.8466 0H10.0581C9.90707 1.46113e-06 9.75971 0.0467119 9.63623 0.133732C9.51275 0.220751 9.4192 0.343823 9.36839 0.486084L4.48665 14.1549C4.31629 14.6319 4.6699 15.1336 5.1764 15.1336H12.0972L10.3173 24.1222C10.1638 24.897 11.1763 25.3324 11.6332 24.6882L21.3988 10.9187C21.7428 10.4336 21.396 9.76255 20.8014 9.76255Z' fill='%23121C22' /%3E%3Cpath d='M8.19687 23.4233C8.59355 23.5026 8.97939 23.2454 9.05873 22.8487L10.1329 17.4776C10.2122 17.081 9.95493 16.6951 9.5583 16.6158C9.16166 16.5365 8.77578 16.7937 8.69643 17.1903L7.62231 22.5615C7.54296 22.9581 7.80019 23.3439 8.19687 23.4233ZM1.99995 14.5864C2.3809 14.7224 2.79999 14.5239 2.93603 14.143L6.07495 5.35391C6.21098 4.97295 6.01249 4.55386 5.63154 4.41782C5.25058 4.28179 4.83149 4.48027 4.69545 4.86123L1.55654 13.6503C1.4205 14.0313 1.61899 14.4503 1.99995 14.5864ZM21.5494 0.379589L18.8638 5.2624C18.6689 5.61685 18.7982 6.06216 19.1526 6.25713C19.507 6.45205 19.9524 6.3228 20.1473 5.96836L22.8329 1.08555C23.0278 0.731103 22.8985 0.28579 22.5441 0.0908198C22.1897 -0.104151 21.7443 0.0251459 21.5494 0.379589ZM14.2152 24.8674C14.5466 25.0995 15.0033 25.019 15.2353 24.6876L18.7231 19.7071C18.9552 19.3758 18.8747 18.9191 18.5434 18.6871L18.5433 18.687C18.212 18.455 17.7553 18.5355 17.5232 18.8668L14.0354 23.8473C13.8034 24.1787 13.8839 24.6354 14.2152 24.8674ZM22.1579 12.3784L20.414 14.8198C20.1789 15.149 20.2551 15.6064 20.5842 15.8415H20.5843C20.9134 16.0766 21.3708 16.0004 21.606 15.6712L23.3498 13.2298C23.585 12.9006 23.5087 12.4432 23.1796 12.2081C22.8504 11.9729 22.393 12.0492 22.1579 12.3784Z' fill='%23121C22' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_671_3837'%3E%3Crect width='25' height='25' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.service-calculator__text {
  font-size: 16px;
  color: var(--dark-background);
}
.service-calculator__line {
  width: 100%;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 1080px) {
  .service-calculator__line {
    display: flex;
    flex-direction: column;
  }
}
.service-calculator__line--line {
  flex-direction: row;
}
.service-calculator__line .input-wrap {
  width: 183px;
}
@media screen and (max-width: 1080px) {
  .service-calculator__line .input-wrap {
    width: 203px;
  }
}
@media screen and (max-width: 620px) {
  .service-calculator__line .input-wrap {
    width: 183px;
  }
}
.service-calculator__line .input-wrap--w100 {
  width: 100%;
}
.service-calculator__bottom {
  display: flex;
  justify-content: space-between;
}
.service-calculator__bottom-thanks-title {
  width: 100%;
  font-size: 18px;
  color: #000;
}
@media screen and (max-width: 620px) {
  .service-calculator__bottom-thanks-title {
    font-size: 16px;
  }
}
.service-calculator__bottom-thanks-title strong {
  font-weight: 700;
}
@media screen and (max-width: 620px) {
  .service-calculator__bottom-thanks-title strong {
    display: block;
  }
}
.service-calculator__bottom-thanks {
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .service-calculator__bottom-thanks {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }
  .service-calculator__bottom-thanks.active {
    display: flex !important;
  }
  .service-calculator__bottom-thanks .service-calculator__step-button {
    margin: 0 !important;
  }
}
.service-calculator__step-button {
  cursor: pointer;
  padding: 10px 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 56px;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: center;
  color: var(--dark-background);
  transition: 0.3s;
}
@media screen and (max-width: 1080px) {
  .service-calculator__step-button:first-child {
    font-size: 0;
    gap: 0;
  }
  .service-calculator__step-button:first-child svg {
    margin-right: -10px;
  }
}
.service-calculator__step-button:last-child {
  margin-left: auto;
}
.service-calculator__step-button:hover {
  color: var(--1);
}
.service-calculator__step-button:hover svg path {
  fill: var(--1);
}
.service-calculator__step-button svg path {
  fill: var(--dark-background);
  transition: 0.3s;
}

.calculator-button {
  padding: 8px 10px;
  min-width: 100px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  color: var(--2);
  border: 1px solid var(--dark-background);
  background: none;
  transition: 0.3s;
}
@media screen and (max-width: 1080px) {
  .calculator-button {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 620px) {
  .calculator-button {
    padding: 8px 10px;
  }
}
.calculator-button.active, .calculator-button:hover {
  color: var(--white);
  background: var(--dark-background);
}

.service-calculator-option {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
@media screen and (max-width: 1080px) {
  .service-calculator-option {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.service-calculator-option--type2 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.service-calculator-option--type2 .service-calculator-option__photo {
  height: 168px;
}
@media screen and (max-width: 1080px) {
  .service-calculator-option--type2 .service-calculator-option__photo {
    height: 80px;
  }
}
@media screen and (max-width: 620px) {
  .service-calculator-option--type2 .service-calculator-option__photo {
    height: 37px;
  }
}
.service-calculator-option--type2 .service-calculator-option__title {
  height: calc(100% - 168px);
}
@media screen and (max-width: 1080px) {
  .service-calculator-option--type2 .service-calculator-option__title {
    height: auto;
  }
}
.service-calculator-option * {
  display: block;
}
.service-calculator-option input:checked ~ .service-calculator-option__block {
  border-color: var(--dark-background);
}
.service-calculator-option input:checked ~ .service-calculator-option__block .service-calculator-option__title {
  font-weight: 700;
  color: var(--white);
  background: var(--dark-background);
}
.service-calculator-option__block {
  cursor: pointer;
  height: 100%;
  text-align: left;
  border: 1px solid transparent;
  transition: 0.3s;
}
@media screen and (max-width: 1080px) {
  .service-calculator-option__block {
    display: flex;
  }
}
.service-calculator-option__block:hover {
  border-color: var(--dark-background);
}
.service-calculator-option__block:hover .service-calculator-option__title {
  font-weight: 700;
  color: var(--white);
  background: var(--dark-background);
}
.service-calculator-option__photo {
  width: 100%;
  height: 118px;
}
@media screen and (max-width: 1080px) {
  .service-calculator-option__photo {
    min-width: 80px;
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 620px) {
  .service-calculator-option__photo {
    min-width: 37px;
    width: 37px;
    height: 37px;
  }
}
.service-calculator-option__photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-calculator-option__title {
  padding: 10px;
  min-height: 54px;
  height: calc(100% - 118px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  line-height: 140%;
  color: var(--dark-background);
  transition: 0.3s;
}
@media screen and (max-width: 1080px) {
  .service-calculator-option__title {
    width: 100%;
    min-height: auto;
    height: auto;
    font-size: 16px;
  }
}
@media screen and (max-width: 620px) {
  .service-calculator-option__title {
    font-size: 12px;
  }
}
.service-calculator-option__title--center {
  text-align: center;
}
@media screen and (max-width: 1080px) {
  .service-calculator-option__title--center {
    text-align: left;
  }
}

.service-calculator-option-buttons {
  width: 100%;
}
.service-calculator-option-buttons * {
  display: block;
}
.service-calculator-option-buttons__title {
  margin-bottom: 10px;
  font-size: 16px;
  text-align: center;
  color: var(--dark-background);
}
.service-calculator-option-buttons__line {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 1080px) {
  .service-calculator-option-buttons__line {
    flex-direction: column;
  }
}
.service-calculator-option-buttons__button {
  width: 100%;
  text-align: center;
}
.service-calculator-option-buttons__button input:checked ~ .service-calculator-option-buttons__button-box {
  color: var(--white);
  background: var(--dark-background);
}
.service-calculator-option-buttons__button-box {
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  text-align: center;
  color: var(--dark-background);
  background: var(--color-2);
  transition: 0.3s;
}
@media screen and (max-width: 1080px) {
  .service-calculator-option-buttons__button-box {
    padding: 30px 8px;
    font-size: 16px;
  }
}
@media screen and (max-width: 620px) {
  .service-calculator-option-buttons__button-box {
    padding: 8px;
    font-size: 12px;
  }
}
.service-calculator-option-buttons__button-box:hover {
  color: var(--white);
  background: var(--dark-background);
}

.service-info-nav {
  margin-top: 50px;
  margin-bottom: 42px;
  padding: 20px;
  background: var(--color-2);
}
@media screen and (max-width: 620px) {
  .service-info-nav {
    margin-top: 32px;
  }
}
.service-info-nav.active .service-info-nav__header svg {
  transform: rotate(0deg);
}
.service-info-nav.active .service-info-nav__body {
  display: flex;
}
.service-info-nav__header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
}
.service-info-nav__header svg {
  transform: rotate(180deg);
  transition: 0.3s;
}
.service-info-nav__body {
  margin-top: 20px;
  padding-top: 20px;
  display: none;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid var(--dark-background);
}
@media screen and (max-width: 620px) {
  .service-info-nav__body {
    gap: 12px;
  }
}
.service-info-nav__body-item {
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 140%;
  text-decoration: underline;
  color: var(--dark-background);
}
@media screen and (max-width: 620px) {
  .service-info-nav__body-item {
    line-height: 120%;
  }
}
.service-info-nav__body-item:hover {
  text-decoration: none;
}
.service-info-nav__body-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: var(--1);
}

.service-info {
  margin-top: 38px;
  text-align: left;
}
@media screen and (max-width: 620px) {
  .service-info {
    margin-top: 22px;
  }
}
.service-info__block {
  padding: 50px 0;
}
@media screen and (max-width: 620px) {
  .service-info__block {
    padding: 30px 0;
  }
}
.service-info__block--bg {
  position: relative;
}
.service-info__block--bg::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: -50dvw;
  width: 200dvw;
  height: 100%;
  background: #fcfcfc;
}
.service-info__block-info {
  margin: 30px auto;
  padding: 20px 16px;
  font-size: 14px;
  line-height: 1.2;
  color: var(--dark-background);
  border-left: 5px solid var(--1);
  background: var(--color-2);
}
@media screen and (max-width: 620px) {
  .service-info__block-info {
    margin: 22px auto;
  }
}
.service-info__block-info strong {
  font-weight: 700;
}
.service-info__block-title {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 30px;
  line-height: 140%;
  color: var(--dark-background);
}
@media screen and (max-width: 620px) {
  .service-info__block-title {
    font-size: 22px;
  }
}
.service-info__block-list {
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.service-info__block-list li {
  padding-left: 35px;
  position: relative;
  font-size: 14px;
  line-height: 140%;
  color: var(--dark-background);
}
.service-info__block-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0499 0.386719L5.89771 7.94959L2.45006 4.27038L0.169434 6.40747L5.73925 12.3514L16.1694 2.68422L14.0499 0.386719Z' fill='%23EA5501' /%3E%3C/svg%3E") no-repeat center;
  background-color: var(--color-2);
}
.service-info__block-text {
  font-size: 14px;
  line-height: 140%;
  color: var(--dark-background);
}
.service-info__block-text p + p {
  margin-top: 10px;
}
.service-info__block-text strong {
  font-weight: 700;
}
.service-info__block-line {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 50px;
}
@media screen and (max-width: 1080px) {
  .service-info__block-line {
    display: flex;
    flex-direction: column;
  }
}
.service-info__block-line--type2 .service-info__block-line-item:first-child {
  order: 2;
}
@media screen and (max-width: 1080px) {
  .service-info__block-line--type2 .service-info__block-line-item:first-child {
    order: 1;
  }
}
.service-info__block-line--type2 .service-info__block-line-item:last-child {
  order: 1;
}
@media screen and (max-width: 1080px) {
  .service-info__block-line--type2 .service-info__block-line-item:last-child {
    order: 2;
  }
}
.service-info__block-line-item > * {
  margin-bottom: 0;
}
.service-info__block-line-item:first-child {
  margin-top: -10px;
}
@media screen and (max-width: 1080px) {
  .service-info__block-line-item:first-child {
    margin-top: 0;
  }
}
.service-info__block-line-item-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.popular-queries-list {
  margin: 40px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}
@media screen and (max-width: 620px) {
  .popular-queries-list {
    margin: 24px auto;
    gap: 10px;
  }
}
.popular-queries-list .btn_transparent_arrow_white {
  margin-right: 52px;
  text-transform: none;
}
@media screen and (max-width: 1080px) {
  .popular-queries-list .btn_transparent_arrow_white {
    font-size: 14px;
  }
}
@media screen and (max-width: 620px) {
  .popular-queries-list .btn_transparent_arrow_white {
    padding: 7px 9px;
    font-size: 12px;
    text-align: left;
  }
  .popular-queries-list .btn_transparent_arrow_white::before {
    width: 32px;
    right: -32px;
  }
}

.error-section {
  background: url(../img/error-bg.png) no-repeat center 0;
}
@media screen and (max-width: 1080px) {
  .error-section {
    background-position: center top 30%;
  }
}

.error-block {
  margin: 0 auto;
  min-height: 80dvh;
  width: 810px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--dark-background);
}
.error-block__title {
  margin-bottom: 20px;
  font-weight: 900;
  font-size: 48px;
  line-height: 100%;
  text-transform: uppercase;
}
@media screen and (max-width: 620px) {
  .error-block__title {
    font-size: 30px;
  }
}
.error-block__text {
  margin-bottom: 20px;
  font-size: 18px;
}

.thank-you-section {
  padding: 50px 0;
}
@media screen and (max-width: 620px) {
  .thank-you-section {
    padding: 30px 0;
  }
}

.thank-you {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.thank-you__icon {
  margin-bottom: 16px;
}
.thank-you__title {
  margin-bottom: 20px;
  font-weight: 900;
  font-size: 48px;
  line-height: 100%;
  text-transform: uppercase;
}
@media screen and (max-width: 620px) {
  .thank-you__title {
    font-size: 30px;
  }
}
.thank-you__text {
  margin-bottom: 20px;
  font-size: 18px;
}
.thank-you__soc-wrap {
  margin-top: 40px;
}
.thank-you__soc-title {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
}
.thank-you__soc {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.thank-you__soc-item {
  width: 30px;
}
.thank-you__soc-item:hover svg path,
.thank-you__soc-item:hover svg rect {
  fill: var(--1);
}
.thank-you__soc-item svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.thank-you__soc-item svg path,
.thank-you__soc-item svg rect {
  transition: 0.3s;
}

.close-all {
  position: fixed;
  right: 0;
  top: 45px;
  width: 100dvw;
  height: calc(100dvh - 45px);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  background: var(--dark-background);
  opacity: 0;
  z-index: -10;
  visibility: hidden;
  transition: 0.3;
}
.close-all.active {
  opacity: 0.5;
  z-index: 300;
  visibility: visible;
}
@media screen and (max-width: 620px) {
  .close-all {
    display: none;
  }
}

.call-back-popup {
  padding: 22px 15px;
  position: fixed;
  right: -360px;
  top: 45px;
  z-index: 500;
  width: 360px;
  height: calc(100dvh - 45px);
  line-height: 1;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  background: var(--white);
  transition: 0.3s;
}
@media screen and (max-width: 620px) {
  .call-back-popup {
    top: 110px;
    height: calc(100dvh - 180px);
  }
}
.call-back-popup.active {
  right: 0;
}
.call-back-popup__title {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  color: var(--dark-background);
}
@media screen and (max-width: 620px) {
  .call-back-popup__title {
    font-size: 24px;
  }
}
.call-back-popup__close {
  cursor: pointer;
}
.call-back-popup__text {
  font-size: 16px;
  color: var(--dark-background);
  line-height: 1.2;
}
.call-back-popup__form {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.call-back-popup__form .input-wrap {
  width: 100%;
}
.call-back-popup .btn_transparent_arrow_black {
  margin-left: -52px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  background: none;
}

.blog-section {
  padding: 50px 0;
}
@media screen and (max-width: 620px) {
  .blog-section {
    padding: 30px 0;
  }
}

.blog-header {
  margin-bottom: 100px;
  position: relative;
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 1080px) {
  .blog-header {
    gap: 20px;
  }
}
@media screen and (max-width: 620px) {
  .blog-header {
    margin-bottom: 60px;
    flex-wrap: wrap;
  }
}
.blog-header__photo {
  position: relative;
  min-width: 360px;
  width: 360px;
}
@media screen and (max-width: 1080px) {
  .blog-header__photo {
    min-width: auto;
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 620px) {
  .blog-header__photo {
    width: 100%;
    height: 330px;
  }
}
.blog-header__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-header__photo-date {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 56px;
}
.blog-header__photo-date p {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: var(--white);
  background: var(--1);
}
.blog-header__photo-date span {
  margin-top: 1px;
  padding: 1px 0;
  display: block;
  font-size: 12px;
  line-height: 140%;
  color: var(--white);
  background: var(--dark-background);
}
.blog-header__nav {
  padding: 20px;
  width: 100%;
  text-align: left;
  background: var(--color-2);
}
@media screen and (max-width: 1080px) {
  .blog-header__nav {
    min-width: auto;
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 620px) {
  .blog-header__nav {
    width: 100%;
  }
}
.blog-header__nav-title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
  border-bottom: 1px solid var(--dark-background);
}
.blog-header__nav-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 1080px) {
  .blog-header__nav-list {
    gap: 8px;
  }
}
.blog-header__nav-item {
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  line-height: 140%;
  text-decoration: underline;
  color: var(--dark-background);
  transition: 0.3s;
}
.blog-header__nav-item:hover {
  text-decoration: none;
}
.blog-header__nav-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: var(--1);
}

.blog {
  color: var(--dark-background);
  line-height: 100%;
  text-align: left;
}
.blog > * {
  margin-bottom: 30px;
}
.blog > *:last-child {
  margin-bottom: 0;
}
.blog h1 {
  font-weight: 900;
  font-size: 48px;
  line-height: 100%;
}
@media screen and (max-width: 620px) {
  .blog h1 {
    font-size: 26px;
  }
}
.blog h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 115%;
}
@media screen and (max-width: 620px) {
  .blog h2 {
    font-size: 24px;
  }
}
.blog h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 115%;
}
@media screen and (max-width: 620px) {
  .blog h3 {
    font-size: 22px;
  }
}
.blog h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
}
@media screen and (max-width: 620px) {
  .blog h4 {
    font-size: 20px;
  }
}
.blog h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
}
.blog h6 {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
}
.blog p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.blog a {
  text-decoration: underline;
  color: var(--dark-background);
  transition: 0.3s;
}
.blog a:hover {
  text-decoration: none;
}
.blog q,
.blog blockquote {
  padding: 20px;
  display: block;
  font-size: 14px;
  line-height: 120%;
  border-left: 5px solid var(--1);
  background: var(--color-2);
}
.blog table {
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--dark-background);
  border-collapse: collapse;
}
.blog table td,
.blog table th {
  padding: 10px;
  border: 1px solid var(--color-2);
}
.blog table th {
  font-weight: 700;
}
.blog ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.blog ul li {
  padding-left: 35px;
  position: relative;
  font-size: 14px;
  line-height: 140%;
  color: var(--dark-background);
}
.blog ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0499 0.386719L5.89771 7.94959L2.45006 4.27038L0.169434 6.40747L5.73925 12.3514L16.1694 2.68422L14.0499 0.386719Z' fill='%23EA5501' /%3E%3C/svg%3E") no-repeat center;
  background-color: var(--color-2);
}
.blog ol {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.blog ol li {
  padding-left: 15px;
  position: relative;
  font-size: 14px;
  line-height: 140%;
  color: var(--dark-background);
}
.blog ol li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--1);
}
.blog hr {
  margin: 20px auto;
  width: 100%;
  height: 1px;
  display: block;
  background: var(--dark-background);
}
.blog img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid var(--color-2);
  border-radius: 20px;
}

.link-back {
  margin-top: 100px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: var(--1);
  text-decoration: underline;
}
@media screen and (max-width: 620px) {
  .link-back {
    margin-top: 60px;
  }
}
.link-back:hover {
  text-decoration: none;
}

.info-text-page {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 50px;
}
@media screen and (max-width: 1080px) {
  .info-text-page {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.info-text-page__nav {
  padding: 20px;
  width: 100%;
  text-align: left;
}
.info-text-page__nav-title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
  border-bottom: 1px solid var(--dark-background);
}
.info-text-page__nav-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 1080px) {
  .info-text-page__nav-list {
    gap: 8px;
  }
}
.info-text-page__nav-item {
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  line-height: 140%;
  text-decoration: underline;
  color: var(--1);
  transition: 0.3s;
}
.info-text-page__nav-item:hover {
  text-decoration: none;
}
.info-text-page__nav-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: var(--1);
}

.blog-list-filter {
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
}
@media screen and (max-width: 1080px) {
  .blog-list-filter {
    margin-bottom: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
  }
}
@media screen and (max-width: 620px) {
  .blog-list-filter {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
}

.select-title {
  margin-bottom: 10px;
  font-size: 16px;
  color: var(--dark-background);
  text-align: left;
}

.select {
  float: none;
  padding: 10px 20px;
  width: 100%;
  height: 36px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  border: 1px solid #f5f5f5;
  border-radius: 0;
  transition: 0.3s;
}
.select::after {
  margin-top: 0;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 6px;
  border: none;
  background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5.01562L0.669873 0.515625L9.33013 0.515625L5 5.01562Z' fill='%23EA5501' /%3E%3C/svg%3E") no-repeat center 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
.select.open::after {
  transform: translateY(-50%) rotate(180deg);
}
.select .list {
  width: 100%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #f5f5f5;
  border-radius: 0;
  background: #fff;
}
.select .option {
  transition: 0.3s;
}
.select .option:hover, .select .option.selected, .select .option.focus, .select .option.selected.focus {
  font-weight: 400;
  color: var(--white);
  background: var(--1);
}

.blog-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
}
@media screen and (max-width: 1080px) {
  .blog-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
  }
}
@media screen and (max-width: 620px) {
  .blog-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
}
.blog-list--more {
  margin-top: 50px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
}
@media screen and (max-width: 1080px) {
  .blog-list--more {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
}
@media screen and (max-width: 620px) {
  .blog-list--more {
    margin-top: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.blog-list--more .blog-list-item__photo {
  height: 272px;
}
@media screen and (max-width: 1080px) {
  .blog-list--more .blog-list-item__photo {
    height: 221px;
  }
}
@media screen and (max-width: 620px) {
  .blog-list--more .blog-list-item__photo {
    height: 160px;
  }
}
.blog-list--more .blog-list-item__title {
  height: 66px;
  font-size: 16px;
}
@media screen and (max-width: 620px) {
  .blog-list--more .blog-list-item__title {
    height: 56px;
    font-size: 14px;
    -webkit-line-clamp: 4;
  }
}

.blog-list-item {
  text-align: left;
}
.blog-list-item__photo {
  position: relative;
  margin-bottom: 10px;
  height: 360px;
}
@media screen and (max-width: 1080px) {
  .blog-list-item__photo {
    height: 342px;
  }
}
@media screen and (max-width: 620px) {
  .blog-list-item__photo {
    height: 330px;
  }
}
.blog-list-item__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-list-item__photo-date {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 56px;
  text-align: center;
}
.blog-list-item__photo-date p {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: var(--white);
  background: var(--1);
}
.blog-list-item__photo-date span {
  margin-top: 1px;
  padding: 1px 0;
  display: block;
  font-size: 12px;
  line-height: 140%;
  color: var(--white);
  background: var(--dark-background);
}
.blog-list-item__tag {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-size: 16px;
  color: var(--1);
}
.blog-list-item__title {
  margin-bottom: 10px;
  height: 75px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-background);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.blog-list-item__text {
  margin-bottom: 10px;
  font-size: 16px;
  color: var(--dark-background);
}
.blog-list-item__text a {
  display: inline-block;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--1);
}
.blog-list-item__more {
  display: inline-flex;
  gap: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  text-decoration: underline;
}
.blog-list-item__more:hover svg {
  transform: rotate(45deg);
}
.blog-list-item__more svg {
  transition: 0.3s;
}

.popup_block input {
  color: #121c22;
  border-color: #121c22;
}

.light-themes-button img,
.dark-themes-button img {
  filter: brightness(0);
}
.light-themes-button.active img,
.dark-themes-button.active img {
  filter: brightness(0) invert(1);
}

.header-logo-dark,
.header_burger-toggler-dark {
  display: none;
}

html.dark-themes {
  --white: #090e11;
  --dark-background: #fff;
  --grey-background: #2a3338;
  --color-2: #2a3338;
}
html.dark-themes .header-logo-light,
html.dark-themes .header_burger-toggler-light {
  display: none;
}
html.dark-themes .header-logo-dark,
html.dark-themes .header_burger-toggler-dark {
  display: block;
}
html.dark-themes .header_menu li.active {
  border-color: #fff;
}
html.dark-themes .header_nav a {
  color: #fff;
}
html.dark-themes .header_call_main a p,
html.dark-themes .header_call_main a span {
  color: #fff;
}
html.dark-themes .header_call_phones span {
  color: #fff;
}
html.dark-themes .header_time_switcher {
  background: #e1e6e9;
}
html.dark-themes .header_bottom_block {
  border-color: #fff;
}
html.dark-themes .home_section_5_item img,
html.dark-themes .home_section_12_read img {
  filter: brightness(0) invert(1);
}
html.dark-themes .home_section_10 {
  background: linear-gradient(180deg, #090e11 0%, #090e11 50%, #2a3338 50%, #2a3338 100%);
}
html.dark-themes .services_section_2_item {
  background: #2a3338;
}
html.dark-themes .services_section_2_item:hover {
  background: #121c22;
}
html.dark-themes .services_section_2_button div {
  background: #e1e6e9;
}
html.dark-themes .service-info-nav {
  background: #2a3338;
}
html.dark-themes .blog-list-item__more {
  color: #ffffff;
}
html.dark-themes .blog-list-item__more svg {
  filter: brightness(0) invert(1);
}
html.dark-themes .select {
  border-color: #2a3338;
  color: #fff;
  background: none;
}
html.dark-themes .select .list {
  color: #fff;
  background: #090e11;
}
html.dark-themes .select .option:hover,
html.dark-themes .select .option.selected,
html.dark-themes .select .option.focus,
html.dark-themes .select .option.selected.focus {
  color: #fff;
}
html.dark-themes .pagination__item {
  color: #fff;
}
html.dark-themes .pagination__item svg path {
  fill: #fff;
}
html.dark-themes .pagination__item.active, html.dark-themes .pagination__item:hover {
  color: var(--1);
}
html.dark-themes .pagination__item.active svg path, html.dark-themes .pagination__item:hover svg path {
  fill: var(--1);
}
html.dark-themes .blog-header__nav {
  background: #2a3338;
}
html.dark-themes .blog q,
html.dark-themes .blog blockquote {
  background: #2a3338;
}
html.dark-themes .contacts-section {
  background: #090e11;
}
html.dark-themes .contacts-map-section {
  background: #2a3338;
}
html.dark-themes .contacts-form {
  background: #121c22;
}
html.dark-themes .soc__item svg {
  filter: brightness(0) invert(1);
}
html.dark-themes .info-text-page__nav {
  background: #121c22;
}
html.dark-themes .sitemap-title {
  border-color: #fff;
}
html.dark-themes .sitemap-sublist.level-2 li a {
  color: #fff;
}
html.dark-themes .sitemap-sublist li a {
  color: #fff;
}
html.dark-themes .close-all {
  background: rgba(0, 0, 0, 0.5);
}
html.dark-themes .header_middle_block {
  background: #090e11;
}
html.dark-themes .mob_header_burger img {
  filter: brightness(0) invert(1);
}
html.dark-themes .mobile_bottom_menu svg path {
  fill: #fff;
}
html.dark-themes .mobile_bottom_menu_nav > svg path:last-child {
  fill: #e95319;
}
html.dark-themes .mobile_bottom_menu_nav:hover > svg path:last-child {
  fill: #000;
}
html.dark-themes .mob_header_main_nav a {
  border-color: #2a3338;
}
html.dark-themes .mob_header_nav > li > span {
  border-color: #2a3338;
}
html.dark-themes .header_hours {
  border-color: #2a3338;
}
html.dark-themes .mob_header_main_menu {
  border-color: #2a3338;
}
html.dark-themes .popup_block input {
  color: #fff;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.2);
}
html.dark-themes .service-calculator-section {
  background: #2a3338;
}
html.dark-themes .service-calculator__progres {
  border-color: #fff;
}
html.dark-themes .service-calculator__step-button {
  color: #121c22;
}
html.dark-themes .service-calculator__step-button svg path {
  fill: #121c22;
}
html.dark-themes .calculator-button {
  color: #fff;
}
html.dark-themes .calculator-button.active, html.dark-themes .calculator-button:hover {
  color: #121c22;
}
html.dark-themes .service-calculator-option-buttons__button-box {
  background: #2a3338;
}
html.dark-themes .service-calculator-option__title {
  background: #2a3338;
}
html.dark-themes .calculate_step_6_block .service-calculator-option__title {
  background: none;
}
html.dark-themes .input--type2 .input__item {
  color: #fff;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.2);
}
html.dark-themes .thank-you__soc-item {
  filter: brightness(0) invert(1);
}
html.dark-themes .advantages-section {
  background: #2a3338 !important;
}
html.dark-themes .advantages-item {
  background: #090e11;
}
html.dark-themes .advantages-item__icon svg {
  filter: brightness(0) invert(1);
}
html.dark-themes .advantages-item__text {
  color: #fff;
}
html.dark-themes .work-with-item__title svg {
  filter: brightness(0) invert(1);
}
html.dark-themes .project-team-item__icon svg {
  filter: brightness(0) invert(1);
}/*# sourceMappingURL=main.css.map */