@charset "UTF-8";
@font-face {
  font-family: "es-roboto";
  src: url("../Font/RobotoNormal.ttf");
  font-style: normal;
}
@font-face {
  font-family: "es-roboto";
  src: url("../Font/RobotoItalic.ttf");
  font-style: italic;
}
:root {
  --text-main-font-family: es-roboto;
  --text-main-font-size: 16px;
  --transition-dur: 0.25s;
  --transition-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

:root {
  --color-white: #FFFFFF;
  --color-grey-05: #F5F7FA;
  --color-grey-10: #EEF1F7;
  --color-grey-30: #C5CCD8;
  --color-grey-40: #A1AABA;
  --color-grey-50: #626E84;
  --Secondary-Grey-10: #EEF1F7;
  --Secondary-Grey-40: #A1AABA;
  --Secondary-Grey-50: #626E84;
  --Brand-brandBlack: #272727;
  --color-border-frame: "transparent";
  --Brand-brandWhite: #FFF;
  --Brand-brandOrange: #FF7200;
  --Brand-brandOrangeHover: #E56900;
  --Brand-brandAccent: #066FE0;
  --Brand-brandBlue: #0D529F;
  --color-success: #11AC53;
  --Surface-Success: #11AC53;
  --Surface-Arror: #F44848;
  --Surface-Arror-05: #FEF1F1;
  --Surface-Arror-10: #FDE2E2;
  --Surface-bgAlertBlueTint: #E6F1FF;
  --Secondary-Grey-05: #F5F7FA;
  --Secondary-Grey-20: #DDE1E9;
  --Secondary-Grey-30: #C5CCD8;
  --linkColor: var(--Brand-brandOrange);
  --bannerColor: var(--Brand-brandWhite);
  --iconColor: var(--Brand-brandOrange-filter);
  --iconColorActive: var(--BrandOrangeHover-filter);
  --activeColor: var(--Brand-brandOrange);
  --activeColorHover: var(--Brand-brandOrangeHover);
  --brandAccent-filter: invert(31%) sepia(25%) saturate(6852%) hue-rotate(200deg) brightness(91%) contrast(96%);
  --Surface-Arror-filter: invert(45%) sepia(26%) saturate(2505%) hue-rotate(324deg) brightness(94%) contrast(104%);
  --Secondary-Grey-50-filter: invert(42%) sepia(28%) saturate(351%) hue-rotate(180deg) brightness(92%) contrast(83%);
  --Secondary-Grey-40-filter: invert(77%) sepia(16%) saturate(262%) hue-rotate(180deg) brightness(87%) contrast(84%);
  --Brand-brandBlue-filter: invert(20%) sepia(96%) saturate(1515%) hue-rotate(197deg) brightness(96%) contrast(94%);
  --Surface-Success-filter: invert(45%) sepia(59%) saturate(2488%) hue-rotate(116deg) brightness(95%) contrast(87%);
  --Brand-brandOrange-filter: invert(68%) sepia(62%) saturate(6635%) hue-rotate(1deg) brightness(106%) contrast(104%);
  --Brand-brandWhite-filter: brightness(0) invert(1) brightness(1000%);
  --Brand-brandAccent-filter: invert(38%) sepia(99%) saturate(4682%) hue-rotate(200deg) brightness(94%) contrast(95%);
  --BrandOrangeHover-filter: invert(46%) sepia(17%) saturate(6795%) hue-rotate(6deg) brightness(95%) contrast(101%);
  --vi-icon-filter: invert(17%) sepia(93%) saturate(6761%) hue-rotate(358deg) brightness(83%) contrast(115%);
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul,
ol,
dl,
menu,
fieldset,
figure {
  margin: 0;
  padding: 0;
}

img,
svg,
video,
canvas,
picture,
audio {
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  margin: 0;
  padding: 0;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

details,
summary {
  display: block;
}

html {
  -webkit-tap-highlight-color: transparent;
}

.icon-button {
  display: flex;
  width: 42px;
  height: 42px;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--Brand-brandWhite, #FFF);
}
.icon-button img {
  transition: filter var(--transition-dur) var(--transition-ease);
}
.icon-button {
  cursor: pointer;
}
.icon-button .icon {
  filter: var(--Secondary-Grey-50-filter);
}
.icon-button--vi .icon {
  filter: var(--vi-icon-filter);
}
.icon-button:hover .icon {
  filter: var(--brandAccent-filter);
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-style: normal;
  font-weight: 600;
  color: var(--Brand-brandOrange, #FF7200);
  cursor: pointer;
  width: fit-content;
  /* 12px 18px - 14px 24px */
  padding: clamp(0.75rem, 0.72rem + 0.13vw, 0.875rem) clamp(1.125rem, 1.04rem + 0.38vw, 1.5rem);
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.btn img {
  position: relative !important;
  filter: var(--iconColor);
  transition: filter var(--transition-dur) var(--transition-ease);
}
.btn {
  transition: color var(--transition-dur) var(--transition-ease), background var(--transition-dur) var(--transition-ease), transform var(--transition-dur) var(--transition-ease), box-shadow var(--transition-dur) var(--transition-ease);
}
.btn--filled {
  border-radius: 12px;
  color: var(--Brand-brandWhite, #FFF);
  background: var(--Brand-brandOrange, #FF7200);
}
.btn--filled img {
  filter: var(--Brand-brandWhite-filter);
}
.btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #E56900);
}
.btn--filled:disabled {
  cursor: default;
  background: var(--Secondary-Grey-30, #C5CCD8);
}
.btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #E56900);
}
.btn--filled-white {
  border-radius: 12px;
  color: var(--Brand-brandBlack, #272727);
  background: var(--Brand-brandWhite, #FFF);
}
.btn--filled-white img {
  filter: none;
}
.btn--filled-white:hover {
  color: var(--Brand-brandOrange, #FF7200);
}
.btn--filled-white:hover img {
  filter: var(--Brand-brandOrange-filter);
}
.btn--s {
  border-radius: 100px;
  font-size: 15px;
  line-height: 20px;
}
@media (max-width: 600px) {
  .btn--full-mobile {
    width: 100%;
  }
}

.btn-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-style: normal;
  font-weight: 600;
  cursor: pointer;
  /* 15px-21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.btn-text img {
  transition: filter var(--transition-dur) var(--transition-ease);
}
.btn-text {
  transition: color var(--transition-dur) var(--transition-ease), background var(--transition-dur) var(--transition-ease), transform var(--transition-dur) var(--transition-ease), box-shadow var(--transition-dur) var(--transition-ease);
}
.btn-text--accent {
  color: var(--linkColor, #FF7200);
}
.btn-text--accent img {
  filter: var(--iconColor);
}
.btn-text--grey {
  color: var(--Secondary-Grey-50, #626E84) !important;
}
.btn-text--grey img {
  filter: var(--Secondary-Grey-50-filter);
}
.btn-text--white img {
  filter: var(--Brand-brandWhite-filter);
}
.btn-text:hover {
  color: var(--activeColorHover, #E56900) !important;
}
.btn-text:hover img {
  filter: var(--iconColorActive);
}
@media (width <= 1200px) {
  .btn-text {
    font-weight: 400;
  }
}

.linklike {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  line-height: 28px;
  color: var(--Brand-brandOrange, #FF7200);
}
.linklike--with-icon img {
  width: 20px;
}
.linklike--s {
  font-size: 15px;
  line-height: 20px;
}
.linklike--primary {
  color: var(--Brand-brandBlack, #272727);
}
.linklike--primary:hover {
  color: var(--Brand-brandAccent, #066FE0);
}
.linklike[href]:hover {
  color: var(--Brand-brandOrangeHover);
}

.submenu-point {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: color var(--transition-dur) var(--transition-ease);
}
.submenu-point:hover {
  color: var(--Brand-brandAccent, #066FE0);
}

.file-download {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: clamp(0.9375rem, 0.19rem + 1.25vw, 1.3125rem);
  font-style: normal;
  font-weight: 400;
  line-height: clamp(1.25rem, 0.25rem + 1.67vw, 1.75rem);
  color: var(--Brand-brandBlack, #272727) !important;
  cursor: pointer;
  transition: color var(--transition-dur) var(--transition-ease);
}
.file-download img {
  width: clamp(20px, 12px + 0.83vw, 24px);
  height: clamp(20px, 12px + 0.83vw, 24px);
  filter: var(--iconColor);
}
.file-download:hover {
  color: var(--linkColor, #FF7200) !important;
}

.input {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  font-style: normal;
  font-weight: 400;
  border-radius: var(--Radius-1, 12px);
  border: 1px solid var(--Secondary-Grey-30, #C5CCD8);
  background: var(--Brand-brandWhite, #FFF);
  transition: border-color 0.2s, box-shadow 0.2s;
  /* 12px 16px - 14px 16px*/
  padding: clamp(0.75rem, 0.72rem + 0.13vw, 0.875rem) 16px;
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.input:focus:not(.input--error) {
  outline: none;
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--Brand-brandAccent, #066fe0) inset;
}
.input--with-icon {
  padding-right: 56px;
}
.input--error {
  border-color: var(--Surface-Arror, #F44848);
}

.input-wrapper {
  width: 100%;
  position: relative;
  flex: 1;
  display: flex;
}
.input-wrapper img {
  align-self: center;
  filter: var(--Secondary-Grey-40-filter);
}
.input-wrapper__result-list {
  width: 100%;
  max-height: 208px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: flex;
  padding: 12px 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid var(--Secondary-Grey-10, #EEF1F7);
  background: var(--Brand-brandWhite, #FFF);
  box-shadow: 0 2px 10px 0 rgba(123, 135, 157, 0.2);
}
.input-wrapper__result-list__item {
  display: flex;
  /* 12px 16px - 14px 16px*/
  padding: clamp(0.75rem, 0.72rem + 0.13vw, 0.875rem) 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.input-wrapper__result-list__item--interactive {
  cursor: pointer;
}
.input-wrapper__result-list__item--interactive:hover {
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.input-icon {
  position: absolute;
  right: 16px;
  transition: opacity 0.15s;
}

.search-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search-form-wrapper {
  display: flex;
  /* 8px-24px */
  gap: clamp(0.5rem, 0.27rem + 1.03vw, 1.5rem);
}
.search-form .btn {
  /* 80px - 200px */
  width: clamp(5rem, 3.27rem + 7.69vw, 12.5rem);
}

.search-block h3 {
  color: var(--Brand-brandBlack);
}

.radio-group {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: stretch;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--Brand-brandBlack, #272727);
  font-variant-numeric: lining-nums tabular-nums;
}
.radio-group label {
  cursor: pointer;
}
@media (max-width: 960px) {
  .radio-group {
    flex-direction: column;
  }
}

.radio-input {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid var(--Secondary-Grey-40, #A1AABA);
  transition: border 0.1s, background 0.1s;
  cursor: pointer;
}
.radio-input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--activeColor, #FF7200);
}
.radio-input:checked {
  border-color: var(--activeColor, #FF7200);
}
.radio-input:not(:checked):hover {
  border-color: var(--Secondary-Grey-50, #626E84);
}
.radio-input:checked:hover {
  border-color: var(--activeColorHover, #E56900);
}
.radio-input:checked:hover::after {
  background-color: var(--activeColorHover, #E56900);
}

.radio-item {
  max-width: 392px;
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-radius: 12px;
  border: 1px solid var(--Secondary-Grey-30, #C5CCD8);
  /* 12px-24px */
  padding: clamp(0.75rem, 0.58rem + 0.77vw, 1.5rem);
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.radio-item--active {
  border: 2px solid var(--activeColor, #FF7200);
}
.radio-item--h {
  flex-direction: column;
}
.radio-item:hover {
  border: 1px solid var(--Brand-brandBlack, #272727);
}
@media (max-width: 960px) {
  .radio-item {
    flex: auto;
    padding: 0.75rem;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
  }
}

.radio-item:has(> .radio-input:checked) {
  border: 2px solid var(--activeColor, #FF7200);
}

.checkbox-group {
  display: flex;
  align-items: start;
  font-size: clamp(16px, 6px + 1.04vw, 21px);
  font-weight: 400;
  line-height: clamp(20px, 4px + 1.67vw, 28px);
  color: var(--Brand-brandBlack, #272727);
  font-variant-numeric: lining-nums tabular-nums;
}
.checkbox-group label {
  cursor: pointer;
}

.checkbox-label {
  margin-left: 10px;
}

.checkbox-input {
  appearance: none;
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-right: 2px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 2px solid var(--Secondary-Grey-40, #a1aaba);
  transition: 100ms;
  cursor: pointer;
}

.checkbox-input::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -4.7px;
  display: none;
  border-radius: 4px;
  transition: 100ms;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M16.8 8.40002L9.64043 15.6L7.19995 13.1457' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.checkbox-input:checked {
  background: var(--Brand-brandOrange, #FF7200);
  border: 2px solid var(--Brand-brandOrange, #FF7200);
}

.checkbox-input:checked::after {
  display: block;
  transition: 100ms;
}

.required-field::after {
  content: "*";
  color: var(--Brand-brandOrange, #ff7200);
  margin-left: 3px;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.fl-input {
  position: relative;
  font-size: 1rem;
  width: 100%;
  background: var(--Brand-brandWhite, #FFF);
  /* ------------------------------------------------------------
   The native <input> element
   ------------------------------------------------------------ */
}
.fl-input__control {
  width: 100%;
  border: 1px solid var(--Secondary-Grey-30);
  border-radius: 12px;
  color: var(--Brand-brandBlack, #272727);
  font-weight: 400;
  background-clip: padding-box;
  /* 15px-21px */
  font-size: clamp(0.938rem, 0.813rem + 0.556vw, 1.313rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  /* 16px 16px - 20px 16px */
  padding: clamp(28px, 20px + 0.83vw, 32px) clamp(1rem, 0.94rem + 0.26vw, 1.25rem);
  padding-bottom: clamp(16px, 8px + 0.83vw, 20px);
  /* Hover */
}
.fl-input__control:hover {
  border-color: transparent;
  box-shadow: 0 0 0 1px var(--Brand-brandBlack, #272727);
}
.fl-input__control {
  /* Focus – the “outline” we want */
}
.fl-input__control:focus {
  outline: none;
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--Brand-brandAccent, #066fe0);
}
.fl-input__control {
  /* Disabled state */
}
.fl-input__control:disabled {
  border-color: var(--Secondary-Grey-05, #F5F7FA);
  background: var(--Secondary-Grey-05, #F5F7FA);
  color: var(--Secondary-Grey-50, #626E84);
}
.fl-input__control:disabled:hover {
  border-color: transparent;
  box-shadow: none;
}
.fl-input__control {
  /* Hide the clear / reveal button on password inputs (IE/Edge) */
}
.fl-input__control::-ms-reveal, .fl-input__control::-ms-clear {
  display: none;
}
.fl-input {
  /* ------------------------------------------------------------
   The floating label
   ------------------------------------------------------------ */
}
.fl-input__label {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--Secondary-Grey-50, #626E84);
  font-weight: 400;
  line-height: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  pointer-events: none;
  transition: all 0.2s ease-out;
  user-select: none;
  /* 15px-21px */
  font-size: clamp(0.938rem, 0.813rem + 0.556vw, 1.313rem);
  /* 20px-28px */
}
.fl-input {
  /* ----------------------------------------------------------------
   When the input has focus *or* when it already contains a value,
   we shrink the label. This is pure CSS – no JS needed.
   ---------------------------------------------------------------- */
}
.fl-input:focus-within .fl-input__label, .fl-input__control:not(:placeholder-shown) + .fl-input__label, .fl-input__control:focus + .fl-input__label, .fl-input__control:not(:empty) + .fl-input__label {
  top: 20px;
  font-size: clamp(14px, 10px + 0.42vw, 16px);
  color: var(--Secondary-Grey-50, #626E84);
}
.fl-input {
  /* ----------------------------------------------------------------
   Optional “simple” variant (used in the original component)
   ---------------------------------------------------------------- */
}
.fl-input--simple .fl-input__control {
  padding: 12px 16px;
}
.fl-input--simple .fl-input__label {
  font-size: 16px;
}
.fl-input--simple .fl-button {
  transform: translate(-40px, 14px);
}
.fl-input {
  /* ----------------------------------------------------------------
   Invalid / validation state (adds a red outline on focus)
   ---------------------------------------------------------------- */
}
.fl-input--invalid .fl-input__control:focus {
  box-shadow: 0 0 0 2px var(--Brand-brandError, #e00606);
}

h1 {
  font-style: normal;
  font-weight: 600;
  /* 28px-48px */
  font-size: clamp(1.75rem, 1.46rem + 1.28vw, 3rem);
  /* 32px-60px */
  line-height: clamp(2rem, 1.6rem + 1.79vw, 3.75rem);
}

h2 {
  font-style: normal;
  font-weight: 600;
  /* 24px-36px */
  font-size: clamp(1.5rem, 1.25rem + 1.111vw, 2.25rem);
  /* 32px-48px*/
  line-height: clamp(2rem, 1.77rem + 1.03vw, 3rem);
}

h3 {
  font-style: normal;
  font-weight: 600;
  /* 21px-28px */
  font-size: clamp(1.313rem, 1.167rem + 0.648vw, 1.75rem);
  /* 28px-32px */
  line-height: clamp(1.75rem, 1.667rem + 0.37vw, 2rem);
}

h4 {
  font-style: normal;
  font-weight: 600;
  /* 18px-24px */
  font-size: clamp(1.125rem, 1.04rem + 0.38vw, 1.5rem);
  /* 24px-32px */
  line-height: clamp(1.5rem, 1.38rem + 0.51vw, 2rem);
}

.heading {
  font-style: normal;
  font-weight: 600;
}
.heading--h1 {
  /* 28px-48px */
  font-size: clamp(1.75rem, 1.46rem + 1.28vw, 3rem);
  /* 32px-60px */
  line-height: clamp(2rem, 1.6rem + 1.79vw, 3.75rem);
}
.heading--h2 {
  /* 24px-36px */
  font-size: clamp(1.5rem, 1.25rem + 1.111vw, 2.25rem);
  /* 32px-48px*/
  line-height: clamp(2rem, 1.77rem + 1.03vw, 3rem);
}
.heading--h3 {
  /* 21px-28px */
  font-size: clamp(1.313rem, 1.167rem + 0.648vw, 1.75rem);
  /* 28px-32px */
  line-height: clamp(1.75rem, 1.667rem + 0.37vw, 2rem);
}
.heading--h4 {
  /* 18px-24px */
  font-size: clamp(1.125rem, 1.04rem + 0.38vw, 1.5rem);
  /* 24px-32px */
  line-height: clamp(1.5rem, 1.38rem + 0.51vw, 2rem);
}

.label {
  font-weight: 600;
  font-style: normal;
}
.label--m {
  /* 15px-21px */
  font-size: clamp(0.938rem, 0.813rem + 0.556vw, 1.313rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}
.label--s {
  /* 12px-15px */
  font-size: clamp(0.75rem, 0.688rem + 0.278vw, 0.938rem);
  /* 16px-20px */
  line-height: clamp(1rem, 0.917rem + 0.37vw, 1.25rem);
}

.body {
  font-weight: 400;
  font-style: normal;
}
.body--l {
  /* 18px-24px */
  font-size: clamp(1.125rem, 1.04rem + 0.38vw, 1.5rem);
  /* 24px-32px */
  line-height: clamp(1.5rem, 1.38rem + 0.51vw, 2rem);
}
.body--m {
  /* 15px-21px */
  font-size: clamp(0.938rem, 0.813rem + 0.556vw, 1.313rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}
.body--s {
  /* 12px-15px */
  font-size: clamp(0.75rem, 0.688rem + 0.278vw, 0.938rem);
  /* 16px-20px */
  line-height: clamp(1rem, 0.917rem + 0.37vw, 1.25rem);
}

.text {
  font-weight: 400;
  font-style: normal;
}
.text--xs {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text--s {
  font-size: 15px;
  line-height: 20px;
}
.text--m {
  /* 15px-21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.text--l {
  /* 15px-24px */
  font-size: clamp(0.9375rem, 0.81rem + 0.58vw, 1.5rem);
  /* 20px-32px */
  line-height: clamp(1.25rem, 1.08rem + 0.77vw, 2rem);
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text--grey {
  color: var(--Secondary-Grey-50, #626E84);
}

.text--red {
  color: var(--Surface-AccentNegative, #F44848);
}

.text--yellow {
  color: var(--Brand-brandOrange, #FF7200);
}

.text--green {
  color: var(--Surface-AccentPositive, #29AC50);
}

.text--white {
  color: #fff;
}

.text--bold {
  font-weight: 600 !important;
}

.lebel {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.lebel img {
  filter: var(--Brand-brandOrange);
}

.list-title {
  font-style: normal;
  font-weight: 700;
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}

.label-m {
  color: var(--Brand-brandBlack, #272727);
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}

.icon-round {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: var(--Brand-brandWhite, #fff);
  backdrop-filter: blur(2px);
  /* 10px-16px*/
  padding: clamp(0.625rem, 0.54rem + 0.38vw, 1rem);
}
.icon-round img {
  /* 24px-32px */
  width: clamp(1.5rem, 1.38rem + 0.51vw, 2rem);
  height: clamp(1.5rem, 1.38rem + 0.51vw, 2rem);
  filter: var(--Brand-brandBlue-filter);
}
.icon-round--sm img {
  width: 24px;
  height: 24px;
}
.icon-round--accent {
  background: var(--Brand-brandOrange, #ff7200);
}
.icon-round--accent img {
  filter: var(--Brand-brandWhite-filter);
}
.icon-round--brandAccent {
  background: var(--Brand-brandAccent, #066fe0);
}
.icon-round--brandAccent img {
  filter: var(--Brand-brandWhite-filter);
}
.icon-round--sber {
  background: radial-gradient(99.84% 99.84% at 63.39% -3.12%, #178ece 0%, #11a4de 26.86%, #29ac50 68.07%, #f0ea1a 100%);
  backdrop-filter: blur(2px);
}
.icon-round--sber img {
  filter: var(--Brand-brandWhite-filter);
}
.icon-round--primary {
  background: var(--Brand-brandBlue, #0d529f);
}
.icon-round--primary img {
  filter: var(--Brand-brandWhite-filter);
}
.icon-round--invert img {
  filter: var(--iconColor);
}

.banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 480px;
  border-radius: 24px;
}

.chip {
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  /* 8px 12px - 12px 16px */
  padding: clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem) clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
  border-radius: 100px;
  background: var(--Secondary-Grey-10, #eef1f7);
  transition: color 0.5s var(--transition-ease), background 0.5s var(--transition-ease);
}
.chip:hover {
  color: var(--Brand-brandWhite, #fff);
  background: var(--Brand-brandBlue, #0d529f);
}
.chip--active {
  color: var(--Brand-brandWhite, #fff);
  background: var(--Brand-brandAccent, #066fe0);
}
.chip--active:hover {
  color: var(--Brand-brandWhite, #fff);
  background: var(--Brand-brandBlue, #0d529f);
}

.alert-info {
  display: flex;
  padding: 16px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 12px;
  background: var(--Secondary-Grey-05, #f5f7fa);
}

.loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 16px;
}
.loader img {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.still-questions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  /* 20px-24px */
  gap: clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem);
  /* 32px 16px 32px 16px - 48px 60px 60px 60px*/
  padding: clamp(2rem, 1.77rem + 1.03vw, 3rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem) clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}
.still-questions__inner {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
  gap: 1rem;
}

.still-questions__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #eef1f7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  /* 16px 16px 16p 16px - 32px 32px 44px 32px*/
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  /* 4px-12px */
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}
.still-questions__item__title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
a.still-questions__item:hover {
  color: var(--Brand-brandAccent, #066fe0) !important;
  box-shadow: 0 4px 15px 0 rgba(98, 110, 132, 0.25);
}

.still-questions__item__text--mobile {
  display: none;
}

.still-questions__item__text--desktop {
  display: block;
}

.still-questions__item__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
@media (width <= 600px) {
  .still-questions__item__content {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: start;
  }
}

@media (width <= 600px) {
  .still-questions__item__text--mobile {
    display: flex;
  }
  .still-questions__item__text--desktop {
    display: none;
  }
}
.section-with-banner__wrapper-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: var(--Secondary-Grey-10, #eef1f7);
}
.section-with-banner__wrapper-content .frame {
  border-radius: 0 0 24px 24px;
}

.section-with-banner {
  position: relative;
  border-radius: 24px;
  background-color: var(--Brand-brandWhite, #fff);
}
.section-with-banner__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.section-with-banner__inner .banner__wrapper {
  position: relative;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
}
.section-with-banner__inner__banner {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  z-index: 1;
}
@media (max-width: 960px) {
  .section-with-banner__inner__banner {
    border-radius: 24px 24px 0 0;
  }
}
.section-with-banner__inner .banner__overlay {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--bannerColor, #fff);
  border-radius: 24px;
  z-index: 2;
  /* 12px-24px */
  gap: clamp(0.75rem, 0.58rem + 0.77vw, 1.5rem);
  /* 24px 16px - 60px 60px */
  padding: clamp(1.5rem, 0.98rem + 2.31vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  /* 200px-320px */
  min-height: clamp(12.5rem, 10.77rem + 7.69vw, 20rem);
}
.section-with-banner__inner .banner__overlay h1,
.section-with-banner__inner .banner__overlay span {
  max-width: 680px;
}
.section-with-banner__inner .banner__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
}
.section-with-banner__inner .banner__desc {
  margin: 8px 0 0;
  font-size: 1rem;
}

.progress__line.completed {
  background: var(--Brand-brandAccent, #066fe0);
}

.notification {
  display: flex;
  align-items: flex-start;
  padding: 32px 252px 32px 32px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #f5f7fa);
  /* 8px-16px */
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
@media (width <= 600px) {
  .notification {
    flex-direction: column;
  }
}
.notification a:not(.btn) {
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  line-height: inherit;
  color: var(--linkColor, #ff7200);
}
.notification .notification-title {
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.notification--info {
  border: 1px solid #b4d4ff;
  background: var(--Surface-bgAlertBlueTint, #e6f1ff);
  /* 16px-24px */
  padding: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}
@media (width <= 800px) {
  .notification--info {
    flex-wrap: wrap;
  }
}
.notification--info img {
  filter: var(--brandAccent-filter);
}
.notification--alert {
  padding: 24px 220px 24px 24px;
  border-radius: 12px;
  border: 1px solid #fad1d1;
  background: var(--Surface-bgAccentNegativeTint, #fef1f1);
}
.notification--alert img {
  filter: var(--Surface-Arror-filter);
}
.notification--alert .notification-title {
  color: var(--Surface-AccentNegative, #f44848);
}
@media (max-width: 960px) {
  .notification {
    padding: 1rem;
  }
  .notification .notification-title {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
  }
}
.notification .stepper__card--grey {
  background: var(--Brand-brandWhite, #fff);
}

.status {
  display: flex;
  height: fit-content;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border-radius: 8px;
  background: var(--Surface-Success-10, #d5ecde);
  border: 1px solid var(--color-border-frame);
  color: var(--Brand-brandBlack, #272727);
  white-space: nowrap;
  font-weight: 400;
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
  /* 4px 8px - 8px 16px */
  padding: clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem) clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}
.status--green {
  background: var(--Surface-Success-10, #d5ecde);
}
.status--blue {
  background: var(--Blue-Primary-20, #d1e6ff);
}
.status--red {
  background: var(--Surface-Arror-10, #fde2e2);
}
.status--yellow {
  background: var(--Surface-Alert-10, #ffe7d1);
}
.status-s {
  font-size: 16px;
  padding: 4px 8px;
}

table {
  border-collapse: collapse;
  width: 100%;
}
table .align-middle {
  vertical-align: middle;
}
table .t-bold {
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
table th,
table td {
  padding: 12px;
  vertical-align: top;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid var(--Secondary-Grey-20, #dde1e9);
}
table thead {
  background: var(--Secondary-Grey-10, #eef1f7);
}
table tbody {
  text-align: left;
  background: var(--Brand-brandWhite, #fff);
}
table .tariffs-table__label-m {
  font-style: normal;
  font-weight: 600;
  text-align: center;
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
table .tariffs-table-accordion {
  position: relative;
  text-align: left;
}
table .tariffs-table-accordion__title {
  font-style: normal;
  font-weight: 600;
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
table .tariffs-table-accordion .icon {
  transform-origin: center;
  transition: transform 0.25s ease;
}
table .tariffs-table-accordion.open .icon {
  transform: rotate(180deg);
}
table .tariffs-table-accordion__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
table .text-list {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
table .fade-enter-active,
table .fade-leave-active {
  transition: opacity 0.25s ease;
}
table .fade-enter-from,
table .fade-leave-to {
  opacity: 0;
}

.table-overflow {
  overflow-x: auto;
}

.table--striped tbody tr:nth-child(even) {
  background: var(--Secondary-Grey-05, #f5f7fa);
}

.table--without-header-br thead th {
  border: none;
}

.table--without-br td {
  border: none;
}

.table--without-v-br td {
  border-left: none;
  border-right: none;
}

.table-default {
  display: flex;
  align-items: center;
  gap: 8px;
}

.partition-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #eef1f7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  /* 16px 16px 16p 16px - 32px 32px 44px 32px*/
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  /* 4px-12px */
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}
.partition-card__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}
@media (max-width: 960px) {
  .partition-card__content {
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse;
  }
}

a.partition-card:hover {
  color: var(--Brand-brandAccent, #066fe0) !important;
  box-shadow: 0 4px 15px 0 rgba(98, 110, 132, 0.25);
}

@media (width <= 800px) {
  .service-centers__areas__button {
    order: 2;
  }
}

.divider {
  border: none;
  height: 1px;
  background: var(--Secondary-Grey-20, #e0e4eb);
  width: 100%;
}

.tooltip-wrap {
  position: relative;
  width: fit-content;
}

.tooltip-container {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 8px;
  visibility: hidden;
  z-index: 10;
}

.tooltip {
  position: relative;
  padding: 16px;
  border-radius: 12px;
  background: var(--Secondary-Grey-50, #626e84);
  border: 1px solid #ddd;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  transform: translateY(0);
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 12px;
  border-style: solid;
  border-color: var(--Secondary-Grey-50, #626e84) transparent transparent transparent;
}

.tooltip__img {
  display: block;
  max-width: 200px;
  height: auto;
}

.tooltip-wrap:hover .tooltip-container {
  visibility: visible;
}

.tooltip-wrap:hover .tooltip {
  opacity: 1;
  transform: translateY(-4px);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.05s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.fade-enter-to,
.fade-leave-from {
  opacity: 1;
}

/* анимация изменения состояний аккордеон */
.acc-enter-active,
.acc-leave-active {
  transition: max-height 0.35s ease, opacity 0.35s ease;
}

.acc-enter-from,
.acc-leave-to {
  max-height: 0;
  opacity: 0;
}

.acc-enter-to,
.acc-leave-from {
  max-height: 3000px;
  opacity: 1;
}

.grey-cards-section-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Secondary-Grey-10, #eef1f7);
  color: var(--Brand-brandBlack, #272727) !important;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  /* вертикальные отступы 32px - 16px */
  padding-top: clamp(16px, -16px + 3.33vw, 32px);
  /* вертикальные отступы 44px - 16px */
  padding-bottom: clamp(16px, -40px + 5.83vw, 44px);
  /* горизонтальные отступы 32px - 16px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  padding-right: clamp(16px, -16px + 3.33vw, 32px);
  transition: background var(--transition-dur) var(--transition-ease), box-shadow var(--transition-dur) var(--transition-ease);
}
.grey-cards-section-link:hover {
  background: var(--Secondary-Grey-10, #eef1f7);
  box-shadow: 0 4px 15px 0 rgba(98, 110, 132, 0.25);
}
.grey-cards-section-link:hover .grey-cards-section-link-content__title {
  color: var(--Brand-brandAccent, #066fe0);
}

.grey-cards-section-link__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}
@media (max-width: 960px) {
  .grey-cards-section-link__content {
    flex-direction: row-reverse;
    justify-content: start;
  }
}

.grey-cards-section-link-content__title {
  height: 100%;
  display: flex;
  align-items: center;
  transition: color var(--transition-dur) var(--transition-ease);
}

.u-flex {
  display: flex;
}

.u-flex-col-xs {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}

.gradient-blue {
  background: linear-gradient(91deg, #798AAA 1.03%, #798AAA 30.41%, rgba(121, 138, 170, 0) 59.79%);
}
@media (max-width: 960px) {
  .gradient-blue {
    background: linear-gradient(181deg, #798AAA 0.58%, #798AAA 3.92%, rgba(121, 138, 170, 0) 77.73%);
  }
}

.gradient-azure {
  background: linear-gradient(91deg, #066EE5 1.03%, #67ABFA 22.6%, rgba(134, 188, 251, 0) 65.38%);
}
@media (max-width: 960px) {
  .gradient-azure {
    background: linear-gradient(181deg, #066EE5 0.58%, #066EE5 16.01%, rgba(6, 110, 229, 0) 77.73%);
  }
}

.gradient-brown {
  background: linear-gradient(91deg, #8A5A5A 1.03%, #8A5A5A 22.09%, rgba(138, 90, 90, 0) 71.06%);
}

.gradient-orange {
  background: linear-gradient(91deg, #F58028 1.03%, #F58028 23.49%, rgba(245, 128, 40, 0) 71.06%);
}

.gradient-beige {
  background: linear-gradient(91deg, #C39C75 1.03%, #C39C75 29.8%, rgba(195, 156, 117, 0) 58.64%);
}

.gradient-lime {
  background: linear-gradient(91deg, #95BC47 1.03%, #95BC47 29.8%, rgba(195, 156, 117, 0) 58.64%);
}

.gradient-light-gray {
  background: linear-gradient(91deg, #D4D9E2 1.03%, #D4D9E2 22.09%, rgba(212, 217, 226, 0) 71.06%);
}
@media (max-width: 960px) {
  .gradient-light-gray {
    background: linear-gradient(181deg, #D4D9E2 18.61%, rgba(212, 217, 226, 0) 90.42%);
  }
}

.gradient-teal {
  background: linear-gradient(91deg, #2D9C76 1.03%, #2D9C76 15.72%, rgba(45, 156, 118, 0) 50%);
}
@media (max-width: 960px) {
  .gradient-teal {
    background: linear-gradient(181deg, #2D9A74 0.58%, #2D9A74 16.01%, rgba(45, 154, 116, 0) 77.73%);
  }
}

.gradient-deep-blue {
  background: linear-gradient(91deg, #0D529F 1.03%, rgba(13, 82, 159, 0) 48.53%);
}

.gradient-charcoal {
  background: linear-gradient(91deg, #272727 1.03%, #272727 24.78%, rgba(39, 39, 39, 0) 48.53%);
}

.main-content-layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  /* 40px - 24px */
  gap: clamp(24px, -8px + 3.33vw, 40px);
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  /* вертикальные отступы 60px - 32px */
  padding-top: clamp(32px, -24px + 5.83vw, 60px);
  padding-bottom: clamp(32px, -24px + 5.83vw, 60px);
  /* горизонтальные отступы 60px - 16px */
  padding-left: clamp(16px, -72px + 9.17vw, 60px);
  padding-right: clamp(16px, -72px + 9.17vw, 60px);
}
.main-content-layout ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.main-content-layout > div {
  width: 100%;
}

.grey-cards-layout-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(328px, 1fr));
  gap: 1rem;
}

.content-info-grey-layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* 24px - 16px */
  gap: clamp(16px, 0px + 1.67vw, 24px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  /* вертикальные отступы 32px - 16px */
  padding-top: clamp(16px, -16px + 3.33vw, 32px);
  padding-bottom: clamp(16px, -16px + 3.33vw, 32px);
  /* горизонтальные отступы 32px - 16px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  /* горизонтальные отступы 220px - 16px */
  padding-right: clamp(16px, -392px + 42.5vw, 220px);
  background: var(--Secondary-Grey-05, #F5F7FA);
}
.content-info-grey-layout a {
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  line-height: 28px;
  color: var(--linkColor, #FF7200);
}

.public__section-1 {
  display: flex;
  gap: 16px;
}

.public__section-2 {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}

.public__section-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.public__section-4 .slider {
  /* 368px-424px */
  height: clamp(23rem, 22.19rem + 3.59vw, 26.5rem);
}

.public__section-5 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.quick-buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  flex: 1;
}

.quick-button {
  display: flex;
  align-items: start;
  gap: 20px;
  background: var(--Brand-brandWhite, #FFF);
  border-radius: 24px;
  box-shadow: var(--shadow);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  /* 16px-32px */
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem);
}
.quick-button:hover {
  box-shadow: 0 4px 15px 0 rgba(98, 110, 132, 0.25);
}
.quick-button--primary {
  border-left: 4px solid var(--primary-color);
}
.quick-button--primary:hover {
  color: var(--Brand-brandAccent, #066FE0);
}
.quick-button--primary:hover .icon-round {
  background: var(--Brand-brandAccent, #066FE0);
  transition: background var(--transition-dur) var(--transition-ease);
}
.quick-button--accent {
  background: var(--Brand-brandBlue, #0d529f);
  color: var(--Brand-brandWhite, #fff);
}
.quick-button--accent:hover {
  background: var(--Brand-brandAccent, #066FE0);
}
.quick-button--accent:hover img {
  filter: var(--Brand-brandAccent-filter);
}

.quick-buttons-sm {
  display: flex;
  gap: 16px;
}

.quick-button-sm {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  /* 4px-32px */
  gap: clamp(0.25rem, -0.15rem + 1.79vw, 2rem);
  /* 16px-32px */
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem);
  cursor: pointer;
  transition: box-shadow var(--transition-dur) var(--transition-ease), color var(--transition-dur) var(--transition-ease);
}
.quick-button-sm__title {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
.quick-button-sm__subtitle {
  color: var(--Secondary-Grey-50, #626E84);
  font-style: normal;
  font-weight: 400;
  /* 12px-21px */
  font-size: clamp(0.75rem, 0.62rem + 0.58vw, 1.3125rem);
  /* 16px- 28px */
  line-height: clamp(1rem, 0.83rem + 0.77vw, 1.75rem);
}
.quick-button-sm .icon-round {
  transition: background var(--transition-dur) var(--transition-ease);
}
.quick-button-sm:hover {
  color: var(--Brand-brandAccent, #066FE0);
  box-shadow: 0 4px 15px 0 rgba(98, 110, 132, 0.25);
}
.quick-button-sm:hover .icon-round {
  background: var(--Brand-brandAccent, #066FE0);
}

.quick-button-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* 12px-20px */
  gap: clamp(0.75rem, 0.63rem + 0.51vw, 1.25rem);
}

.button-subtitle {
  font-size: 14px;
  color: var(--Brand-brandWhite, #fff);
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 24px 0;
  background: var(--Blue-Primary-70, #2987ff);
  /* 10px 8px - 16px 32px*/
  padding: clamp(0.625rem, 0.54rem + 0.38vw, 1rem) clamp(0.5rem, 0.15rem + 1.54vw, 2rem);
}
@media (width <= 600px) {
  .button-subtitle {
    left: 0;
    border-radius: 0;
    padding: clamp(0.625rem, 0.54rem + 0.38vw, 1rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  }
}

.quick-button .button-subtitle {
  /* 12px-21px */
  font-size: clamp(0.75rem, 0.62rem + 0.58vw, 1.3125rem);
  /* 16px-28px */
  line-height: clamp(1rem, 0.83rem + 0.77vw, 1.75rem);
}

.mobile-services {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  color: var(--Brand-brandWhite, #fff);
  align-self: stretch;
  overflow: hidden;
  border-radius: 1.5rem;
  background: var(--Brand-brandBlue, #0d529f);
  box-shadow: 0 1px 10px 0 rgba(89, 98, 115, 0.1);
  /* 32px 16px - 32px 32px*/
  padding: 32px clamp(1rem, 0.77rem + 1.03vw, 2rem);
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
  /* 424px-460px */
  min-height: clamp(26.5rem, 25.98rem + 2.31vw, 28.75rem);
}
.mobile-services > img {
  position: absolute;
  bottom: 0;
  left: 28%;
  /* 428px-500px */
  width: clamp(26.75rem, 25.71rem + 4.62vw, 31.25rem);
  /* 344px-402px */
  height: clamp(21.5rem, 20.66rem + 3.72vw, 25.125rem);
}
@media (width >= 1380px) {
  .mobile-services > img {
    left: auto;
    right: 0;
  }
}
.mobile-services__store {
  position: absolute;
  bottom: 32px;
  display: flex;
  gap: 16px;
}
.mobile-services .btn {
  color: var(--Brand-brandWhite, #fff);
  z-index: 1;
}
.mobile-services .btn img {
  filter: var(--Brand-brandWhite-filter);
}

@media (width <= 600px) {
  .public__section-1 {
    flex-direction: column;
  }
  .public__section-1 .slider {
    flex: auto;
  }
  .public__section-1 .quick-buttons {
    display: flex;
    padding: 0 16px;
    flex: auto;
  }
  .public__section-1 .quick-buttons .quick-button {
    /* 168px-232px */
    height: clamp(10.5rem, 9.58rem + 4.1vw, 14.5rem);
  }
  .public__section-2 {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0 16px;
  }
  .public__section-3 {
    grid-template-columns: 1fr;
  }
  .public__section-5 {
    padding: 0 16px;
    grid-template-columns: 1fr;
  }
}
.banner-sm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  position: relative;
  width: 100%;
  min-width: 0;
  color: var(--Brand-brandWhite, #FFF);
  gap: 16px;
  border-radius: 24px;
  /* 212px-292px */
  min-height: clamp(13.25rem, 12.1rem + 5.13vw, 18.25rem);
  /* 20px-32px */
  padding: clamp(1.25rem, 1.08rem + 0.77vw, 2rem);
}
.banner-sm .btn {
  pointer-events: none;
}

.banner-sm-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-width: 0;
}
.banner-sm-main .u-flex-col-xs {
  max-width: 320px;
}
.banner-sm-main {
  /* чтобы текст не "выпирал" и не ломал ширину колонки */
}

/* страховка от длинного текста (например с &nbsp;) */
.banner-sm-main h3,
.banner-sm-main .text--m {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.banner-sm__bg-part {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  z-index: -1;
}

.banner-sm__bg {
  object-fit: cover;
  object-position: center;
}

.banner-sm__gradient {
  opacity: 0.8;
  background: linear-gradient(271deg, rgba(123, 135, 157, 0) 24.05%, #7B879D 98.97%);
  mix-blend-mode: multiply;
  transition: opacity var(--transition-dur) var(--transition-ease);
}

.banner-sm:hover .banner-sm__gradient {
  opacity: 1;
}

@media (601px <= width <= 1200px) {
  .public__section-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 1200px) {
  .public__section-2 .quick-button-sm__title {
    flex-direction: row;
    align-items: center;
  }
}
.conclude-agreement__get-contract__content {
  display: flex;
  flex-direction: column;
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}

.conclude-agreement__get-contract__content-section {
  display: flex;
  flex-direction: column;
  /* 8px-16px */
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}

.conclude-agreement__get-contract__content-files {
  display: flex;
  flex-direction: column;
  /* 12px-16px */
  gap: clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
}

.conclude-agreement__not-connected__content {
  display: flex;
  flex-direction: column;
  /* 24px-40px */
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}
@media (width <= 600px) {
  .conclude-agreement__not-connected__content a {
    width: 100%;
  }
}

.conclude-agreement__contract-procedure {
  display: flex;
  flex-direction: column;
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}

.conclude-agreement__links-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.conclude-agreement__submitting-application {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.confirmation-electric-heating-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(24px, 8px + 1.67vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
}
.confirmation-electric-heating-wrapper .stepper__card {
  background: var(--Brand-brandWhite, #FFF);
}

.confirmation-electric-heating__wrapper-table {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  overflow-x: auto;
}

.search-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}
.search-wrapper__form {
  display: flex;
  width: 100%;
  /* 8px-16px */
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}
@media (width <= 600px) {
  .search-wrapper__form {
    flex-direction: column;
  }
  .search-wrapper__form button {
    width: 100%;
  }
}
@media (width <= 600px) {
  .search-wrapper .btn-text--accent {
    width: 100%;
    justify-content: center;
  }
}

.result-search {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.result-search-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.result-search__wrapper-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.card-result-search {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 24px;
  color: var(--Brand-brandBlack, #272727);
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* 16px-32px */
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem);
  /* 12px-24px */
  gap: clamp(0.75rem, 0.58rem + 0.77vw, 1.5rem);
}

.search-results-tabs {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.electricity-tariffs__wrapper_content {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* 24px-40px */
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}

.electricity-tariffs__content {
  display: flex;
  flex-direction: column;
  /* 24px-40px */
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
  min-width: 0;
}

.electricity-tariffs__content__tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.tariffs-table-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  overflow-x: auto;
}

.consumption-standards__baner {
  min-height: 200px;
}

.installation-and-maintenance__send-appeals {
  display: flex;
  align-items: flex-start;
  padding: 32px 220px 32px 32px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}
@media (width <= 600px) {
  .installation-and-maintenance__send-appeals {
    display: none;
  }
}

.installation-and-maintenance__title {
  /* 18px-24px */
  font-size: clamp(1.125rem, 1.04rem + 0.38vw, 1.5rem);
  /* 24px-32px */
  line-height: clamp(1.5rem, 1.38rem + 0.51vw, 2rem);
  font-weight: 500;
}

.installation-and-maintenance__checking-counters {
  display: none;
  flex-direction: column;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
}
@media (width <= 600px) {
  .installation-and-maintenance__checking-counters {
    display: flex;
  }
}
.installation-and-maintenance__checking-counters img {
  width: 100%;
  object-fit: cover;
  border-radius: 24px;
}
.installation-and-maintenance__checking-counters__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
}
.installation-and-maintenance__checking-counters__content__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.installation-and-maintenance__checking-counters__content__contact {
  display: flex;
  align-items: center;
  gap: 12px;
}

.installation-and-maintenance__mobile-actions {
  display: none;
}
@media (width <= 600px) {
  .installation-and-maintenance__mobile-actions {
    display: flex;
    flex-direction: column;
  }
}

@media (width <= 600px) {
  .installation-and-maintenance__hide-mobile {
    display: none;
  }
}

.outage-map__section--search {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* 24px-40px */
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}
.outage-map__section--search a {
  font-weight: 600;
}
.outage-map__section--search .search-form {
  flex-direction: row;
  /* 8px-24px */
  gap: clamp(0.5rem, 0.27rem + 1.03vw, 1.5rem);
}
@media (width <= 600px) {
  .outage-map__section--search .search-form {
    flex-direction: column;
  }
  .outage-map__section--search .search-form button {
    width: 100%;
  }
}

.search-form-wrapper {
  width: 100%;
  display: flex;
  gap: clamp(8px, -8px + 1.67vw, 16px);
}

.outage-map__section__tabs {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.outage-map__section__tab-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.outage-map__additional-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.outage-map__additional-social-media {
  display: flex;
  align-items: center;
  gap: 16px;
}

.outage-map-addresses {
  display: grid;
  grid-template-columns: 400px 1fr;
}
@media (width <= 800px) {
  .outage-map-addresses {
    grid-template-columns: 1fr;
  }
}
.outage-map-addresses__list {
  max-height: 764px;
  overflow-y: auto;
  padding: 24px 0 40px 0;
  padding-right: 8px;
}
.outage-map-addresses__list .divider {
  margin: 16px 0;
}
.outage-map-addresses__list__item {
  display: flex;
  width: 364px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.outage-map-addresses__list__item__title {
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.outage-map-addresses__list__item__sub {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (width <= 800px) {
  .outage-map-addresses__inner {
    display: none;
  }
}

.service-centers-container {
  display: flex;
  gap: 16px;
}
@media (width <= 800px) {
  .service-centers-container {
    flex-direction: column;
  }
}
@media (width <= 800px) {
  .service-centers-container #map {
    order: 2;
    /* 276p-780px */
    height: clamp(17.25rem, 9.98rem + 32.31vw, 48.75rem);
  }
}
.service-centers-container__right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
  /* 24px 16px - 40px 40px*/
  padding: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem) clamp(1rem, 0.65rem + 1.54vw, 2.5rem);
}
.service-centers-container__right .accordion-item {
  font-size: 15px;
  line-height: 22px;
}
.service-centers-container__right .accordion-item p,
.service-centers-container__right .accordion-item span {
  font-size: 15px;
  line-height: 22px;
}
@media (width <= 800px) {
  .service-centers-container__right--hidden-on-mobile {
    display: none;
  }
}
.service-centers-container__right-mobile {
  display: none;
  order: 2;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}
@media (width <= 800px) {
  .service-centers-container__right-mobile {
    display: flex;
  }
}
.service-centers-container__right-mobile .accordion-item {
  font-size: 15px;
  line-height: 22px;
}
.service-centers-container__right-mobile .accordion-item p,
.service-centers-container__right-mobile .accordion-item span {
  font-size: 15px;
  line-height: 22px;
}
.service-centers-container__frame {
  height: 100%;
  background: var(--Brand-brandWhite, #FFF);
  border-radius: 24px;
  padding: clamp(1rem, 0.88rem + 0.51vw, 1.5rem) clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem) clamp(1rem, 0.88rem + 0.51vw, 1.5rem) clamp(0.75rem, 0.58rem + 0.77vw, 1.5rem);
}
.service-centers-container__frame__list-branches {
  width: 100%;
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}
@media (width <= 800px) {
  .service-centers-container__frame__list-branches {
    order: 5;
  }
}
.service-centers-container__frame__button-section {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (width <= 800px) {
  .service-centers-container__frame__button-section {
    order: 4;
  }
}
@media (width <= 800px) {
  .service-centers-container__frame__button-section--hidden-on-mobile {
    display: none;
  }
}
.service-centers-container__frame__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  max-height: 600px;
  overflow-y: auto;
  background: var(--Brand-brandWhite, #FFF);
  /* 8px-12px */
  padding-right: clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem);
}
@media (width <= 800px) {
  .service-centers-container__frame__inner {
    max-height: none;
  }
}
@media (width <= 800px) {
  .service-centers-container__frame__inner .input-wrapper {
    order: 3;
  }
}
.service-centers-container__frame__inner--no-padding-right {
  padding-right: 0;
}
.service-centers-container__frame__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  align-self: stretch;
}
.service-centers-container__frame__header img {
  filter: var(--Secondary-Grey-40-filter);
}
@media (width <= 800px) {
  .service-centers-container__frame {
    order: 3;
    z-index: 100;
  }
  .service-centers-container__frame:not(.service-centers-container__frame--no-margin-top) {
    margin-top: -60px;
  }
}
@media (width <= 800px) {
  .service-centers-container__frame--no-margin-top {
    margin-top: 0;
  }
}
.service-centers-container__alert-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 12px;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 12px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  width: 100%;
}
@media (width <= 800px) {
  .service-centers-container__alert-info {
    order: 6;
  }
}
.service-centers-container__alert-info--without-bg {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 15px;
  line-height: 20px;
}
.service-centers-container__alert-info__inner {
  display: flex;
  gap: 8px;
}
@media (width <= 800px) {
  .service-centers-container__alert-info__inner--hidden-mobile {
    display: none;
  }
}
.service-centers-container__alert-info__content {
  display: flex;
  flex-direction: column;
  /* 0px-8px */
  gap: clamp(0rem, -0.12rem + 0.51vw, 0.5rem);
}
@media (width <= 800px) {
  .service-centers-container__alert-info__text--hidden-mobile {
    display: none;
  }
}
.service-centers-container__alert-info__subtitle {
  font-size: 15px;
  line-height: 20px;
}
.service-centers-container__alert-info__title {
  font-size: 21px;
  line-height: 20px;
}
.service-centers-container__alert-info__text--visible-mobile {
  display: none;
  font-size: 15px;
  line-height: 20px;
}
@media (width <= 800px) {
  .service-centers-container__alert-info__text--visible-mobile {
    display: block;
    order: 7;
  }
}
.service-centers-container__office-address {
  display: flex;
  padding: 16px 0;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.service-centers-container__office-address:not(:last-child) {
  border-bottom: 1px solid var(--Secondary-Grey-20, #DDE1E9);
}
.service-centers-container__office-address {
  cursor: pointer;
}
.service-centers-container__office-address img {
  filter: var(--Secondary-Grey-50-filter);
}

.service-centers__sidebar {
  display: flex;
  height: max-content;
  flex-direction: column;
  gap: 16px;
  /* 360px-400px */
  min-width: clamp(22.5rem, 21.92rem + 2.56vw, 25rem);
  width: clamp(22.5rem, 21.92rem + 2.56vw, 25rem);
}
@media (width <= 800px) {
  .service-centers__sidebar {
    display: contents;
  }
}
@media (width <= 800px) {
  .service-centers__sidebar__title {
    order: 1;
    padding: 0 16px 12px 16px;
  }
}

.service-centers-accordeon {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  gap: 1rem;
  font-size: 15px;
}
.service-centers-accordeon__sections {
  min-width: 240px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
}
.service-centers-accordeon__row {
  flex-wrap: nowrap;
  display: flex;
  gap: 1rem;
}
.service-centers-accordeon__items {
  display: flex;
  display: flex;
  align-content: center;
  gap: 8px;
  align-self: stretch;
}
.service-centers-accordeon__items--baseline {
  align-items: baseline;
}
.service-centers-accordeon__items--wrap {
  flex-wrap: wrap;
}
.service-centers-accordeon__items {
  flex-wrap: wrap;
  font-size: 15px;
  line-height: 20px;
}
.service-centers-accordeon__items p {
  font-size: 15px;
}
.service-centers-accordeon__items .chip {
  pointer-events: none;
}
.service-centers-accordeon__items img {
  filter: var(--Secondary-Grey-50-filter);
}
.service-centers-accordeon__items__alert {
  color: var(--Surface-AccentNegative, #F44848);
}
.service-centers-accordeon__weekday {
  display: flex;
  height: max-content;
  width: 56px;
  padding: 5px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 20px;
  border-radius: 4px;
  background: var(--Secondary-Grey-10, #EEF1F7);
}
.service-centers-accordeon__times {
  display: flex;
  flex-direction: column;
  white-space: pre;
}
.service-centers-accordeon__contacts {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.service-centers-accordeon__descript {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 12px;
  background: var(--Secondary-Grey-10, #EEF1F7);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.service-centers-accordeon-container {
  display: flex;
  padding: 20px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}

.service-centers-accordeon-subtitle {
  color: var(--Secondary-Grey-50, #626E84);
}

.service-centers-container-list-branches-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.service-centers-container-selected-chips {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.service-centers-container__alert-info__text--hidden-mobile {
  color: var(--Brand-brandBlack, #272727);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.for-population-stocks {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* вертикальные отступы 24 px – 32 px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* горизонтальные отступы 16 px – 32 px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  /* горизонтальные отступы 16 px – 220 px */
  padding-right: clamp(16px, -392px + 42.5vw, 220px);
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}

.chat-bot__banner__content {
  display: flex;
  flex-direction: column;
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}

@media (max-width: 600px) {
  .chat-bot-qr-img {
    display: none;
  }
}
.interactive-receipt__title {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.73rem + 1.22vw, 2.1875rem);
}

.interactive-receipt__content {
  display: flex;
  flex-direction: column;
  padding: clamp(2rem, 1.88rem + 0.51vw, 2.5rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}

.interactive-receipt__scroll-area {
  overflow-x: auto;
  overflow-y: hidden;
}

.bill-example-view {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bill-example-view__legend {
  display: flex;
  align-items: start;
  gap: 12px;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.bill-example-view__document-overlay {
  width: 1040px;
  margin-top: 56px;
}

.bill-pointer {
  position: absolute;
  display: inline-flex;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.bill-pointer__label {
  position: relative;
  height: fit-content;
  width: fit-content;
  cursor: pointer;
  margin: 0px 12px;
}
.bill-pointer__label--blue {
  filter: var(--brandAccent-filter);
}
.bill-pointer__label--orange {
  filter: var(--iconColor);
}
.bill-pointer__number {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  color: var(--Brand-brandWhite, #FFF);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  user-select: none;
}
.bill-pointer__info {
  max-width: 400px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  border: 2px solid var(--Brand-brandAccent, #066FE0);
  background: var(--Brand-brandWhite, #FFF);
  box-shadow: 0 4px 20px 0 rgba(39, 39, 39, 0.2);
  opacity: 0;
}
.bill-pointer__info > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.bill-pointer-show {
  opacity: 100;
  z-index: 10;
}

.electronic-receipt__connect {
  display: flex;
  flex-direction: column;
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}

.electronic-receipt__banner__description {
  display: flex;
  flex-direction: column;
}

.electronic-receipt__wrapper-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.electronic-receipt__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(302px, 1fr));
  gap: 1rem;
  align-items: stretch;
}

.electronic-receipt-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  font-style: normal;
  font-weight: 400;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* 12px-32px */
  padding: clamp(0.75rem, 0.46rem + 1.28vw, 2rem);
  /* 12px-16px */
  gap: clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
  /* 15px-21px */
  font-size: clamp(0.938rem, 0.813rem + 0.556vw, 1.313rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}
@media (width <= 600px) {
  .electronic-receipt-card {
    flex-direction: row;
  }
}

.electronic-receipt-card-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.electronic-receipt-card--filled {
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Brand-brandOrange, #FF7200);
}

.electronic-receipt-card-filled-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: var(--Brand-brandWhite, #FFF);
  backdrop-filter: blur(2px);
  /* 10px-24px */
  padding: clamp(0.625rem, 0.42rem + 0.9vw, 1.5rem);
}
.electronic-receipt-card-filled-icon img {
  filter: var(--iconColor);
  /* 24px-60px */
  width: clamp(1.5rem, 0.98rem + 2.31vw, 3.75rem);
  height: clamp(1.5rem, 0.98rem + 2.31vw, 3.75rem);
}

.electronic-receipt__title-info {
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
}
.electronic-receipt__title-info p {
  font-size: clamp(18px, 6px + 1.25vw, 24px);
  line-height: clamp(24px, 8px + 1.67vw, 32px);
}

.for-population-download-app-qr-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  /* 16px-40px */
  gap: clamp(1rem, 0.65rem + 1.54vw, 2.5rem);
}
.for-population-download-app-qr-container__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (width <= 600px) {
  .for-population-download-app-qr-container__item img:first-child {
    display: none;
  }
}
.for-population-download-app-qr-container--sm {
  gap: 24px;
}
.for-population-download-app-qr-container--sm img {
  width: 180px;
}
@media (max-width: 960px) {
  .for-population-download-app-qr-container {
    justify-content: center;
  }
}

.for-population-mobile-app-cards-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
  gap: 1rem;
}

.for-population-mobile-app-simple-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  font-style: normal;
  font-weight: 400;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* 12px-32px */
  padding: clamp(0.75rem, 0.46rem + 1.28vw, 2rem);
  /* 12px-16px */
  gap: clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
@media (width <= 600px) {
  .for-population-mobile-app-simple-card {
    flex-direction: row;
  }
}

.download-app-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
  /* 24px 16px - 32px 32px*/
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
}

.preparation-for-heating-season__content {
  display: flex;
  flex-direction: column;
  /* 24px-40px */
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}

.preparation-for-heating-season__wrapper-search {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (width <= 600px) {
  .preparation-for-heating-season__wrapper-search span {
    color: var(--Secondary-Grey-50, #626E84);
  }
}

.preparation-for-heating-season__search {
  display: flex;
  gap: 24px;
}
.preparation-for-heating-season__search button {
  min-width: 200px;
}
@media (width <= 600px) {
  .preparation-for-heating-season__search {
    flex-direction: column;
  }
  .preparation-for-heating-season__search button {
    width: 100%;
  }
}

.preparation-for-heating-season-search-result__search {
  display: flex;
  /* 8px-24px */
  gap: clamp(0.5rem, 0.27rem + 1.03vw, 1.5rem);
}
.preparation-for-heating-season-search-result__search button {
  min-width: 200px;
}
@media (width <= 600px) {
  .preparation-for-heating-season-search-result__search {
    flex-direction: column;
  }
  .preparation-for-heating-season-search-result__search button {
    width: 100%;
  }
}

.preparation-for-heating-season-search-result__content {
  display: flex;
  width: 100%;
  flex-direction: column;
  /* 40px-120px */
  gap: clamp(2.5rem, 1.35rem + 5.13vw, 7.5rem);
  /* 0px-220px */
  padding-right: clamp(0rem, -3.17rem + 14.1vw, 13.75rem);
}

.preparation-for-heating-season-search-result__loader {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  gap: 12px;
  /* 16px-24px */
  padding: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}

.preparation-for-heating-season-search-result__wrapper-accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.preparation-for-heating-season-search-result__wrapper-accordion__button {
  display: flex;
  justify-content: flex-end;
}

.preparation-for-heating-season-search-result__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.preparation-for-heating-season-search-result-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.service-center {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  padding: clamp(2rem, 1.88rem + 0.51vw, 2.5rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}

.service-center__links {
  display: flex;
  align-items: start;
  gap: 16px;
}
@media (max-width: 960px) {
  .service-center__links {
    flex-direction: column;
  }
}

.service-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #eef1f7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}

.service-link__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}
@media (width <= 600px) {
  .service-link__content {
    justify-content: flex-end;
    flex-direction: row-reverse;
  }
}

.service-center__content {
  display: flex;
  padding-right: 220px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
.service-center__content ul {
  padding-left: 1.5rem;
}
@media (max-width: 960px) {
  .service-center__content {
    padding: 0;
  }
}

.service-center__content__text-section,
.personal-cabinet__content {
  display: flex;
  flex-direction: column;
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}

.personal-cabinet__content__text {
  display: flex;
  flex-direction: column;
  /* 8px-16px */
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}

.personal-cabinet {
  display: flex;
  align-items: flex-start;
  padding: 32px 220px 32px 32px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #f5f7fa);
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
.personal-cabinet ul {
  padding-left: 1.5rem;
}
@media (max-width: 960px) {
  .personal-cabinet {
    padding: 24px 16px;
  }
}

.connecting__banner {
  /* 280px-348px */
  height: clamp(17.5rem, 16.52rem + 4.36vw, 21.75rem);
}

.heat-connection {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  padding: clamp(2rem, 1.88rem + 0.51vw, 2.5rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}

.heat-connection__content {
  display: flex;
  align-items: flex-start;
  padding: 32px 220px 32px 32px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #f5f7fa);
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
@media (max-width: 960px) {
  .heat-connection__content {
    padding: 24px 16px;
  }
}

.tech-connection {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  padding: clamp(2rem, 1.88rem + 0.51vw, 2.5rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}

.tech-connection__container {
  display: flex;
  align-items: flex-start;
  padding: 32px 220px 32px 32px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #f5f7fa);
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
.tech-connection__container ul {
  padding-left: 1.5rem;
}
@media (max-width: 960px) {
  .tech-connection__container {
    padding: 24px 16px;
  }
}

.network-companies-list {
  width: 100%;
  padding: 32px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
}
.network-companies-list__header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 24px;
}
.network-companies-list__contact-section {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid var(--Secondary-Grey-20, #F5F7FA);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.network-companies-list__contact-section__item {
  display: flex;
  align-items: center;
  margin: 4px 0;
  gap: 8px;
}
.network-companies-list__contact-section__item img {
  filter: var(--iconColor);
}
.network-companies-list__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  font-weight: 600;
  cursor: pointer;
  width: fit-content;
  padding: clamp(0.75rem, 0.72rem + 0.13vw, 0.875rem) clamp(1.125rem, 1.04rem + 0.38vw, 1.5rem);
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
  border-radius: 12px;
  color: var(--Brand-brandBlack, #272727);
  background: var(--Brand-brandWhite, #FFF);
  white-space: nowrap;
}
@media (max-width: 960px) {
  .network-companies-list {
    padding: 24px 16px;
  }
  .network-companies-list__header {
    flex-direction: column;
  }
  .network-companies-list__contact-section {
    grid-template-columns: repeat(1, 1fr);
  }
  .network-companies-list__btn {
    width: 100%;
  }
}

.company-page__about {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: clamp(16px, -72px + 9.17vw, 60px);
}
@media (max-width: 960px) {
  .company-page__about {
    display: flex;
    flex-direction: column-reverse;
  }
}

.statistics {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: lightgray;
  border-radius: 24px;
}

.statistics__bg {
  position: absolute;
  inset: 0;
  background-image: url("/media/company-statistics.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.statistics__content {
  position: relative;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 16px;
  height: 476px;
  padding-top: clamp(32px, 60px + -28 * (1440px - 100vw) / 480, 60px);
  padding-bottom: clamp(32px, 80px + -48 * (1440px - 100vw) / 480, 80px);
  padding-left: clamp(16px, 60px + -44 * (1440px - 100vw) / 480, 60px);
  padding-right: clamp(16px, 60px + -44 * (1440px - 100vw) / 480, 60px);
  text-align: center;
}
@media (max-width: 960px) {
  .statistics__content {
    flex-direction: column;
  }
}

.statistics__info {
  display: flex;
  padding: clamp(16px, -32px + 5vw, 40px);
  flex-direction: column;
  align-items: flex-start;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
}

.statistics__value {
  color: var(--Brand-brandOrange, #FF7200);
  font-size: clamp(2rem, 5vw, 4rem);
  margin: 0;
}

.statistics__label {
  margin: 0;
}

.company-leadership {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: clamp(16px, 32px + -16 * (1440px - 100vw) / 480, 32px);
  padding-bottom: clamp(16px, 32px + -16 * (1440px - 100vw) / 480, 32px);
  padding-left: clamp(16px, 32px + -16 * (1440px - 100vw) / 480, 32px);
  padding-right: clamp(16px, 220px + -204 * (1440px - 100vw) / 480, 220px);
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}

.company-leadership__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}

.company-leadership-list {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 0px + 1.67vw, 24px);
}

.company-leadership-list__row {
  display: grid;
  grid-template-columns: 400px 588px;
  gap: clamp(4px, -20px + 2.5vw, 16px);
}
@media (max-width: 960px) {
  .company-leadership-list__row {
    grid-template-columns: 1fr;
  }
}

.social-responsibility {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media (max-width: 960px) {
  .social-responsibility {
    flex-direction: column;
  }
}

.social-responsibility-banner {
  position: relative;
  display: flex;
  height: 300px;
  width: 328px;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(4deg, rgba(123, 135, 157, 0) 55.04%, #7B879D 76.21%);
}
.social-responsibility-banner--lg {
  width: 100%;
  height: 482px;
  padding: 40px 60px;
}
.social-responsibility-banner img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: multiply;
}
.social-responsibility-banner h4,
.social-responsibility-banner h2 {
  color: var(--Brand-brandWhite, #FFF);
  z-index: 2;
}

.company__main__banner-wrapper {
  position: relative;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  /* 280px-320px  */
  height: clamp(17.5rem, 16.92rem + 2.56vw, 20rem);
}

.company__main__banner-text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--bannerColor, #FFF);
  border-radius: 24px;
  z-index: 2;
  height: 100%;
  background: linear-gradient(91deg, #066EE5 1.03%, #67ABFA 22.6%, rgba(134, 188, 251, 0) 65.38%);
  max-width: 680px;
  /* 12px-24px */
  gap: clamp(0.75rem, 0.58rem + 0.77vw, 1.5rem);
  /* 24px 16px - 60px 60px*/
  padding: clamp(1.5rem, 0.98rem + 2.31vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.company__main__wrapper-text {
  display: flex;
  flex-direction: column;
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}

.company__main__text {
  display: flex;
  flex-direction: column;
  /* 8px-16px */
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}

.company__social-responsibility {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.company__social-responsibility__text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.business-ethics-section-links-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 960px) {
  .business-ethics-section-links-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.business-ethics-section-link {
  display: flex;
  padding: clamp(16px, -16px + 3.33vw, 32px);
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Brand-brandBlack, #272727) !important;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.business-ethics-section-link__title {
  height: 100%;
  display: flex;
  align-items: center;
}

.found-vacancy {
  display: grid;
  grid-template-columns: 1fr minmax(0, 484px);
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
}
.found-vacancy__info {
  display: flex;
  padding: clamp(16px, -32px + 5vw, 40px);
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.found-vacancy__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}
@media (max-width: 960px) {
  .found-vacancy {
    grid-template-columns: 1fr;
  }
}

.working-in-company-cards-info-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
}
@media (max-width: 960px) {
  .working-in-company-cards-info-container .cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.working-in-company-card {
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  overflow: hidden;
}

.working-in-company-card-image {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.working-in-company-card-content {
  /* 32px - 16px */
  padding: clamp(16px, -16px + 3.33vw, 32px);
}
.working-in-company-card-content p {
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.inspiration-section-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 960px) {
  .inspiration-section-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.inspiration-section-banner {
  position: relative;
  display: flex;
  width: 100%;
  /* 482px - 328px */
  height: clamp(328px, 20px + 32.08vw, 482px);
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(4deg, rgba(123, 135, 157, 0) 55.04%, #7B879D 76.21%);
  /* вертикальные отступы 40px - 16px */
  padding-top: clamp(16px, -32px + 5vw, 40px);
  padding-bottom: clamp(16px, -32px + 5vw, 40px);
  /* горизонтальные отступы 60px - 16px */
  padding-left: clamp(16px, -72px + 9.17vw, 60px);
  padding-right: clamp(16px, -72px + 9.17vw, 60px);
}
.inspiration-section-banner img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: multiply;
}
.inspiration-section-banner h4,
.inspiration-section-banner h2 {
  color: var(--Brand-brandWhite, #FFF);
  z-index: 2;
}

.working-in-company-social-program-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: clamp(24px, -8px + 3.33vw, 40px);
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding-top: clamp(32px, -24px + 5.83vw, 60px);
  padding-bottom: clamp(32px, -24px + 5.83vw, 60px);
  padding-left: clamp(16px, -72px + 9.17vw, 60px);
  padding-right: clamp(16px, -72px + 9.17vw, 60px);
  background: var(--Secondary-Grey-05, #F5F7FA);
}
.working-in-company-social-program-wrapper .working-in-company-social-program-cards-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
}
.working-in-company-social-program-wrapper .working-in-company-social-program-card {
  /* 32px - 16px */
  padding: clamp(16px, -16px + 3.33vw, 32px);
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  color: var(--Brand-brandBlack, #272727) !important;
}
@media (max-width: 960px) {
  .working-in-company-social-program-wrapper .working-in-company-social-program-card {
    flex-direction: row-reverse;
  }
}
.working-in-company-social-program-wrapper .icon-round {
  background: var(--Secondary-Grey-10, #EEF1F7);
}

.working-in-company-production-practice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: clamp(24px, -8px + 3.33vw, 40px);
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding-top: clamp(32px, -24px + 5.83vw, 60px);
  padding-bottom: clamp(32px, -24px + 5.83vw, 60px);
  padding-left: clamp(16px, -72px + 9.17vw, 60px);
  padding-right: clamp(16px, -72px + 9.17vw, 60px);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.production-practice {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--Brand-brandWhite, #FFF);
  border-radius: 24px;
}
.production-practice__info {
  display: flex;
  /* 32px - 16px */
  padding: clamp(16px, -16px + 3.33vw, 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}
.production-practice img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}
@media (max-width: 960px) {
  .production-practice {
    grid-template-columns: 1fr;
  }
}

.detailed-news {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.detailed-news__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}
.detailed-news__main {
  display: flex;
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.detailed-news__main__date {
  color: var(--Secondary-Grey-50, #626E84);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

/* eDit */
.detailed-news__content img {
  height: auto;
  max-width: 100%;    
  object-fit: contain;
}
/* eDit */
.detailed-news__content p {
margin: 8px;
}

.detailed-news__main__banner {
  width: 100%;
  max-height: 376px;
  object-fit: cover;
  border-radius: 24px;
}
@media (max-width: 960px) {
  .detailed-news__header {
    flex-direction: column;
  }
}

.news-card {
  display: flex;
  /* 1036px - 328px */
  width: clamp(328px, -1088px + 147.5vw, 1036px);
  /* 32px - 16px */
  padding: clamp(16px, -16px + 3.33vw, 32px);
  flex-direction: column;
  align-items: flex-start;
  /* 24px - 12px */
  gap: clamp(12px, -12px + 2.5vw, 24px);
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
}
.news-card__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.news-card__header__date {
  color: var(--Secondary-Grey-50, #626E84);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.news-card__header__teg {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-20, #DDE1E9);
  color: #333;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.news-card h3 {
  color: #333;
}
.news-card p {
  color: var(--Brand-brandBlack, #272727);
  text-overflow: ellipsis;
  /* 21px - 15px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  font-style: normal;
  font-weight: 400;
  /* 28px - 20px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.business-section__wrapper {
  position: relative;
  overflow: hidden;
  flex: 2;
  border-radius: 24px;
  height: clamp(27.5rem, 26.92rem + 2.56vw, 30rem);
}

.business-section__item {
  display: flex;
  height: 100%;
}

.business-section__image {
  width: 100%;
  height: 100%;
  display: block;
}

.business-section__info {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #fff;
  left: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  right: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  top: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.business-section__bottom {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  gap: 8px;
  left: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  right: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  bottom: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.business-info-section {
  display: flex;
  align-items: flex-start;
  gap: clamp(12px, 4px + 0.83vw, 16px);
  align-self: stretch;
}
@media (max-width: 960px) {
  .business-info-section {
    flex-direction: column;
  }
}

.business-info-section__item {
  display: flex;
  /* 16px 16px 16p 16px - 32px 32px 44px 32px*/
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Brand-brandBlack, #272727) !important;
  border-radius: var(--Number-2, 24px);
  background: var(--Brand-brandWhite, #fff);
}

.business-info-section-item__title {
  height: 100%;
  display: flex;
  align-items: center;
}

.business-faq-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(24px, 8px + 1.67vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.business-faq-section__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(328px, 1fr));
  gap: 1rem;
}

.business-faq-section__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #eef1f7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}

.business-faq-section__card-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.business-electric-energy-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.business-electric-energy-section__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(328px, 1fr));
  gap: 1rem;
}

.business-electric-energy-section-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #EEF1F7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}

.business-electric-energy-section-card__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.business-electric-energy-contract-section-notification {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.business-electric-energy-green-energy-section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  border-radius: 24px;
  /* 32px-24px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* 32px-16px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  padding-right: clamp(16px, -16px + 3.33vw, 32px);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.business-electric-energy-green-energy-section__intro {
  /* 220px-0px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  white-space: break-spaces;
}
.business-electric-energy-green-energy-section__intro p {
  /* 18px-24px */
  font-size: clamp(18px, 6px + 1.25vw, 24px);
  /* 24px-32px */
  line-height: clamp(24px, 8px + 1.67vw, 32px);
}

.business-electric-energy-green-energy-section__certificate {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-radius: 12px;
  background: var(--Brand-brandWhite, #FFF);
}
@media (max-width: 960px) {
  .business-electric-energy-green-energy-section__certificate {
    flex-direction: column;
  }
}

.business-electric-energy-green-energy-section__certificate-text {
  /* 16px-32px */
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem);
}
.business-electric-energy-green-energy-section__certificate-text p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-electric-energy-green-energy-section__certificate-img img {
  width: clamp(350px, 83.33px + 22.22vw, 510px);
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 24px;
}
@media (max-width: 960px) {
  .business-electric-energy-green-energy-section__certificate-img img {
    width: 100%;
  }
}

.business-electric-energy-green-energy-section__info {
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 0px + 1.67vw, 24px);
  align-self: stretch;
}
.business-electric-energy-green-energy-section__info p {
  /* 18px-21px */
  font-size: clamp(18px, 12px + 0.63vw, 21px);
  /* 24px-28px */
  line-height: clamp(24px, 16px + 0.83vw, 28px);
}
.business-electric-energy-green-energy-section__info ul {
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}

.business-electric-energy-payment-section__methods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, -16px + 3.33vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* вертикальные отступы 24 px – 32 px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* горизонтальные отступы 16 px – 32 px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  padding-right: clamp(16px, -16px + 3.33vw, 32px);
}

.business-electric-energy-payment-methods__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  width: 100%;
}
@media (max-width: 960px) {
  .business-electric-energy-payment-methods__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.business-electric-energy-payment-methods__item {
  display: flex;
  padding: clamp(16px, 0px + 1.67vw, 24px);
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(8px, 20px - 0.83vw, 12px);
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Brand-brandBlack, #272727) !important;
  border-radius: var(--Number-2, 24px);
  background: var(--Brand-brandWhite, #FFF);
}

.business-electric-energy-payment-methods__content {
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
}
.business-electric-energy-payment-methods__content p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-electric-energy-payment-section__schedule {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 0px + 1.67vw, 24px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* вертикальные отступы 24 px – 32 px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* горизонтальные отступы 16 px – 32 px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  /* горизонтальные отступы 16 px – 220 px */
  padding-right: clamp(16px, -392px + 42.5vw, 220px);
}
.business-electric-energy-payment-section__schedule ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}

.business-electric-energy-meter-reading-section__methods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, -16px + 3.33vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* вертикальные отступы 24 px – 32 px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* горизонтальные отступы 16 px – 32 px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  padding-right: clamp(16px, -16px + 3.33vw, 32px);
}

.business-electric-energy-meter-reading-section__methods-list {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media (max-width: 960px) {
  .business-electric-energy-meter-reading-section__methods-list {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.business-electric-energy-meter-reading-section__method {
  display: flex;
  padding: clamp(16px, 0px + 1.67vw, 24px);
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(8px, 0px + 0.83vw, 12px);
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Brand-brandBlack, #272727) !important;
  border-radius: var(--Number-2, 24px);
  background: var(--Brand-brandWhite, #FFF);
}

.business-electric-energy-meter-reading-section__description {
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 4px + 0.83vw, 16px);
}
.business-electric-energy-meter-reading-section__description p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-electric-energy-meter-reading-section__deadlines {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 0px + 1.67vw, 24px);
  align-self: stretch;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  padding-right: clamp(16px, -392px + 42.5vw, 220px);
}
.business-electric-energy-meter-reading-section__deadlines p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-electric-energy-meter-installation-section__info {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 4px + 0.83vw, 16px);
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
}
.business-electric-energy-meter-installation-section__info p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-electric-energy-meter-installation-section__method-list {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media (max-width: 960px) {
  .business-electric-energy-meter-installation-section__method-list {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.business-electric-energy-meter-installation-section__method {
  padding: clamp(16px, 0px + 1.67vw, 24px);
  display: flex;
  padding: clamp(16px, 0px + 1.67vw, 24px);
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(8px, 20px - 0.83vw, 12px);
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Brand-brandBlack, #272727) !important;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #EEF1F7);
}

.business-electric-energy-tariff-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  /* вертикальные отступы 40 px – 60 px */
  padding-top: clamp(40px, 0px + 4.17vw, 60px);
  padding-bottom: clamp(40px, 0px + 4.17vw, 60px);
  /* горизонтальные отступы 20 px – 60 px */
  padding-left: clamp(20px, -60px + 8.33vw, 60px);
  padding-right: clamp(20px, -60px + 8.33vw, 60px);
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}
.business-electric-energy-tariff-section ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}

.business-electric-energy-tariff-section__description {
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 4px + 0.83vw, 16px);
}
.business-electric-energy-tariff-section__description p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-thermal-energy-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.business-thermal-energy-section__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(328px, 1fr));
  gap: 1rem;
}

.business-thermal-energy-section-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #EEF1F7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}

.business-thermal-energy-section-card__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.business-thermal-energy-contract-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  /* вертикальные отступы  →  40 px – 60 px */
  padding-top: clamp(40px, 0px + 4.17vw, 60px);
  padding-bottom: clamp(40px, 0px + 4.17vw, 60px);
  /* горизонтальные отступы  →  20 px – 60 px */
  padding-left: clamp(20px, -60px + 8.33vw, 60px);
  padding-right: clamp(20px, -60px + 8.33vw, 60px);
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}

.business-thermal-energy-contract-section-notification {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.business-thermal-energy-payment-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  /* вертикальные отступы 40 px – 60 px */
  padding-top: clamp(40px, 0px + 4.17vw, 60px);
  padding-bottom: clamp(40px, 0px + 4.17vw, 60px);
  /* горизонтальные отступы 20 px – 60 px */
  padding-left: clamp(20px, -60px + 8.33vw, 60px);
  padding-right: clamp(20px, -60px + 8.33vw, 60px);
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}

.business-thermal-energy-payment-section__methods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, -16px + 3.33vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* вертикальные отступы 24 px – 32 px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* горизонтальные отступы 16 px – 32 px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  padding-right: clamp(16px, -16px + 3.33vw, 32px);
}

.business-thermal-energy-payment-methods__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  width: 100%;
}
@media (max-width: 960px) {
  .business-thermal-energy-payment-methods__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.business-thermal-energy-payment-methods__item {
  display: flex;
  padding: clamp(16px, 0px + 1.67vw, 24px);
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(8px, 20px - 0.83vw, 12px);
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Brand-brandBlack, #272727) !important;
  border-radius: var(--Number-2, 24px);
  background: var(--Brand-brandWhite, #FFF);
}

.business-thermal-energy-payment-methods__content {
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
}
.business-thermal-energy-payment-methods__content p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-thermal-energy-payment-section__schedule {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 0px + 1.67vw, 24px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* вертикальные отступы 24 px – 32 px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* горизонтальные отступы 16 px – 32 px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  /* горизонтальные отступы 16 px – 220 px */
  padding-right: clamp(16px, -392px + 42.5vw, 220px);
}
.business-thermal-energy-payment-section__schedule ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}

.business-thermal-energy-meter-reading-section-methods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, -16px + 3.33vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* вертикальные отступы 24 px – 32 px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* горизонтальные отступы 16 px – 32 px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  padding-right: clamp(16px, -16px + 3.33vw, 32px);
}

.business-thermal-energy-meter-reading-section-methods__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.business-thermal-energy-meter-reading-section-methods__list {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media (max-width: 960px) {
  .business-thermal-energy-meter-reading-section-methods__list {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.business-thermal-energy-meter-reading-section__method {
  display: flex;
  padding: clamp(16px, 0px + 1.67vw, 24px);
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(8px, 20px - 0.83vw, 12px);
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Brand-brandBlack, #272727) !important;
  border-radius: var(--Number-2, 24px);
  background: var(--Brand-brandWhite, #FFF);
}

.business-thermal-energy-meter-reading-section__meters-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 960px) {
  .business-thermal-energy-meter-reading-section__meters-list {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.business-thermal-energy-meter-reading-section__meter {
  display: flex;
  padding: clamp(16px, 0px + 1.67vw, 24px);
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(8px, 0px + 0.83vw, 12px);
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Brand-brandBlack, #272727) !important;
  border-radius: var(--Number-2, 24px);
  background: var(--Brand-brandWhite, #FFF);
  font-size: clamp(12px, -6px + 1.88vw, 21px);
  line-height: clamp(16px, -8px + 2.5vw, 28px);
}
@media (max-width: 960px) {
  .business-thermal-energy-meter-reading-section__meter {
    flex-direction: row-reverse;
  }
}

.business-thermal-energy-meter-reading-section__description {
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 4px + 0.83vw, 16px);
}
.business-thermal-energy-meter-reading-section__description p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-thermal-energy-meter-reading-section__deadlines {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 0px + 1.67vw, 24px);
  align-self: stretch;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  padding-right: clamp(16px, -392px + 42.5vw, 220px);
}
.business-thermal-energy-meter-reading-section__deadlines p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-thermal-energy-meter-installation-section__info {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 4px + 0.83vw, 16px);
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
}
.business-thermal-energy-meter-installation-section__info p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-thermal-energy-meter-installation-section__method-list {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media (max-width: 960px) {
  .business-thermal-energy-meter-installation-section__method-list {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.business-thermal-energy-meter-installation-section__method {
  padding: clamp(16px, 0px + 1.67vw, 24px);
  display: flex;
  padding: clamp(16px, 0px + 1.67vw, 24px);
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(8px, 20px - 0.83vw, 12px);
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Brand-brandBlack, #272727) !important;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #EEF1F7);
}

.business-thermal-energy-preparation-section__info {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, -12px + 2.5vw, 24px);
  align-self: stretch;
}

.business-thermal-energy-preparation-results__links {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, -12px + 2.5vw, 24px);
  align-self: stretch;
}
.business-thermal-energy-preparation-results__links a {
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
  font-style: normal;
  font-weight: inherit;
  color: var(--linkColor, #FF7200);
}

.tpu-acceptance__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.stat-container {
  display: flex;
  gap: 24px;
}
@media (max-width: 960px) {
  .stat-container {
    flex-direction: column;
  }
}

.stat-card {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  box-sizing: border-box;
}

.stat-number-row,
.change-indicator {
  min-width: 0;
  overflow: hidden;
}

.stat-number {
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
}

.stat-subtext {
  color: var(--Secondary-Grey-50, #626E84);
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.stat-number-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.change-indicator {
  display: flex;
  padding: 4px 12px 4px 8px;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: var(--Secondary-Grey-20, #DDE1E9);
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 5px;
}
.change-indicator img {
  filter: var(--Secondary-Grey-50-filter);
}

.preparation-ozp-results__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  min-width: 0;
}

.preparation-ozp-results__table-overflow {
  overflow-x: auto;
}

.preparation-ozp-results__table {
  border-collapse: collapse;
  width: 100%;
}

.preparation-ozp-maintenance-report {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  min-width: 0;
}

.preparation-ozp-maintenance-report__table-overflow {
  overflow-x: auto;
}

.preparation-ozp-maintenance-report__table {
  border-collapse: collapse;
  width: 100%;
}
.preparation-ozp-maintenance-report__table td {
  border: none;
}
.preparation-ozp-maintenance-report__table thead th {
  border: none;
}

.preparation-ozp-heat-issues-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  min-width: 0;
}

.preparation-ozp-heat-issues-section__table-overflow {
  overflow-x: auto;
}

.preparation-ozp-heat-issues-section__table {
  border-collapse: collapse;
  width: 100%;
}
.preparation-ozp-heat-issues-section__table td {
  border: none;
}
.preparation-ozp-heat-issues-section__table thead th {
  border: none;
}

.preparation-ozp-odpu-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.preparation-ozp-odpu-section__table-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.preparation-ozp-odpu-section__table {
  border-collapse: collapse;
  width: 100%;
}
.preparation-ozp-odpu-section__table thead th {
  border: none;
}
.preparation-ozp-odpu-section__table td {
  border-left: none;
  border-right: none;
}

.business-thermal-energy-tariff-tabs {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.business-thermal-energy-tariff-tabs__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.business-thermal-energy-tariff-tabs__list-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.business-thermal-energy-tariff-section__description {
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 4px + 0.83vw, 16px);
}
.business-thermal-energy-tariff-section__description p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.business-services-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.business-services-section__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(328px, 1fr));
  gap: 1rem;
}

.business-services-section-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #EEF1F7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}

.business-services-section-card__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.services-electronic-document-management-section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, -16px + 3.33vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* вертикальные отступы 24 px – 32 px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* горизонтальные отступы 16 px – 32 px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  padding-right: clamp(16px, -16px + 3.33vw, 32px);
}

.business-electric-energy-payment-section__benefits {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 0px + 1.67vw, 24px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  /* вертикальные отступы 24 px – 32 px */
  padding-top: clamp(24px, 8px + 1.67vw, 32px);
  padding-bottom: clamp(24px, 8px + 1.67vw, 32px);
  /* горизонтальные отступы 16 px – 32 px */
  padding-left: clamp(16px, -16px + 3.33vw, 32px);
  /* горизонтальные отступы 16 px – 220 px */
  padding-right: clamp(16px, -392px + 42.5vw, 220px);
}
.business-electric-energy-payment-section__benefits ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}

.tariff-plans-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
  gap: 1rem;
}

.tariff-plans {
  padding: 16px;
  border-radius: 12px;
  background: var(--Brand-brandWhite, #FFF);
}
.tariff-plans--inner {
  height: 100%;
  display: flex;
  gap: 12px;
  line-height: 10px;
  flex-direction: column;
  justify-content: space-between;
}
.tariff-plans__title {
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.tariff-plans__links {
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.tariff-plans__links a {
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  font-style: normal;
  font-weight: 400;
  line-height: clamp(20px, 4px + 1.67vw, 28px);
  color: var(--Brand-brandAccent, #066FE0);
}

.archive-reader-banner {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 960px) {
  .archive-reader-banner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }
  .archive-reader-banner a {
    width: 100%;
  }
}

.archive-reader-section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, -16px + 3.33vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}
.archive-reader-section__wrapper .stepper__card {
  background: var(--Brand-brandWhite, #FFF);
}

.archive-reader-section__content {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, -12px + 2.5vw, 24px);
  align-self: stretch;
}
.archive-reader-section__content p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
.archive-reader-section__content ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.archive-reader-section__content a {
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
  font-style: normal;
  font-weight: inherit;
  color: var(--linkColor, #FF7200);
}

.ASKUTE-section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.ASKUTE-section__title-block {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, -12px + 2.5vw, 24px);
  align-self: stretch;
}

.services-payment {
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding: 32px;
}
.services-payment__inner {
  display: grid;
  grid-template-columns: 1fr 353px;
  gap: 32px;
}
.services-payment__price {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 12px;
  background: var(--Surface-bgAlertBlueTint, #E6F1FF);
  color: var(--Brand-brandAccent, #066FE0);
  white-space: nowrap;
}
@media (max-width: 960px) {
  .services-payment {
    padding: 16px;
  }
  .services-payment__inner {
    grid-template-columns: 1fr;
  }
}

.ASKUTE-section__info {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, -12px + 2.5vw, 24px);
  align-self: stretch;
}
.ASKUTE-section__info p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
.ASKUTE-section__info ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}

.ASKUTE-section__order {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ASKUTE-section__order-list {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media (max-width: 960px) {
  .ASKUTE-section__order-list {
    flex-direction: column;
  }
}

.ASKUTE-section__order-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #EEF1F7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}

.ASKUTE-section__order-item__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.services-banner {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 960px) {
  .services-banner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }
  .services-banner a {
    width: 100%;
  }
}

.services-switch-to-chatbot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}
@media (max-width: 960px) {
  .services-switch-to-chatbot {
    gap: 16px;
  }
  .services-switch-to-chatbot img {
    display: none;
  }
}

.chat-bot-qr-container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
}

.chat-bot-qr-container {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}

.chat-bot-qr-container__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.chat-bot-cards-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
  gap: 1rem;
}

.chat-bot-simple-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  font-style: normal;
  font-weight: 400;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  /* 12px-32px */
  padding: clamp(0.75rem, 0.46rem + 1.28vw, 2rem);
  /* 12px-16px */
  gap: clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
@media (width <= 600px) {
  .chat-bot-simple-card {
    flex-direction: row;
  }
}

.chatbot-section__qr-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.chatbot-section__guides {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
  gap: 1rem;
}

.chatbot-section__guides-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  font-style: normal;
  font-weight: 400;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  padding: clamp(0.75rem, 0.46rem + 1.28vw, 2rem);
  gap: clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
  font-size: clamp(0.938rem, 0.813rem + 0.556vw, 1.313rem);
  line-height: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}
.chatbot-section__guides-item ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.chatbot-section__guides-item ul > *:not(:last-child) {
  margin-bottom: 12px;
}

.demand-management__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.demand-management__info {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, -12px + 2.5vw, 24px);
  align-self: stretch;
}
.demand-management__info p {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}

.services-mobila-app__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.services-download-app-qr-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  /* 16px-40px */
  gap: clamp(1rem, 0.65rem + 1.54vw, 2.5rem);
}
.services-download-app-qr-container__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (width <= 600px) {
  .services-download-app-qr-container__item img:first-child {
    display: none;
  }
}
.services-download-app-qr-container--sm {
  gap: 24px;
}
.services-download-app-qr-container--sm img {
  width: 180px;
}
@media (max-width: 960px) {
  .services-download-app-qr-container {
    justify-content: start;
  }
}

.business-mobile-app-card-container {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}
@media (max-width: 960px) {
  .business-mobile-app-card-container {
    flex-direction: column;
  }
}

.business-mobile-app-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  padding: clamp(0.75rem, 0.46rem + 1.28vw, 2rem);
  gap: clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
}
.business-mobile-app-card ul {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.business-mobile-app-card ul > *:not(:last-child) {
  margin-bottom: 12px;
}

.business-to-clients-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.business-to-clients-section__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(328px, 1fr));
  gap: 1rem;
}

.business-to-clients-section-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #EEF1F7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}

.business-to-clients-section-card__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.business-to-clients-debt-horticulture-section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.business-to-clients-debt-horticulture__info-block {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, -12px + 2.5vw, 24px);
  align-self: stretch;
}

.business-to-clients-developers-section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.business-to-clients-developers__info-block {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, -12px + 2.5vw, 24px);
  align-self: stretch;
}

.business-to-clients-register-defaulters-section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.business-to-clients-register-defaulters__info-block {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, -12px + 2.5vw, 24px);
  align-self: stretch;
}

.business-to-clients-reliable-partner-section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, -16px + 3.33vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.reliable-partner-img-wrapper {
  display: flex;
  width: 100%;
  overflow: auto;
  border-radius: 12px;
}
.reliable-partner-img-wrapper img {
  width: 100%;
}
@media (max-width: 960px) {
  .reliable-partner-img-wrapper img {
    width: 711.109px;
    height: 400px;
  }
}

.business-to-clients-stocks-section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, -16px + 3.33vw, 32px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  background: var(--Secondary-Grey-05, #F5F7FA);
}

.business-to-clients-stocks-section__info-block {
  display: flex;
  /* 0px-220px */
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 0px + 1.67vw, 24px);
  align-self: stretch;
}

.stocks-input-form {
  display: flex;
  width: 100%;
  max-width: 600px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.business-faq-search {
  display: grid;
  grid-template-columns: 1fr 200px;
  gap: 24px;
  align-self: stretch;
}

.business-instructions-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(24px, -8px + 3.33vw, 40px);
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.business-instructions-section__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(328px, 1fr));
  gap: 1rem;
}

.business-instructions-section-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--Number-2, 24px);
  background: var(--Secondary-Grey-10, #EEF1F7);
  color: var(--Brand-brandBlack, #272727) !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  padding: clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1rem, 0.6rem + 1.79vw, 2.75rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  gap: clamp(0.25rem, 0.13rem + 0.51vw, 0.75rem);
}

.business-instructions-section-card__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.business-instructions-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.emergency-occurs-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.emergency-occurs-info img {
  width: 100%;
}
@media (max-width: 960px) {
  .emergency-occurs-info {
    grid-template-columns: repeat(1, 1fr);
  }
}

.business-instructions-imgs-skroll-wrapper {
  display: flex;
  width: 100%;
  overflow: auto;
}

.business-help-lk-and-mobile-application {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  /* 16px-24px */
  gap: clamp(16px, 0px + 1.67vw, 24px);
}
.business-help-lk-and-mobile-application__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (width <= 600px) {
  .business-help-lk-and-mobile-application__item img:first-child {
    display: none;
  }
}
.business-help-lk-and-mobile-application img {
  width: 180px;
}
@media (max-width: 960px) {
  .business-help-lk-and-mobile-application {
    justify-content: start;
  }
}

.power-outage-qr-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  /* 16px-24px */
  gap: clamp(16px, 0px + 1.67vw, 24px);
}
.power-outage-qr-wrapper__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (width <= 600px) {
  .power-outage-qr-wrapper__item img:first-child {
    display: none;
  }
}
.power-outage-qr-wrapper img {
  width: 180px;
}
@media (max-width: 960px) {
  .power-outage-qr-wrapper {
    justify-content: start;
  }
}

.online-services-and-chatbots-qr {
  display: flex;
  align-items: start;
  gap: 24px;
}
@media (width <= 600px) {
  .online-services-and-chatbots-qr {
    flex-direction: column;
  }
}

.online-services-and-chatbots-qr__img--mbl {
  display: none;
}
@media (width <= 600px) {
  .online-services-and-chatbots-qr__img {
    display: none;
    flex-direction: column;
  }
  .online-services-and-chatbots-qr__img--mbl {
    display: block;
  }
}

.not-found-section-info-title {
  font-size: clamp(1.75rem, 1.21rem + 2.38vw, 3rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.25rem + 3.33vw, 3.75rem);
}

.not-found-section-info-description {
  font-size: clamp(0.9375rem, 0.7rem + 1.07vw, 1.5rem);
  font-weight: 400;
  line-height: clamp(1.25rem, 0.93rem + 1.43vw, 2rem);
}

.not-found-section-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
}

.not-found-section-info-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1.5rem, 1.07rem + 1.9vw, 2.5rem);
  max-width: 680px;
}
@media (max-width: 960px) {
  .not-found-section-info-container {
    align-items: center;
    text-align: center;
  }
  .not-found-section-info-container .btn {
    width: 100%;
  }
}

.not-found-section-error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 23px;
}

.not-found-section-error-first {
  color: var(--Secondary-Grey-50, #626E84);
  font-size: clamp(1.75rem, 1.21rem + 2.38vw, 3rem);
  font-weight: 400;
  line-height: clamp(2rem, 1.25rem + 3.33vw, 3.75rem);
}

.not-found-section-error-second {
  color: var(--Secondary-Grey-50, #626E84);
  font-size: clamp(6.875rem, 3.93rem + 13.1vw, 13.75rem);
  font-weight: 600;
  line-height: clamp(5rem, 2.32rem + 11.9vw, 11.25rem);
}

.not-found-section {
  position: relative;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
  background-image: url("../media/404-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.not-found-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: clamp(1.5rem, 0.54rem + 4.29vw, 3.75rem) clamp(1rem, -0.18rem + 5.24vw, 3.75rem);
  z-index: 2;
}

.not-found-inner-row {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 960px) {
  .not-found-inner-row {
    flex-direction: column-reverse;
    align-items: center;
    gap: 40px;
  }
}

.not-found-section-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 960px) {
  .not-found-section-info {
    align-items: center;
  }
}

.accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.accordion .accordion-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
  align-self: stretch;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
}
.accordion .accordion-header__wrapper-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
@media (width <= 800px) {
  .accordion .accordion-header__wrapper-title {
    align-items: flex-start;
    flex-direction: column;
  }
}
.accordion .accordion-header__title {
  height: 100%;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  /* 18px-24px */
  font-size: clamp(1.125rem, 1.04rem + 0.38vw, 1.5rem);
  /* 24px-32px */
  line-height: clamp(1.5rem, 1.38rem + 0.51vw, 2rem);
}
.accordion .accordion-header__button-wrapper {
  display: flex;
  align-items: start;
  gap: 16px;
}
.accordion .accordion-header__button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--Brand-brandWhite, #FFF);
  /* 8px-16px*/
  padding: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}
.accordion .accordion-header__button img {
  filter: var(--Secondary-Grey-50-filter);
  transition: transform 0.3s ease;
}
.accordion .accordion-header {
  transition: color var(--transition-dur) var(--transition-ease);
}
.accordion .accordion-header:hover {
  color: var(--activeColor, #FF7200);
}
.accordion .accordion-header:hover img {
  filter: var(--iconColor);
}
.accordion .accordion-header .selected img {
  transform: rotate(180deg);
  filter: var(--iconColor);
}

.accordion-item {
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  padding: 20px;
  line-height: 28px;
  font-size: 21px;
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}


.accordion-item .accordion-item-content {
  text-align: justify;
  display: flex;
  flex-direction: column;
  /* 16px-24px */
  /* Отключено, так как иначе появляется множество нежелательных отступов */
  /* gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem); */
  /* 15px-21px */
  font-size: clamp(0.938rem, 0.813rem + 0.556vw, 1.313rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}
.accordion-item .accordion-item-content p br {
  line-height: 2px;
}

.accordion-item .accordion-item-content ul,
.accordion-item .accordion-item-content ol {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.accordion-item .accordion-item-content ul li,
.accordion-item .accordion-item-content ol li {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.accordion-item .accordion-body img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.accordion-item .accordion-body--right-margin a {
  font-style: normal;
  font-weight: inherit;
  cursor: pointer;
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
  color: var(--linkColor, #FF7200);
}
.accordion-item .accordion-body--right-margin a img {
  filter: var(--iconColor);
}
.accordion-item .accordion-body--right-margin .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 14px 24px;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: var(--Brand-brandOrange, #FF7200);
  cursor: pointer;
}
.accordion-item .accordion-body--right-margin .btn img {
  position: relative !important;
  filter: var(--iconColor);
}
.accordion-item .accordion-body--right-margin .btn--filled {
  border-radius: 12px;
  color: var(--Brand-brandWhite, #FFF);
  background: var(--Brand-brandOrange, #FF7200);
}
.accordion-item .accordion-body--right-margin .btn--filled img {
  filter: var(--Brand-brandWhite-filter);
}
.accordion-item .accordion-body--right-margin .btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #E56900);
}
.accordion-item .accordion-body--right-margin .btn--filled:disabled {
  cursor: default;
  background: var(--Secondary-Grey-30, #C5CCD8);
}
.accordion-item .accordion-body--right-margin .btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #E56900);
}
.accordion-item a {
  font-style: normal;
  font-weight: inherit;
  cursor: pointer;
  color: var(--Brand-brandOrange, #FF7200);
}
.accordion-item a img {
  filter: var(--iconColor);
}
.accordion-item .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 14px 24px;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: var(--Brand-brandOrange, #FF7200);
  cursor: pointer;
}
.accordion-item .btn img {
  position: relative !important;
  filter: var(--iconColor);
}
.accordion-item .btn--filled {
  border-radius: 12px;
  color: var(--Brand-brandWhite, #FFF);
  background: var(--Brand-brandOrange, #FF7200);
}
.accordion-item .btn--filled img {
  filter: var(--Brand-brandWhite-filter);
}
.accordion-item .btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #E56900);
}
.accordion-item .btn--filled:disabled {
  cursor: default;
  background: var(--Secondary-Grey-30, #C5CCD8);
}
.accordion-item .btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #E56900);
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
}
.breadcrumbs__list ::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.breadcrumbs__list {
  scrollbar-width: none;
  -ms-overflow-style: none;
  gap: 8px;
  -webkit-overflow-scrolling: touch;
}
@media (width <= 600px) {
  .breadcrumbs__list {
    padding: 0 16px;
  }
}

.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.breadcrumbs__item:hover a {
  color: var(--Brand-brandAccent, #066FE0);
  transition: color var(--transition-dur) var(--transition-ease);
}

.breadcrumbs__label {
  white-space: nowrap;
  color: var(--Secondary-Grey-50, #626E84);
  font-style: normal;
  font-weight: 400;
  /* 12px-15px */
  font-size: clamp(0.75rem, 0.71rem + 0.19vw, 0.9375rem);
  /* 16px-20px */
  line-height: clamp(1rem, 0.94rem + 0.26vw, 1.25rem);
}

.footer {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media (width <= 975px) {
  .footer {
    flex-wrap: wrap;
  }
}
@media (width <= 800px) {
  .footer {
    flex-direction: column;
    gap: 32px;
  }
}

.footer-menu {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 1rem;
  height: 100%;
  align-content: space-between;
  width: 100%;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (width <= 800px) {
  .footer-menu {
    display: contents;
  }
}

.footer-menu-wrapper {
  display: contents;
}
@media (width <= 800px) {
  .footer-menu-wrapper {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: stretch;
  }
}

.footer-menu-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (width <= 800px) {
  .footer-menu-section {
    gap: 0;
  }
}

.footer-menu-section__header {
  display: flex;
  align-items: center;
  user-select: none;
}
@media (width <= 800px) {
  .footer-menu-section__header {
    cursor: pointer;
    gap: 2px;
    padding: 12px 0;
  }
}

.footer-menu-section__arrow {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.footer-menu-section__links {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}
@media (width <= 800px) {
  .footer-menu-section__links {
    padding-bottom: 12px;
  }
}

.footer-menu-section.is-open .footer-menu-section__arrow {
  transform: rotate(180deg);
}

.footer-documents {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}
@media (width <= 1200px) {
  .footer-documents {
    grid-template-columns: 1fr;
  }
}
@media (width <= 800px) {
  .footer-documents {
    order: 5;
  }
}

.footer-documents-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-contacts {
  display: flex;
  flex-direction: column;
  gap: clamp(32px, 26.29px + 0.71vw, 40px);
}

.footer-phone {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-email {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-copyright {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}

.footer-social-media {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-download {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}
@media (width <= 800px) {
  .footer-download {
    order: 4;
  }
}

.footer-download__wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-apps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  width: fit-content;
}

.footer-social-link {
  position: relative;
}

.footer-social-link .footer-social-img--hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

.footer-social-link:hover .footer-social-img--hover {
  visibility: visible;
}

.footer-app-link {
  position: relative;
  width: fit-content;
}

.footer-app-link img {
  width: 156px;
}

.footer-app-link .footer-app-img--colored {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  visibility: hidden;
}

.footer-app-link:hover .footer-app-img--colored {
  visibility: visible;
}

.footer-bottom-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  transition: color var(--transition-dur) var(--transition-ease);
}

.footer-bottom-text:hover {
  color: var(--Brand-brandAccent);
}

.footer-bottom-text__copyright {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: var(--Secondary-Grey-50, #626e84);
}

.footer-section__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  user-select: none;
}
@media (width <= 800px) {
  .footer-section__title {
    color: var(--Brand-brandBlack, #272727);
    font-weight: 500;
  }
}

.footer-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-top: clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem);
}
@media (width <= 800px) {
  .footer-wrapper {
    padding: 20px 16px 40px 16px;
  }
}

.footer-contacts__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.footer-menu-section__title {
  font-size: 15px;
}
@media (width <= 800px) {
  .footer-menu-section__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
}

.footer-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: clamp(16px, 10.29px + 0.71vw, 24px);
}
@media (width <= 1200px) {
  .footer-bottom {
    flex-direction: column-reverse;
    gap: 0;
  }
}
@media (width <= 800px) {
  .footer-bottom {
    flex-direction: column-reverse;
    gap: 16px;
  }
}

.footer-bottom__links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(16px, 10.29px + 0.71vw, 24px);
}
@media (width <= 800px) {
  .footer-bottom__links {
    flex-direction: column;
    align-items: flex-start;
  }
}

.footer-menu-section--desktop {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (width <= 800px) {
  .footer-menu-section--desktop {
    display: none;
  }
}

@media (width <= 800px) {
  .submenu-point {
    padding: 8px 0;
  }
}

.footer-contact-link:hover {
  color: var(--Brand-brandAccent, #066fe0);
}
.footer-contact-link {
  transition: color var(--transition-dur) var(--transition-ease);
}

.footer-contact-link-phone {
  font-size: clamp(36px, 27.43px + 1.07vw, 48px);
  font-weight: 600;
  line-height: normal;
}

.footer-contact-link-mail {
  font-size: clamp(24px, 21.14px + 0.36vw, 28px);
  font-weight: 600;
  line-height: normal;
}

.header {
  position: sticky;
  top: 0;
  padding-top: 16px;
  background-color: var(--Secondary-Grey-10, #eef1f7);
  border-radius: 0 0 24px 24px;
  z-index: 20;
}
.header__search {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
  padding: 16px 24px 32px 24px;
}
.header__search-close {
  display: flex;
  justify-content: flex-end;
}
.header__search-close img {
  filter: var(--Secondary-Grey-40-filter);
  transition: filter var(--transition-dur) var(--transition-ease);
}
.header__search-close:hover img {
  filter: var(--Secondary-Grey-50-filter);
}
.header__search-chips {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header__tabs,
.header__items-menu {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px 8px 0 0;
}

.header__logo,
.mobile-header__logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 12px;
  margin-bottom: 8px;
}

.mobile-header__logo {
  display: none;
}

.header__tab {
  white-space: nowrap;
  height: fit-content;
  text-align: center;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 15px;
  line-height: 20px;
  color: var(--Secondary-Grey-50, #626E84);
  font-weight: 400;
  position: relative;
  margin-bottom: 8px;
}

.header__tab .btn {
  padding: 9px 18px;
}

#button-burger-menu {
  display: none;
}

.header__tab--active {
  background-color: #fff;
  color: var(--Brand-brandAccent, #066FE0);
  padding: 11px 16px 19px;
  border-radius: 25px 25px 0 0;
  margin-bottom: 0;
  font-weight: 600;
}
.header__tab--active::before, .header__tab--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 28px;
  background: #fff;
  z-index: 9;
}
.header__tab--active::before {
  left: -28px;
  width: 28px;
  clip-path: polygon(0% 100%, 0% 100%, 16.221% 98.691%, 31.608% 94.902%, 45.956% 88.838%, 59.059% 80.706%, 70.711% 70.711%, 80.706% 59.059%, 88.838% 45.956%, 94.902% 31.608%, 98.691% 16.221%, 100% 0%, 100% 100%, 0% 100%);
}
.header__tab--active::after {
  right: -28px;
  width: 28px;
  clip-path: polygon(100% 100%, 100% 100%, 83.779% 98.691%, 68.392% 94.902%, 54.044% 88.838%, 40.941% 80.706%, 29.289% 70.711%, 19.294% 59.059%, 11.162% 45.956%, 5.098% 31.608%, 1.309% 16.221%, 0% 0%, 0% 100%, 100% 100%);
}

.header__tab-label {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: var(--Secondary-Grey-05, #f5f7fa);
  padding: 11px 16px;
  gap: 8px;
  transition: color var(--transition-dur) var(--transition-ease);
}
.header__tab-label:hover {
  color: var(--Brand-brandAccent, #066FE0);
}

.header__tab--active .header__tab-label {
  background: transparent;
  padding: 0;
}

.header__right {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.header__right__phone {
  color: var(--Brand-brandBlack, #272727);
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-right: 12px;
  margin-bottom: 8px;
}

.header__panel,
.header__short-menu {
  display: none;
  gap: 24px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  align-items: flex-start;
  margin-top: -2px;
}

.header__short-menu {
  flex-wrap: wrap;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
}

.mobile-header__short-menu {
  display: none;
  flex-direction: column;
  gap: 0;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  margin-top: -2px;
}
.mobile-header__short-menu__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 16px;
  padding-bottom: 16px;
}
.mobile-header__short-menu__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--Brand-brandAccent, #066FE0);
  flex: 1;
  text-align: left;
}
.mobile-header__short-menu__toggle span {
  font-weight: 600;
}
.mobile-header__short-menu__arrow {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
  filter: var(--Brand-brandBlue-filter);
}
.mobile-header__short-menu__arrow--open {
  transform: rotate(180deg);
}
.mobile-header__short-menu__outage-link {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--Brand-brandBlack, #272727);
  text-decoration: none;
  white-space: nowrap;
}
.mobile-header__short-menu__dropdown {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 12px 0;
}
.mobile-header__short-menu__item {
  padding: 8px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--Brand-brandBlack, #272727);
  text-decoration: none;
}
.mobile-header__short-menu__item--active {
  font-weight: 700;
}

.header__panel {
  flex-direction: column;
}
.header__panel--active {
  display: flex;
}

.header__panel-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.nav__list {
  display: flex;
  gap: 24px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  list-style: none;
}

.nav__item {
  padding: 24px 0;
  cursor: pointer;
}
.nav__item:first-child {
  padding-left: 24px;
}
.nav__item--align-panel {
  position: relative;
}
.nav__item--align-panel .nav__submenu {
  max-width: none;
}

.header__short-menu {
  padding: 24px;
}
.header__short-menu .nav__item {
  padding: 0;
}
.header__short-menu .nav__item:first-child {
  padding-left: 0;
}
.header__short-menu .nav__link {
  color: inherit;
  text-decoration: none;
}
.header__short-menu .nav__link--active {
  color: var(--Brand-brandAccent, #066FE0);
  font-weight: 600;
}
.header__short-menu .nav__plain--active {
  color: var(--Brand-brandAccent, #066FE0);
  font-weight: 600;
}

.nav__submenu {
  position: absolute;
  width: max-content;
  align-items: flex-start;
  left: 0;
  min-width: 180px;
  max-width: 100%;
  background: #fff;
  border-radius: 0 0 24px 24px;
  display: none;
  z-index: 20;
  padding: 32px 24px 24px;
  gap: 32px;
}
.nav__submenu--open {
  display: flex;
}

.nav__submenu-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.nav__submenu-list a {
  color: var(--Brand-brandBlack, #272727);
}

.nav__submenu-item {
  cursor: pointer;
  transition: color 0.2s;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.nav__submenu-item:hover {
  color: var(--Brand-brandAccent, #066FE0);
}

.nav__submenu-inner {
  display: flex;
  gap: 32px;
}

.nav__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 216px;
  padding: 16px;
  align-items: flex-start;
  gap: 16px;
  border-radius: 12px;
  background: var(--Secondary-Grey-05, #f5f7fa);
  color: var(--Brand-brandBlack, #272727);
}
.nav__card__title {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 32px;
  color: var(--Brand-brandBlack, #272727);
}
.nav__card__subtitle {
  color: var(--Secondary-Grey-50, #626E84);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.nav__card img {
  filter: var(--Secondary-Grey-40-filter);
}
.nav__card :hover {
  color: var(--Brand-brandAccent, #066FE0);
  filter: var(--Brand-brandAccent);
}

.header__service-map {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 24px;
}

@media (width <= 600px) {
  .header {
    background: var(--Brand-brandWhite, #FFF);
    padding-top: 0px;
  }
  .header__tabs {
    padding: 12px 16px;
  }
  .header__short-menu {
    display: none;
  }
  .mobile-header__logo {
    margin-right: 0px;
  }
  .mobile-header__short-menu {
    padding: 4px 16px 0 16px;
  }
  #header-phone {
    display: none;
  }
  .mobile-header__short-menu {
    display: flex;
  }
}
@media (min-width: 601px) and (max-width: 1200px) {
  .header__short-menu {
    display: flex;
  }
}
@media (width <= 1200px) {
  .header__items-menu,
  .header__panels,
  #button-search {
    display: none;
  }
  #button-burger-menu {
    display: flex;
  }
}
@media (width <= 1400px) {
  .header__logo {
    display: none;
  }
  .mobile-header__logo {
    display: flex;
  }
}
.history-card-slider {
  display: flex;
  overflow: hidden;
  padding-top: clamp(32px, 60px + -28 * (1440px - 100vw) / 480, 60px);
  padding-bottom: clamp(32px, 80px + -48 * (1440px - 100vw) / 480, 80px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 24px;
  background: url("/media/history-card-slider.png");
  background-repeat: no-repeat;
  background-size: cover;
  /* 24px-40px */
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}
.history-card-slider .cslider__header {
  padding: 0 clamp(16px, 60px + -44 * (1440px - 100vw) / 480, 60px);
}
.history-card-slider__card {
  flex-shrink: 0;
  display: flex;
  width: clamp(300px, -60px + 37.5vw, 480px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.7);
  scroll-snap-align: start;
  /* 8px-16px*/
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
  /* 16px-24px */
  padding: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}
.history-card-slider__track {
  gap: 16px;
}
.history-card-slider .card-text {
  margin: 0;
  font-size: 14px;
}

.common-list-popup {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 2;
  display: flex;
  width: 300px;
  padding: 12px 0 12px 0;
  align-items: flex-start;
  gap: 8px;
  overflow: auto;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  box-shadow: 0 4px 15px 0 rgba(98, 110, 132, 0.25);
}

.common-list-popup__list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  width: 100%;
}

.common-list-popup__item {
  padding: 0.6rem 0.8rem;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
}

.common-list-popup__item:hover,
.common-list-popup__item.active {
  background: var(--Secondary-Grey-05, #f5f7fa);
  color: var(--Brand-brandBlack, #272727);
}

.message__overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 30;
}
.message__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 48px 40px 40px 40px;
  background-color: #fff;
  border-radius: 16px;
  min-width: min(90vw, 460px);
  text-align: center;
}
.message__success {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-radius: 100%;
  background-color: var(--Surface-Success-10, #d5ecde);
}
.message__close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--Brand-brandWhite, #fff);
  z-index: 1000;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--Brand-brandBlack, #272727);
}
.mobile-menu__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}
.mobile-menu__title {
  font-weight: 700;
}
.mobile-menu__close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 300ms ease;
}
.mobile-menu__close:hover {
  filter: var(--Brand-brandBlue-filter);
}

.mobile-menu__contacts {
  display: flex;
  flex-direction: column;
}

.mobile-menu__wrapper-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--Secondary-Grey-20, #DDE1E9);
}

.mobile-menu__contact {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mobile-menu__contact:hover {
  filter: var(--Brand-brandBlue-filter);
}

.mobile-menu__contact-link {
  color: var(--Brand-brandAccent);
}

.mobile-menu__search {
  display: flex;
  border-bottom: 1px solid var(--Secondary-Grey-20, #DDE1E9);
  background: var(--Secondary-Grey-05, #F5F7FA);
  padding: 16px;
}

.mobile-menu__search-form {
  display: flex;
  flex-direction: column;
}

.mobile-menu__search-form-wrapper {
  display: flex;
  gap: 8px;
}

.mobile-menu__input-wrapper {
  padding: 12px 16px;
}

.mobile-menu__items {
  display: flex;
  flex-direction: column;
  padding: 10px 16px;
}

.mobile-menu__menu-item {
  display: flex;
  flex-direction: column;
}

.mobile-menu__menu-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}

.mobile-menu__menu-link,
.mobile-menu__menu-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  color: var(--Brand-brandBlack, #272727);
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.mobile-menu__menu-button--open {
  font-weight: 700;
}

.mobile-menu__menu-arrow {
  width: 20px;
  height: 20px;
  transition: transform 300ms ease;
  filter: var(--Secondary-Grey-50-filter);
}
.mobile-menu__menu-arrow--open {
  transform: rotate(90deg);
}

.mobile-menu__submenu {
  display: flex;
  flex-direction: column;
}

.mobile-menu__submenu-link {
  padding: 8px 0;
  color: var(--Brand-brandBlack, #272727);
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  transition: color 300ms ease;
}
.mobile-menu__submenu-link:hover, .mobile-menu__submenu-link:focus-visible {
  color: var(--Brand-brandAccent, #066FE0);
}

.mobile-menu-enter-active {
  transition: transform 0.3s ease-out;
}

.mobile-menu-enter-from {
  transform: translateX(100%);
}

.mobile-menu-enter-to {
  transform: translateX(0);
}

.mobile-menu-leave-active {
  transition: transform 0.3s ease-in;
}

.mobile-menu-leave-from {
  transform: translateX(0);
}

.mobile-menu-leave-to {
  transform: translateX(100%);
}

.pagination {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pagination__wrapper-buttons {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 12px;
  justify-content: space-between;
}
@media (width <= 800px) {
  .pagination__wrapper-buttons {
    align-items: flex-start;
    flex-direction: column;
  }
}

.pagination__nav--bottom,
.pagination__nav--top {
  width: 100%;
  margin-top: 1rem;
  display: inline-flex;
  justify-content: end;
  align-items: center;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (width <= 800px) {
  .pagination__nav--bottom,
  .pagination__nav--top {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

.pagination__numbers {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (width <= 800px) {
  .pagination__numbers {
    display: none;
  }
}

.pagination__arrow {
  background: none;
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 2rem;
  height: 2rem;
  font-size: 1.2rem;
  cursor: pointer;
  color: #555;
}

.pagination__arrow:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.pagination__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* eDit begin */
.pagination__list {
  display: flex;
  overflow-x: auto;
}

.pagination__list ul {
  padding-left: 0;
}

@media (width <= 800px) {
    .pagination__list {
      display: flex;
      width: 100%;
      /* flex-direction: column; */
      align-items: flex-start;


      /* border-top: 1px solid var(--Secondary-Grey-20); */
      /* gap: 12px; */
      /* padding: 12px; */
    }
}


/* eDit end */

.pagination__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: var(--Brand-brandWhite, #FFF);
  border-radius: 12px;
  font-style: normal;
  font-weight: 400;
  /* 48px-56px */
  width: clamp(3rem, 2.88rem + 0.51vw, 3.5rem);
  height: clamp(3rem, 2.88rem + 0.51vw, 3.5rem);
  /* 15px-21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
  /* 12px 12px - 12px 16px */
  padding: 12px clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
  cursor: pointer;
}
.pagination__item img {
  filter: var(--Secondary-Grey-40-filter);
}
.pagination__item svg path {
  stroke: var(--Secondary-Grey-50);
}
.pagination__item:hover:not(:disabled), .pagination__item:active:not(:disabled) {
  color: var(--Brand-brandAccent, #066FE0);
  background: var(--Secondary-Grey-10, #EEF1F7);
}
.pagination__item:hover:not(:disabled) img, .pagination__item:active:not(:disabled) img {
  filter: var(--brandAccent-filter);
}
.pagination__item:hover:not(:disabled) svg path, .pagination__item:active:not(:disabled) svg path {
  stroke: var(--Brand-brandAccent, #066FE0);
}
.pagination__item:disabled {
  background: none;
  cursor: default;
}
.pagination__item:disabled img {
  filter: none;
}
.pagination__item:disabled svg path {
  stroke: var(--Secondary-Grey-40);
}

.pagination__item.is-active {
  background: var(--Secondary-Grey-10, #EEF1F7);
}

.select-wrapper {
  position: relative;
  display: inline-block;
}

.select-wrapper select.pagination__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 16px;
  padding-right: 48px;
  border-radius: 12px;
  border: 1px solid var(--Secondary-Grey-30, #C5CCD8);
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.pagination__icon {
  position: absolute;
  right: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  filter: var(--Secondary-Grey-40-filter);
}

.pagination__select {
  margin-left: auto;
  padding: 0.3rem;
  font-size: 0.95rem;
}

.pagination__content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.select-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.custom-select {
  min-width: 100px;
  padding-right: 40px;
  border-radius: 12px;
  border: 1px solid var(--Secondary-Grey-30, #C5CCD8);
  font-style: normal;
  font-weight: 400;
  /* 15px-21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
  /* 12px-16px */
  padding: clamp(0.75rem, 0.69rem + 0.26vw, 1rem);
}

.pagination__icon {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}

.options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  max-height: 180px;
  overflow-y: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  z-index: 10;
  display: none;
  list-style: none;
  padding: 8px 0;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.options.show {
  display: block;
}

.options__item {
  padding: 8px 16px;
  cursor: pointer;
}

.options__item:hover,
.options__item.active {
  background: var(--Secondary-Grey-10, #EEF1F7);
}

@media (width <= 800px) {
  .table-pagination__desktop {
    display: none;
  }
}

.table-pagination__mobile {
  display: none;
}
@media (width <= 800px) {
  .table-pagination__mobile {
    display: block;
  }
}
.table-pagination__mobile__list {
  display: flex;
  flex-direction: column;
}
.table-pagination__mobile__item {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  border-top: 1px solid var(--Secondary-Grey-20);
  gap: 12px;
  padding: 12px;
}
.table-pagination__mobile__item__cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.table-pagination__mobile__item:last-child {
  border-bottom: 1px solid var(--Secondary-Grey-20);
}
.table-pagination__mobile__item__title {
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.table-pagination__mobile__item__sub {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.slider {
  position: relative;
  overflow: hidden;
  flex: 2;
  border-radius: 24px;
  /* 440px-480px */
  height: clamp(27.5rem, 26.92rem + 2.56vw, 30rem);
}

.slider-const-img {
  height: fit-content;
}

.slider-const-gradient {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  border-radius: 24px;
  background: linear-gradient(0deg, #D4D9E2 0%, rgba(212, 217, 226, 0) 23.54%);
}

.slider__track {
  display: flex;
  transition: transform 0.5s ease;
  height: 100%;
}

.slider__slide {
  flex: 0 0 100%;
  position: relative;
}

/* eDit */

.slider__picture {
  width: 100%;
  height: 100%;
  display: block;
}

.slider__img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  display: block;
}

.slider__info {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #fff;
  /* 16px-60px */
  left: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  right: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  top: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}
@media (width <= 600px) {
  .slider__info {
    bottom: 100px;
    top: auto;
    padding-right: 30%;
  }
}

.slider--full .slider__info {
  /* 0px-400px */
  padding-right: clamp(0rem, -5.77rem + 25.64vw, 25rem);
}

.slider__bottom {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  /* 16px-60px */
  left: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  right: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  /* 32px-60px */
  bottom: clamp(32px, -24px + 5.83vw, 60px);
}

.slider-const__bottom {
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
  /* 16px-60px */
  left: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  right: clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  /* 32px-60px */
  bottom: clamp(32px, -24px + 5.83vw, 60px);
}

.slider__nav {
  display: flex;
  white-space: nowrap;
  align-items: center;
  gap: 16px;
}

.slider__nav-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.slider__nav-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: var(--transparent-white-70, rgba(255, 255, 255, 0.7));
  cursor: pointer;
  /* 40px-56px */
  width: clamp(2.5rem, 2.27rem + 1.03vw, 3.5rem);
  height: clamp(2.5rem, 2.27rem + 1.03vw, 3.5rem);
  transition: color var(--transition-dur) var(--transition-ease), background var(--transition-dur) var(--transition-ease), transform var(--transition-dur) var(--transition-ease), box-shadow var(--transition-dur) var(--transition-ease);
}
.slider__nav-btn img {
  filter: var(--Secondary-Grey-50-filter);
  transition: filter var(--transition-dur) var(--transition-ease);
}

.slider__nav-btn:hover {
  background: #FFF;
}
.slider__nav-btn:hover img {
  filter: var(--brandAccent-filter);
}

.slider__counter {
  opacity: 0.8;
}

.slide-img {
  width: 100%;
}

.cslider {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  /* 24px-32px */
  gap: clamp(1.5rem, 1.38rem + 0.51vw, 2rem);
  /* 32px 16px - 60px 60px */
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}

.cslider__track {
  display: flex;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  gap: 1rem;
}
.cslider__track::-webkit-scrollbar {
  display: none;
}

.cslider__card {
  flex: 0 0 calc((100% - 2rem) / 3);
  position: relative;
  background: #fff;
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #f5f7fa);
  overflow: hidden;
  scroll-snap-align: start;
  transition: all 300ms ease;
  /* 280px-408px */
  width: clamp(17.5rem, 15.65rem + 8.21vw, 25.5rem);
  min-width: clamp(17.5rem, 15.65rem + 8.21vw, 25.5rem);
  /* 372px-404px */
  height: clamp(23.25rem, 22.79rem + 2.05vw, 25.25rem);
}
.cslider__card:hover {
  color: var(--Brand-brandAccent, #066FE0);
  filter: brightness(0.96);
}

.cslider__card__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.cslider__card__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 0 0;
  /* 24px 24px 24px 24px - 32px 32px 24px 32px*/
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1.5rem, 1.38rem + 0.51vw, 2rem) 24px clamp(1.5rem, 1.38rem + 0.51vw, 2rem);
}

.cslider__img {
  width: 100%;
  height: 216px;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  width: 100%;
}

.cslider__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}

.cslider__subtitle {
  font-style: normal;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 7;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  /* 15px-21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px-28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}

.cslider__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cslider__nav {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #333;
  font-size: 0.95rem;
}

.cslider__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: var(--Secondary-Grey-05, #f5f7fa);
  cursor: pointer;
  /* 40px-56px */
  width: clamp(2.5rem, 2.27rem + 1.03vw, 3.5rem);
  height: clamp(2.5rem, 2.27rem + 1.03vw, 3.5rem);
  transition: color var(--transition-dur) var(--transition-ease), background var(--transition-dur) var(--transition-ease), transform var(--transition-dur) var(--transition-ease), box-shadow var(--transition-dur) var(--transition-ease);
}
.cslider__nav-btn img {
  filter: var(--Secondary-Grey-50-filter);
  transition: filter var(--transition-dur) var(--transition-ease);
}

.cslider__nav-btn:hover:not(:disabled) {
  background: var(--Secondary-Grey-10, #EEF1F7);
}
.cslider__nav-btn:hover:not(:disabled) img {
  filter: var(--brandAccent-filter);
}

.cslider__nav-btn:disabled {
  cursor: not-allowed;
}
.cslider__nav-btn:disabled img {
  filter: var(--Secondary-Grey-40-filter);
}

.cslider__counter {
  min-width: 70px;
  text-align: center;
}

.horizontal-selector {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
  border-bottom: 1px solid var(--Secondary-Grey-20);
}

.horizontal-selector-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.selector-item {
  display: flex;
  align-items: center;
  gap: 1.125rem;
  margin: 0;
  cursor: pointer;
  position: relative;
  color: var(--Brand-brandBlack, #272727);
  transition: color 0.1s ease;
  /* 15px-21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 36px-48px */
  height: clamp(2.25rem, 2.08rem + 0.77vw, 3rem);
}
.selector-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  background: var(--Brand-brandAccent);
  border-radius: 4px;
  bottom: -1px;
  transition: background 0.1s ease, height 0.1s ease;
}
.selector-item:hover {
  color: var(--Brand-brandAccent);
}
.selector-item.selected {
  color: var(--Brand-brandAccent);
}
.selector-item.selected::after {
  height: 2px;
}

.banner-tabs {
  position: relative;
  overflow: hidden;
  /* 140px-280px */
  height: clamp(8.75rem, 6.73rem + 8.97vw, 17.5rem);
}
.banner-tabs__image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.banner-tabs__image-wrapper .gradient-blue,
.banner-tabs__image-wrapper .gradient-azure,
.banner-tabs__image-wrapper .gradient-brown,
.banner-tabs__image-wrapper .gradient-orange,
.banner-tabs__image-wrapper .gradient-beige,
.banner-tabs__image-wrapper .gradient-lime,
.banner-tabs__image-wrapper .gradient-light-gray,
.banner-tabs__image-wrapper .gradient-teal,
.banner-tabs__image-wrapper .gradient-deep-blue,
.banner-tabs__image-wrapper .gradient-charcoal {
  border-radius: 24px;
}
@media (max-width: 960px) {
  .banner-tabs__image-wrapper .gradient-blue,
  .banner-tabs__image-wrapper .gradient-azure,
  .banner-tabs__image-wrapper .gradient-brown,
  .banner-tabs__image-wrapper .gradient-orange,
  .banner-tabs__image-wrapper .gradient-beige,
  .banner-tabs__image-wrapper .gradient-lime,
  .banner-tabs__image-wrapper .gradient-light-gray,
  .banner-tabs__image-wrapper .gradient-teal,
  .banner-tabs__image-wrapper .gradient-deep-blue,
  .banner-tabs__image-wrapper .gradient-charcoal {
    border-radius: 24px 24px 0 0;
  }
}
@media (max-width: 960px) {
  .banner-tabs__image-wrapper {
    border-radius: 24px 24px 0 0;
  }
}
.banner-tabs__overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--bannerColor, #FFF);
  z-index: 2;
  /* 24px 16px - 60px 60px */
  padding: clamp(1.5rem, 0.98rem + 2.31vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}
.banner-tabs__overlay h1,
.banner-tabs__overlay span {
  max-width: 680px;
}
.banner-tabs__list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.banner-tabs__list ::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.banner-tabs__list {
  scrollbar-width: none;
  -ms-overflow-style: none;
  gap: 8px;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  bottom: 0;
  z-index: 2;
  /* 6px-16px */
  gap: clamp(0.375rem, 0.23rem + 0.64vw, 1rem);
}
.banner-tabs__tab {
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  height: fit-content;
  text-align: center;
  cursor: pointer;
  position: relative;
  border-radius: 24px;
  background: var(--Secondary-Grey-10, #EEF1F7);
  /* 10px 12px - 32px 32px*/
  padding: clamp(0.625rem, 0.31rem + 1.41vw, 2rem) clamp(0.75rem, 0.46rem + 1.28vw, 2rem);
  /* 15px-28px */
  font-size: clamp(0.9375rem, 0.75rem + 0.83vw, 1.75rem);
  /* 20px-32px */
  line-height: clamp(1.25rem, 1.08rem + 0.77vw, 2rem);
  transition: color var(--transition-dur) var(--transition-ease);
}
.banner-tabs__tab:hover {
  color: var(--Brand-brandAccent, #066FE0);
}
.banner-tabs__tab:first-child {
  margin-left: clamp(6px, -14px + 2.08vw, 16px);
}
.banner-tabs__tab--active {
  background-color: #fff;
  color: var(--Brand-brandAccent, #066FE0);
  border-radius: 24px 24px 0 0;
  margin-bottom: 0;
  /* 10px 12px 16px 12px - 32px 32px 48px 32px*/
  padding: clamp(0.625rem, 0.31rem + 1.41vw, 2rem) clamp(0.75rem, 0.46rem + 1.28vw, 2rem) clamp(1rem, 0.54rem + 2.05vw, 3rem) clamp(0.75rem, 0.46rem + 1.28vw, 2rem);
}
.banner-tabs__tab--active:first-child {
  margin-left: 0px;
}
.banner-tabs__tab--active:not(:first-child)::before, .banner-tabs__tab--active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 28px;
  background: #fff;
  z-index: 9;
}
.banner-tabs__tab--active:not(:first-child)::before {
  left: -27px;
  width: 28px;
  clip-path: polygon(0% 100%, 0% 100%, 16.221% 98.691%, 31.608% 94.902%, 45.956% 88.838%, 59.059% 80.706%, 70.711% 70.711%, 80.706% 59.059%, 88.838% 45.956%, 94.902% 31.608%, 98.691% 16.221%, 100% 0%, 100% 100%, 0% 100%);
}
.banner-tabs__tab--active::after {
  right: -27px;
  width: 28px;
  clip-path: polygon(100% 100%, 100% 100%, 83.779% 98.691%, 68.392% 94.902%, 54.044% 88.838%, 40.941% 80.706%, 29.289% 70.711%, 19.294% 59.059%, 11.162% 45.956%, 5.098% 31.608%, 1.309% 16.221%, 0% 0%, 0% 100%, 100% 100%);
}
@media (max-width: 960px) {
  .banner-tabs__tab {
    border-radius: 1rem;
  }
  .banner-tabs__tab--active {
    border-radius: 1rem 1rem 0 0;
  }
  .banner-tabs__tab--active::after {
    width: 20px;
    right: -19px;
  }
  .banner-tabs__tab--active:not(:first-child)::before {
    left: -19px;
    width: 20px;
  }
}

.partner-companies-slider {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.partner-companies-slider__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  gap: 16px;
}
.partner-companies-slider__header__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.partner-companies-slider__partners-list {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .partner-companies-slider__partners-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .partner-companies-slider__partners-list::-webkit-scrollbar {
    display: none;
  }
}
.partner-companies-slider__partners-list__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 24px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .partner-companies-slider__partners-list__item {
    flex: 0 0 auto;
  }
}
.partner-companies-slider__partners-list__item--active {
  background: var(--Secondary-Grey-05, #F5F7FA);
}
.partner-companies-slider .viewport {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.partner-companies-slider .viewport::-webkit-scrollbar {
  display: none;
}
.partner-companies-slider .track {
  display: flex;
  gap: 0;
}
.partner-companies-slider .slide {
  flex-shrink: 0;
  width: 100vw;
  max-width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  display: flex;
  padding-top: clamp(16px, 32px + -16 * (1440px - 100vw) / 480, 32px);
  padding-bottom: clamp(16px, 32px + -16 * (1440px - 100vw) / 480, 32px);
  padding-left: clamp(16px, 32px + -16 * (1440px - 100vw) / 480, 32px);
  padding-right: clamp(16px, 220px + -204 * (1440px - 100vw) / 480, 220px);
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  scroll-snap-align: start;
}

.pricing-plans-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 1.5rem;
  background: var(--Brand-brandWhite, #fff);
  /* 32px 16px - 32px 32px*/
  padding: 32px clamp(1rem, 0.77rem + 1.03vw, 2rem);
  /* 16px-24px */
  gap: clamp(1rem, 0.88rem + 0.51vw, 1.5rem);
}
.pricing-plans-container__header {
  position: relative;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.pricing-plans-container__select {
  display: flex;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}
.pricing-plans-container .city-popup {
  position: absolute;
  z-index: 100;
  top: 48px;
  right: 0;
  max-width: 380px;
  max-height: 280px;
  padding: 12px 8px 12px 0;
  align-items: flex-start;
  gap: 8px;
  overflow: auto;
  border-radius: 12px;
  border: 1px solid var(--Secondary-Grey-10, #EEF1F7);
  background: var(--Brand-brandWhite, #FFF);
  box-shadow: 0 2px 10px 0 rgba(123, 135, 157, 0.2);
}
.pricing-plans-container .city-popup__title {
  margin: 0 0 1rem;
  font-size: 1.4rem;
}
.pricing-plans-container .city-popup__list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  width: 100%;
}
.pricing-plans-container .city-popup__item {
  padding: 0.6rem 0.8rem;
  cursor: pointer;
  border-radius: 4px;
}
.pricing-plans-container .city-popup__item:hover,
.pricing-plans-container .city-popup__item.active {
  background: var(--Secondary-Grey-05, #F5F7FA);
  color: var(--Brand-brandBlack, #272727);
}
.pricing-plans-container .pricing-plans-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  /* 0px-12px */
  gap: clamp(0rem, -0.17rem + 0.77vw, 0.75rem);
}
.pricing-plans-container .pricing-plans-list__item {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  /* 8px-16px */
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}
.pricing-plans-container .pricing-plans-list__item--with-subitem {
  display: flex;
  padding: 0.75rem 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  /* 8px-16px */
  gap: clamp(0.5rem, 0.38rem + 0.51vw, 1rem);
}
.pricing-plans-container .pricing-plans-list__subitem {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
}
.pricing-plans-container .pricing-plans-list__item a {
  color: var(--linkColor);
}
.pricing-plans-container .pricing-plans-list__item a:hover {
  color: var(--activeColorHover);
}
.pricing-plans-container .pricing-plans-list__item a {
  color: var(--linkColor);
}
.pricing-plans-container .pricing-plans-list__item a:hover {
  color: var(--activeColorHover);
}

.side-layout {
  display: grid;
  grid-template-columns: 320px 1fr;
  column-gap: 1rem;
}
.side-layout__sidebar {
  display: flex;
  width: 320px;
  padding-right: 24px;
  flex-direction: column;
  align-items: flex-start;
}
.side-layout__sidebar__item {
  display: flex;
  padding: 16px 24px;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 24px;
  cursor: pointer;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.side-layout__sidebar__item--active {
  color: var(--Brand-brandAccent, #066FE0);
  background: var(--Brand-brandWhite, #FFF);
}
.side-layout__sidebar__item:not(.side-layout__sidebar__item--back):not(.side-layout__sidebar__item--active):hover {
  color: var(--Brand-brandAccent, #066FE0);
  background: var(--Secondary-Grey-05, #F5F7FA);
}
.side-layout__sidebar__item--back {
  color: var(--Secondary-Grey-50, #626E84);
}
.side-layout__sidebar__item--back img {
  filter: var(--Secondary-Grey-50-filter);
}
.side-layout__sidebar__item--back:hover {
  color: var(--Brand-brandAccent, #066FE0);
}
.side-layout__sidebar__item--back:hover img {
  filter: var(--Brand-brandAccent-filter);
}
.side-layout__trigger {
  display: none;
}
.side-layout__main {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (max-width: 960px) {
  .side-layout {
    grid-template-columns: 1fr;
    align-items: stretch;
    border-radius: 24px;
    background: var(--Brand-brandWhite, #FFF);
  }
  .side-layout__sidebar-container {
    position: relative;
    padding: 1rem 1rem 0rem 1rem;
  }
  .side-layout__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 1.5rem;
    background: var(--Secondary-Grey-10, #EEF1F7);
    padding: 1rem;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
  }
  .side-layout__trigger.open {
    border-radius: 1.5rem 1.5rem 0 0;
    color: var(--Brand-brandAccent, #066FE0);
  }
  .side-layout__trigger.open img {
    filter: var(--brandAccent-filter);
  }
  .side-layout__sidebar {
    max-height: none;
    position: absolute;
    width: auto;
    left: 1rem;
    right: 1rem;
    max-width: calc(100% - 2rem);
    z-index: 20;
    background: var(--Secondary-Grey-10, #EEF1F7);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    padding-right: 0;
  }
  .side-layout__sidebar.open {
    border-radius: 0 0 1.5rem 1.5rem;
    padding-bottom: 0.75rem;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .side-layout__sidebar__item {
    width: 100%;
    padding: 1rem;
    border-radius: 0;
    box-sizing: border-box;
  }
  .side-layout__sidebar__item:last-child {
    border-radius: 0 0 1.5rem 1.5rem;
  }
  .side-layout .side-layout__main-content {
    z-index: 10;
    margin-top: 0;
    min-width: 0px;
  }
  .side-layout .imgs-skroll-wrapper {
    display: flex;
    width: 100%;
    overflow: auto;
  }
}

.side-layout__main-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(24px, -8px + 3.33vw, 40px);
  align-self: stretch;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  /* 60px-16px */
  padding-left: clamp(16px, -72px + 9.17vw, 60px);
  padding-right: clamp(16px, -72px + 9.17vw, 60px);
  /* 60px-24px */
  padding-top: clamp(24px, -48px + 7.5vw, 60px);
  /* 60px-32px */
  padding-bottom: clamp(32px, -24px + 5.83vw, 60px);
}

.step-gallery {
  display: grid;
  gap: clamp(8px, -8px + 1.67vw, 16px);
  grid-template-columns: 280px 1fr;
}
@media (max-width: 1200px) {
  .step-gallery {
    grid-template-columns: 1fr;
  }
}

.step-gallery__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  gap: 16px;
  padding-bottom: 8px;
}
@media (max-width: 1200px) {
  .step-gallery__list {
    flex-direction: row;
  }
}

.step-gallery__list__card {
  min-width: clamp(200px, 40px + 16.67vw, 280px);
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Secondary-Grey-05, #F5F7FA);
  cursor: pointer;
}
.step-gallery__list__card__active {
  color: var(--Brand-brandAccent, #066FE0);
  box-shadow: 0 0 0 2px var(--Brand-brandAccent, #066fe0) inset;
  background: none;
  box-sizing: border-box;
}
.step-gallery__list__card p {
  font-size: 15px;
  line-height: 20px;
}

.step-image {
  min-width: 620px;
  padding: 18px 9px;
  border-radius: 24px;
  border: 1px solid var(--Secondary-Grey-30, #C5CCD8);
  background: var(--Brand-brandWhite, #FFF);
  min-width: 328px;
}
.step-image img {
  width: 100%;
}

.stepper {
  display: flex;
  flex-direction: column;
  height: fit-content;
  gap: 16px;
  flex: 1 0 0;
}
.stepper__item {
  display: flex;
  position: relative;
  gap: 16px;
}
.stepper__card {
  width: 100%;
  display: flex;
  padding: 32px 180px 32px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #FFF);
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
.stepper__card__header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 0.5rem;
}
.stepper__card__header .step-number-header {
  display: none;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 24px;
  border-radius: 100px;
  background: var(--Secondary-Grey-40, #A1AABA);
  color: var(--Brand-brandWhite, #FFF);
}
@media (max-width: 960px) {
  .stepper__card__header .step-number-header {
    display: flex;
  }
}
.stepper__card--grey {
  background: var(--Secondary-Grey-05, #F5F7FA);
}
.stepper__card--grey .accordion-item {
  background: var(--Brand-brandWhite, #FFF);
}
.stepper__card--grey .accordion-header__button {
  background: var(--Secondary-Grey-05, #F5F7FA) !important;
}
.stepper__card ol,
.stepper__card ul {
  padding-left: 1.5rem;
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
@media (max-width: 960px) {
  .stepper__card {
    padding: 1rem;
    gap: 1rem;
  }
}

.step-number {
  display: flex;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  padding: 12px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 24px;
  border-radius: 100px;
  background: var(--Secondary-Grey-40, #A1AABA);
  color: var(--Brand-brandWhite, #FFF);
}
@media (max-width: 960px) {
  .step-number {
    display: none;
  }
}

.progress__line {
  position: absolute;
  left: 28px;
  top: 56px;
  width: 2px;
  height: 100%;
  background: var(--Secondary-Grey-30, #C5CCD8);
  transition: background-color 0.3s ease;
}
@media (max-width: 960px) {
  .progress__line {
    display: none;
  }
}

.year-tabs-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  min-width: 0;
}

.chip-container {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 8px;
  padding-bottom: 8px;
}

.cookie-note {
  display: none;
}

.cookie-note.show {
  display: flex;
}

.cookie-note {
  max-width: 600px;
  width: 100%;
  position: fixed;
  bottom: clamp(0px, -17.14px + 4.76vw, 40px);
  left: 50%;
  transform: translate(-50%, 0%);
  padding: clamp(16px, 21.71px - 0.48vw, 20px) clamp(16px, 21.71px - 0.48vw, 20px) clamp(16px, 21.71px - 0.48vw, 20px) clamp(20px, 18.29px + 0.48vw, 24px);
  align-items: flex-start;
  z-index: 9;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 20px 0 rgba(38, 57, 77, 0.25);
}

.cookie-note button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.cookie-note__inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

.cookie-note__text {
  font-size: 15px;
  line-height: 20px;
}

.cookie-note-close {
  filter: var(--Secondary-Grey-50-filter);
  }

html {
  font-size: var(--text-main-font-size);
  font-family: var(--text-main-font-family);
  color: var(--Brand-brandBlack);
}

::-webkit-scrollbar {
  width: 0.375rem;
  background-color: var(--Secondary-Grey-05, #f5f7fa);
  border-radius: 50px;
}

::-webkit-scrollbar-thumb {
  background: var(--Secondary-Grey-20, #dde1e9);
  border-radius: 50px;
}

::-webkit-scrollbar:horizontal {
  height: 4px;
}

::-webkit-scrollbar-thumb:horizontal {
  background: var(--Secondary-Grey-20, #dde1e9);
  border-radius: 50px;
}

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

body {
  background: var(--Secondary-Grey-10, #eef1f7);
  color: #333;
  line-height: 1.6;
  overflow-x: hidden;
}

#app {
  width: 100%;
}

.text-list {
  padding-left: 32px;
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  font-style: normal;
  font-weight: 400;
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
.text-list > *:not(:last-child) {
  margin-bottom: 12px;
}
.text-list--numeric {
  list-style: decimal;
}
.text-list--alpha {
  list-style: lower-alpha;
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 100vh;
  /* 0 16px 20px 16px - 0 32px 40px 32px*/
  padding: 0 clamp(1rem, 0.77rem + 1.03vw, 2rem) clamp(1.25rem, 0.96rem + 1.28vw, 2.5rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
}
.container > .header {
  align-self: stretch;
}

.icon {
  /* 20px-24px */
  width: clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem);
  height: clamp(1.25rem, 1.19rem + 0.26vw, 1.5rem);
  transition: transform 0.2s;
}
.icon--reversed {
  transform: rotateZ(180deg);
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.frame {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  line-height: 28px;
  font-size: 21px;
  border-radius: 24px;
  background: var(--Brand-brandWhite, #fff);
  /* 32px 16px - 60px 60px */
  padding: clamp(2rem, 1.6rem + 1.79vw, 3.75rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
}
.frame a {
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  line-height: 28px;
  color: var(--linkColor, #ff7200);
}
.frame ul,
.frame ol {
  padding-left: 32px;
  font-style: normal;
  font-weight: 400;
  /* 15px - 21px */
  font-size: clamp(0.9375rem, 0.85rem + 0.38vw, 1.3125rem);
  /* 20px - 28px */
  line-height: clamp(1.25rem, 1.13rem + 0.51vw, 1.75rem);
}
.frame ul > *:not(:last-child),
.frame ol > *:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 960px) {
  .frame ul,
  .frame ol {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
  }
}
.frame .btn img {
  position: relative !important;
  filter: var(--iconColor);
}
.frame .btn--filled {
  border-radius: 12px;
  color: var(--Brand-brandWhite, #fff);
  background: var(--Brand-brandOrange, #ff7200);
}
.frame .btn--filled img {
  filter: var(--Brand-brandWhite-filter);
}
.frame .btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #e56900);
}
.frame .btn--filled:disabled {
  cursor: default;
  background: var(--Secondary-Grey-30, #c5ccd8);
}
.frame .btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #e56900);
}
.frame--l {
  /* 32px 16px - 60px 60px */
  padding: clamp(2rem, 1.88rem + 0.51vw, 2.5rem) clamp(1rem, 0.37rem + 2.82vw, 3.75rem);
  /* 24px-40px */
  gap: clamp(1.5rem, 1.27rem + 1.03vw, 2.5rem);
}
.frame--m {
  padding: 40px;
}
.frame--s {
  /* 24px 16px - 32px 32px*/
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
}
.frame--xs {
  padding: 24px;
}
.frame--grey {
  background: var(--Secondary-Grey-05, #f5f7fa);
}
.frame--grey .stepper__card--grey {
  background: var(--Brand-brandWhite, #fff);
}
.frame--white {
  background: var(--Brand-brandWhite, #fff);
}
@media (max-width: 960px) {
  .frame {
    gap: 1rem;
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

.frame-info {
  display: flex;
  padding-right: 220px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.frame-info div {
  /* 15px-21px */
  font-size: clamp(15px, 3px + 1.25vw, 21px);
  /* 20px-28px */
  line-height: clamp(20px, 4px + 1.67vw, 28px);
}
.frame-info a {
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  line-height: 28px;
  color: var(--linkColor, #ff7200);
}
.frame-info--white {
  padding: 24px 220px 24px 24px;
  background: var(--Brand-brandWhite, #fff);
}
.frame-info .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 14px 24px;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: var(--Brand-brandOrange, #ff7200);
  cursor: pointer;
}
.frame-info .btn img {
  position: relative !important;
  filter: var(--iconColor);
}
.frame-info .btn--filled {
  border-radius: 12px;
  color: var(--Brand-brandWhite, #fff);
  background: var(--Brand-brandOrange, #ff7200);
}
.frame-info .btn--filled img {
  filter: var(--Brand-brandWhite-filter);
}
.frame-info .btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #e56900);
}
.frame-info .btn--filled:disabled {
  cursor: default;
  background: var(--Secondary-Grey-30, #c5ccd8);
}
.frame-info .btn--filled:hover {
  background: var(--Brand-brandOrangeHover, #e56900);
}
.frame-info .frame {
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
}
.frame-info > div {
  width: 100%;
}
.frame-info .stepper {
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
}
.frame-info .notification {
  padding: clamp(1.5rem, 1.38rem + 0.51vw, 2rem) clamp(1rem, 0.77rem + 1.03vw, 2rem);
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
}
.frame-info .notification > div {
  padding-right: clamp(0px, -440px + 45.83vw, 220px);
}
.frame-info .notification > div .services-payment {
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
}
.frame-info .notification > div .stepper {
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
}
.frame-info .notification > div .notification {
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
}
.frame-info .tariffs-table-wrapper {
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
  width: auto;
}
.frame-info .business-electric-energy-green-energy-section__certificate {
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
  width: auto;
}
.frame-info .business-ethics-section-links-wrapper {
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
  width: auto;
}
.frame-info .accordion {
  margin-right: calc(-1 * clamp(0px, -440px + 45.83vw, 220px));
  width: auto;
}
@media (max-width: 960px) {
  .frame-info {
    padding-right: 0px;
  }
  .frame-info p {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
  }
}

@media (width <= 600px) {
  .container {
    padding: 0;
    gap: 1.5rem;
  }
}
.banner-main {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: none;
  display: flex;
  flex-direction: column;
  /* 320px - 200px */
  min-height: clamp(200px, -40px + 25vw, 320px);
}

.banner-main__header {
  /* 60px - 16px */
  padding-left: clamp(16px, -72px + 9.17vw, 60px);
  padding-right: clamp(16px, -72px + 9.17vw, 60px);
  /* 60px - 24px */
  padding-top: clamp(24px, -48px + 7.5vw, 60px);
  color: var(--bannerColor, #fff);
}

.banner-main__background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
  border-radius: 24px;
}
@media (max-width: 960px) {
  .banner-main__background-image {
    border-radius: 24px 24px 0 0;
  }
}

.banner-main__wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(34px, -34px + 7.08vw, 68px);
  flex: 1 1 auto;
  border-radius: 24px;
}

.banner-main__tabs {
  display: flex;
  gap: clamp(0.375rem, 0.23rem + 0.64vw, 1rem);
}

/*# sourceMappingURL=main.css.map */