/* Start:/grazhdanam-potrebitelyam/css/style.css?178202075340355*/
/* Увеличение главных кнопок оплаты в 1.5 раза */
.pay-main-actions .pay-main-btn {
    transform: scale(1.05);
    transform-origin: left center;
    margin: 8px 12px; /* Компенсируем отступы после увеличения */
}

/* Альтернативный вариант - увеличение через font-size и padding (более предсказуемый) */
.pay-main-actions .pay-main-btn {
    font-size: 27px !important;  /* 18px * 1.5 = 27px */
    padding: 21px 27px !important; /* 14px*1.5=21px, 18px*1.5=27px */
    min-width: auto;
}

/* Чтобы вторая кнопка (ghost) тоже увеличилась */
.pay-main-actions .pay-main-btn--ghost {
    font-size: 27px !important;
    padding: 21px 27px !important;
}

/* Адаптация для мобильных устройств - уменьшаем масштаб */
@media (max-width: 768px) {
    .pay-main-actions .pay-main-btn {
        font-size: 20px !important;  /* На мобилке чуть меньше */
        padding: 14px 20px !important;
    }
}




	.tariffs-regulations-page .tariffs-table-wrap {
		margin: 16px 0 28px;
		overflow-x: auto;
		background: #FAF6F6;
		border-radius: 12px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .10);
		padding: 8px;
	}

	.tariffs-regulations-page .tariffs-table {
		width: 100%;
		min-width: 900px;
		border-collapse: collapse;
		color: #494F65;
		font-size: 20px;
		line-height: 1.45;
		background: #fff;
		border-radius: 10px;
		overflow: hidden;
	}

	.tariffs-regulations-page .tariffs-table td {
		border: 1px solid #e9e9e9;
		padding: 12px 10px;
		vertical-align: top;
		color: #494F65;
	}

	.tariffs-regulations-page .tariffs-table tr:first-child td,
	.tariffs-regulations-page .tariffs-table tr:nth-child(2) td,
	.tariffs-regulations-page .tariffs-table tr:nth-child(3) td {
		background: #FFF4E8;
		color: #494F65;
		font-weight: 700;
		text-align: center;
	}

	.tariffs-regulations-page .tariffs-table td p {
		margin: 0;
		font-size: inherit;
		line-height: inherit;
		color: inherit;
	}

	.tariffs-regulations-page .tariffs-table td[align="center"],
	.tariffs-regulations-page .tariffs-table td:nth-child(n+3) {
		text-align: center;
	}

	.tariffs-regulations-page .tariffs-table tr td[colspan="6"],
	.tariffs-regulations-page .tariffs-table tr td[colspan="5"] {
		text-align: left;
		font-weight: 700;
		color: #494F65;
		background: #fcf8f8;
	}

	.tariffs-regulations-page .tariffs-table td[rowspan] {
		color: #494F65;
	}

	.tariffs-regulations-page .tariffs-table tr:last-child td {
		text-align: left;
		color: #494F65;
		font-size: 18px;
		line-height: 1.45;
		background: #fff;
	}

	@media (max-width: 768px) {
		.tariffs-regulations-page .tariffs-table {
			font-size: 16px;
			min-width: 760px;
		}

		.tariffs-regulations-page .tariffs-table td {
			padding: 10px 8px;
		}

		.tariffs-regulations-page .tariffs-table tr:last-child td {
			font-size: 16px;
		}

	}


	
  
  .page-services-content {

		margin: 0 auto;
		padding: 20px 0px;

		color: #494F65;
		line-height: 1.6;
	}

	.page-title {
		font-size: 28px;
		font-weight: bold;
		color: #004780;
		margin-bottom: 20px;
		text-transform: uppercase;
		margin-top: 10px;
	}

	/* Подзаголовок */
	.page-subtitle {

		font-size: 16px;
		color: #7A7F8C;
		margin-bottom: 30px;
	}

	/* Инфо-блок */
	.info-block {

		border-radius: 8px;

		margin-bottom: 30px;
	}

	/* Карточка */
	.content-card {
		background-color: #FAF6F6;
		border-radius: 8px;
		padding: 25px;
		margin-bottom: 30px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}

	/* Таблица */
	.table-wrapper {
		overflow-x: auto;
	}

	.tariff-table {
		width: 100%;
		border-collapse: collapse;
		font-size: 22px;
		color: #7A7F8C;
	}

	.tariff-table th,
	.tariff-table td {
		border: 1px solid #E0E0E0;
		padding: 12px;

		vertical-align: middle;
	}

	.tariff-table thead th {
		background-color: #FFFFFF;
		font-weight: bold;
		text-align: left;
	}

	.tariff-table tbody tr:nth-child(even) {
		background-color: #FFFFFF;
	}

	.tariff-table tbody tr:nth-child(odd) {
		background-color: #FAF6F6;
	}

	/* Списки */
	.custom-list {
		padding-left: 20px;
		margin: 20px 0;
		font-size: 25px;
	}

	.custom-list li {
		margin-bottom: 10px;
	}

	/* Нумерованные пункты */
	.numbered-block {
		margin-top: 20px;
	}

	.numbered-item {
		margin-bottom: 15px;
		font-size: 25px;
	}

	/* Важное */
	.notice {
		border-left: 4px solid #F58F1F;
		padding-left: 15px;
		margin-top: 25px;
		color: #7A7F8C;
		font-size: 25px;
		margin-bottom: 65px;
	}

	/* Ссылки */
	.page-services-content a {
		color: #004780;
		text-decoration: none;
	}

	.page-services-content a:hover {
		text-decoration: underline;
	}

	::marker {
		color: #F58F1F;
	}

	/* Адаптив */
	@media (max-width: 768px) {
		.page-title {
			font-size: 22px;
		}

		.tariff-table {
			font-size: 14px;
		}

		.tariff-table th,
		.tariff-table td {
			padding: 8px;
		}
	}


.page-services-content {
  max-width: 100%;
  padding: 0;
}

.page-services-content h1 {
  color: #F58F1F;
  font-size: 31px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 30px 0 20px;
}

.calc-form .panel {
  background-color: #FAF6F6;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  margin: 30px 0;
  font-size: 25px;
  color: #004780;
}

.calc-form .panel {
  line-height: 1.6;
}

.calc-form .panel select,
.calc-form .panel input[type="text"] {
  width: 100%;
  max-width: 100%;
  padding: 10px;
  border: 1px solid #DADADA;
  border-radius: 4px;
  font-size: 22px;
  color: #494F65;
  background-color: #FFFFFF;
  margin: 5px 0 15px 0;
  box-sizing: border-box;
  border-radius: 8px;
}

.calc-form .panel select:focus,
.calc-form .panel input[type="text"]:focus {
  outline: 1px dotted #004780;
  border-color: #F58F1F;
}

.calc-form .potrebl {
  margin-bottom: 15px;
}

.calc-form .row {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}

.calc-form .col {
  flex: 1 1 250px;
  padding: 0 7.5px;
}

.calc-form .kvt {
  color: #494F65;
  font-size: 14px;
  margin-top: 5px;
}

.hidden {
  display: none !important;
}

.calc-form .summary {
  margin-top: 25px;
  padding-top: 20px;

  text-align: right;
  color: #004780;
  font-size: 25px;
  font-weight: bold;
  border-radius: 8px;
  background-color: #FAF6F6;
}

.calc-form .summary b {
  color: #F58F1F;
}

.page-services-content p a {
  color: #F58F1F;
  font-size: 31px;
}

@media (max-width: 768px) {
  .page-services-content h1 {
      font-size: 31px;
      text-align: left;
  }

  .calc-form .panel {
      padding: 20px;
  }

  .calc-form .row {
      margin: 0;
  }

  .calc-form .col {
      flex: 1 1 100%;
      padding: 0;
  }
}

.libray_text_wrapper {
  margin: 18px 0 24px;
  display: flex;
  justify-content: flex-start;
}

.libray_text_wrapper a.button.blue {
  display: inline-block;
  background: #F58F1F !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 10px;
  padding: 12px 18px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.2;
}

.libray_text_wrapper a.button.blue:hover,
.libray_text_wrapper a.button.blue:focus,
.libray_text_wrapper a.button.blue:active {
  background: #F58F1F !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .libray_text_wrapper {
      justify-content: center;
  }

  .libray_text_wrapper a.button.blue {
      width: 100%;
      max-width: 360px;
      text-align: center;
      font-size: 16px;
      padding: 11px 16px;
  }
}



.page-services-content {
  max-width: 100%;
  padding: 0;
}

.page-services-content h1 {
  color: #F58F1F;
  font-size: 31px;
  font-weight: bold;
  margin: 30px 0 20px;
  text-transform: uppercase;
}

.page-services-content p {
  color: #7A7F8C;
  font-size: 25px;
  line-height: 1.6;
  margin: 0 0 30px;
  text-align: justify;
}

.page-services-content h2 {
  color: #004780;
  font-size: 31px;
  font-weight: bold;
  margin: 30px 0 20px;
  cursor: pointer;
  transition: color 0.2s ease;
}

.page-services-content h2:hover {
  color: #F58F1F;
}

.page-title {
  display: none;
}

.section-title {
  font-size: 31px;
  font-weight: bold;
  margin: 0 0 15px;
  text-transform: uppercase;
}

.section-title--orange {
  color: #F58F1F;
}

.tabs {
  display: flex;
  gap: 10px;
  margin: 30px 0 25px;
}

.tab {
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #f5f5f5;
  color: #004780;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.2s ease;
  cursor: pointer;
  font-size: 25px;
  user-select: none;
}

.tab.active {
  background-color: #004780;
  color: #fff;
}

.payment-methods-list {
  margin: 0 0 30px;
}

.payment-methods-list ol {
  counter-reset: method;
  list-style: none;
  padding: 0;
  margin: 0;
}

.payment-methods-list li {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}

.payment-methods-list li::before {
  content: counter(method) ".";
  counter-increment: method;
  color: #F58F1F;
  font-size: 30px;
  font-weight: bold;
  min-width: 30px;
  text-align: right;
}

.pay-btn-wrap {
  margin-left: 45px;
  margin-top: 14px;
  margin-bottom: 22px;
}

.pay-orange-btn {
  display: inline-block;
  background: #F58F1F;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  border-radius: 8px;
  padding: 12px 22px;
  font-size: 22px;
  line-height: 1;
  transition: opacity 0.2s ease;
}

.pay-orange-btn:hover {
  opacity: 0.9;
}

.pm-more-row {
  margin-left: 45px;
  margin-top: 10px;
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-end;
}

.pm-toggle {
  background: transparent;
  border: none;
  color: #004780;
  text-decoration: underline;
  font-weight: bold;
  font-size: 25px;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.3;
}

.pm-toggle:hover {
  color: #F58F1F;
}

.requisites-wrap {
  margin-top: 15px;
}

.requisites-toggle {
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.requisites-toggle:focus,
.requisites-toggle:focus-visible {
  outline: none;
}

.requisites-toggle .section-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 30px 0 10px;
  color: #004780;
}

.requisites-toggle .chev {
  display: inline-block;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
  font-size: 18px;
  color: #F58F1F;
}

.requisites-wrap.open .requisites-toggle .chev {
  transform: rotate(180deg);
}

.requisites-card,
.attention-block {
  background-color: #FAF6F6;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  margin: 20px 0;
}

.requisites-card .requisite-group {
  margin-bottom: 25px;
}

.requisites-card .requisite-group:last-child {
  margin-bottom: 0;
}

.requisites-card .requisite-label {
  color: #F58F1F;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  font-size: 28px;
}

.attention-block h3 {
  color: #004780;
  font-size: 31px;
  font-weight: bold;
  margin: 0 0 15px;
}

.attention-block p:last-child {
  margin-bottom: 0;
}

.section-divider {
  height: 2px;
  background: #f0f0f0;
  margin: 35px 0;
}

.payment-deadline {
  background-color: #FAF6F6;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 30px 0;
  position: relative;
  overflow: hidden;
}

.payment-deadline__icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
}

.payment-deadline__circle {
  width: 260px;
  height: 260px;
  background-color: #F58F1F;
  border-radius: 50%;
  position: absolute;
  top: -104px;
  left: -82px;
  z-index: 1;
}

.payment-deadline img {
  width: 341px;
  height: auto;
  position: relative;
  z-index: 2;
}

.payment-deadline .text {
  flex: 1;
}

.payment-deadline h3 {
  color: #F58F1F;
  margin: 0 0 5px;
  text-transform: uppercase;
}

.payment-deadline .text p small {
  color: #494f65;
  display: block;
  margin-top: 6px;
  font-size: 22px;
}

.actions-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 30px 0 10px;
}

.action-card {
  background-color: #fff;
  border: 2px solid #F58F1F;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  min-width: 200px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: transform 0.2s ease;
}

.action-card:hover {
  transform: translateY(-5px);
}

.action-card img {
  width: 50px;
  height: auto;
}

.action-card p {
  color: #004780;
  font-size: 20px;
  line-height: 1.4;
  margin: 0;
  text-align: center;
}

.mt-title,
.pd-title,
.ec-title,
.ss-title {
  color: #F58F1F;
  font-size: 31px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 10px 0 20px;
}

.mt-intro,
.pay-intro {
  display: flex;
  gap: 16px;
  align-items: stretch;
  background: #FFF4E8;
  border-radius: 10px;
  padding: 18px 20px;
}

.mt-intro {
  margin: 0 0 25px;
}

.pay-intro {
  margin: 0 0 24px;
}

.mt-intro__bar,
.pay-intro__bar {
  width: 6px;
  border-radius: 10px;
  background: #F58F1F;
  flex: 0 0 6px;
}

.mt-ways {
  margin: 25px 0 10px;
}

.mt-ways__toggle {
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.mt-ways__toggle:focus,
.mt-ways__toggle:focus-visible {
  outline: none;
}

.mt-ways__toggle-text {
  color: #004780;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
}

.mt-ways__chev {
  color: #F58F1F;
  transition: transform 0.2s ease;
  font-size: 18px;
}

.mt-ways.open .mt-ways__chev {
  transform: rotate(180deg);
}

.mt-ways__panel {
  margin-top: 15px;
  background: #FAF6F6;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.mt-ways__sms {
  margin-top: 10px;
  padding-left: 10px;
  border-left: 4px solid #F58F1F;
}

.mt-ways__link {
  color: #004780;
  text-decoration: underline;
  font-weight: 700;
}

.mt-ways__link:hover {
  color: #F58F1F;
}

#form_nomerlic.mt-readings-form {
  max-width: 720px;
  margin: 0 0 30px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  display: flex;
  gap: 30px;
}

#form_nomerlic.mt-readings-form table.data-table,
#form_nomerlic.mt-readings-form table.data-table tbody,
#form_nomerlic.mt-readings-form table.data-table tr,
#form_nomerlic.mt-readings-form table.data-table td {
  display: revert !important;
  width: auto !important;
}

#form_nomerlic.mt-readings-form table.data-table,
#form_nomerlic.mt-readings-form table.data-table td {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

#form_nomerlic.mt-readings-form table.data-table tbody tr {
  display: flex !important;
  align-items: center;
  gap: 30px;
}

#form_nomerlic.mt-readings-form td.grey.light {
  font-size: 22px;
  font-weight: 800;
  color: #004780;
  white-space: nowrap;
}

#form_nomerlic.mt-readings-form td.amount-td {
  display: flex !important;
  align-items: center;
  gap: 18px;
}

#form_nomerlic.mt-readings-form input[name="nomerlic"].mt-readings-input {
  width: 330px;
  max-width: 330px;
  height: 46px;
  box-sizing: border-box;
  border: 2px solid rgba(0, 71, 128, 0.25);
  border-radius: 10px;
  padding: 0 14px;
  font-size: 20px;
  color: #494F65;
  background: #fff;
  outline: none;
}

#form_nomerlic.mt-readings-form input[name="nomerlic"].mt-readings-input:focus {
  border-color: #F58F1F;
  box-shadow: 0 0 0 3px rgba(245, 143, 31, 0.16);
}

#form_nomerlic.mt-readings-form br {
  display: none !important;
}

#form_nomerlic.mt-readings-form input[type="submit"].mt-readings-submit {
  height: 46px;
  padding: 0 18px;
  border: none;
  border-radius: 10px;
  background: #F58F1F;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
}

#form_nomerlic.mt-readings-form input[type="submit"].mt-readings-submit:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

.pd-item,
.pd-block,
.meters-card,
.meters-warning,
.ec-card,
.ec-acc__item,
.mkd-acc__item,
.ss-card {
  background: #FAF6F6;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pd-item,
.meters-card,
.ec-card,
.ec-acc__item,
.mkd-acc__item,
.ss-card {
  margin: 16px 0;
}

.pd-block,
.meters-warning {
  margin: 18px 0;
}

.pd-item {
  overflow: hidden;
}

.pd-item__btn,
.ec-acc__btn,
.mkd-acc__btn,
.pay-acc__btn {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  background: transparent;
  border: none;
  padding: 18px 20px;
  cursor: pointer;
  text-align: left;
}

.pd-item__btn:focus,
.pd-item__btn:focus-visible,
.ec-acc__btn:focus,
.ec-acc__btn:focus-visible,
.mkd-acc__btn:focus,
.mkd-acc__btn:focus-visible,
.pay-acc__btn:focus,
.pay-acc__btn:focus-visible {
  outline: none;
}



.meters-card__title,
.meters-warning__title,
.ec-subtitle,
.pay-warning__title {
  color: #004780;

}


.pd-block__title,
.pd-item__title,
.ec-card__title,
.ec-acc__title,
.pay-acc__title,
.pay-warning__title {
  color: #004780;
}




.pd-item__title,
.pd-block__title,
.meters-card__title,
.meters-warning__title,
.ec-subtitle,
.ec-acc__title,
.pay-acc__title {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}

.ec-card__title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px;
}

.pay-warning__title {
  font-size: 31px;
  font-weight: 700;
  margin: 0 0 16px;
}

.pd-item__chev,
.ec-acc__chev,
.mkd-acc__chev,
.pay-acc__chev {
  color: #F58F1F;
  font-size: 18px;
  transition: transform 0.2s ease;
  flex: 0 0 auto;
}

.pd-item__chev,
.ec-acc__chev,
.mkd-acc__chev {
  margin-top: 6px;
}

.pd-item.open .pd-item__chev,
.ec-acc__item.open .ec-acc__chev,
.mkd-acc__item.open .mkd-acc__chev,
.pay-acc__item.open .pay-acc__chev {
  transform: rotate(180deg);
}

.pd-item__panel,
.ec-acc__panel,
.mkd-acc__panel,
.pay-acc__panel {
  padding: 0 20px 18px;
}

.pd-item__panel p,
.ec-card p,
.ec-acc__panel p,
.mkd-acc__panel p {
  margin: 10px 0;
}

.pd-list,
.pd-bullets,
.meters-list,
.ec-steps,
.ec-bullets,
.mkd-list,
.pay-list {
  margin: 10px 0 0;
  padding-left: 22px;
}

.pd-list li,
.pd-bullets li,
.meters-list li,
.ec-steps li,
.ec-bullets li,
.mkd-list li,
.pay-list li {
  margin: 10px 0;
}

.pd-note,
.pd-warning,
.ec-note,
.mkd-highlight,
.ss-alert {
  background: #FFF4E8;
  border-left: 5px solid #F58F1F;
  border-radius: 10px;
}

.pd-note,
.pd-warning,
.ec-note,
.mkd-highlight {
  margin-top: 12px;
  padding: 12px 14px;
}

.pd-block,
.meters-card,
.meters-warning,
.ec-card {
  padding: 18px 20px;
}

.pd-files {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pd-file {
  display: inline-block;
  color: #004780;
  font-weight: 800;
  text-decoration: underline;
}

.pd-file:hover {
  color: #F58F1F;
}

.pd-link-btn,
.meters-btn,
.ec-btn,
.mkd-link-btn,
.ss-btn,
.pay-main-btn {
  display: inline-block;
  background: #F58F1F;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.pd-link-btn,
.meters-btn,
.ec-btn,
.mkd-link-btn {
  margin-top: 12px;
  padding: 12px 18px;
  font-weight: 900;
}

.ss-btn {
  margin-top: 14px;
  padding: 14px 18px;
  font-weight: 600;
  text-align: center;
}

.pay-main-btn {
  padding: 14px 18px;
  font-size: 18px;
  font-weight: 900;
}

.pd-link-btn:hover,
.meters-btn:hover,
.ec-btn:hover,
.mkd-link-btn:hover,
.ss-btn:hover,
.pay-main-btn:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

.meters-card--accent,
.ec-card--accent {
  background: #FFF4E8;
  border-left: 6px solid #F58F1F;
}

.meters-footnote {
  color: #F58F1F;
  font-weight: 900;
}

.meters-footnote-text {
  color: #7A7F8C;
  font-size: 18px;
  line-height: 1.4;
  margin: 12px 0 0;
}

.ec-links {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ec-btn--ghost,
.pay-main-btn--ghost {
  background: transparent;
  border: 2px solid #F58F1F;
  color: #F58F1F !important;
}

.ec-btn--ghost:hover,
.pay-main-btn--ghost:hover {
  opacity: 1;
  background: #FFF4E8;
}

.ec-step-links {
  margin-top: 8px;
}

.ec-step-links a {
  color: #004780;
  font-weight: 900;
  text-decoration: underline;
}

.ec-step-links a:hover {
  color: #F58F1F;
}

.ec-divider {
  height: 2px;
  background: #f0f0f0;
  margin: 30px 0;
}

.pamyatka {
  max-width: 100%;
}

.pamyatka-title {
  cursor: pointer;
}

.client-guide-table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0 30px;
}

.client-guide-table thead td {
  background: #FAF6F6;
  color: #004780;
  font-weight: 900;
  text-transform: uppercase;
  padding: 14px 12px;
  border-bottom: 2px solid #f0f0f0;
}

.client-guide-table tbody td {
  padding: 14px 12px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.client-guide-table tbody td:first-child {
  width: 70px;
  text-align: center;
  font-weight: 900;
  color: #F58F1F;
  font-size: 20px;
}

.client-guide-table ul,
.client-guide-table ol {
  margin: 10px 0 0;
  padding-left: 22px;
}

.client-guide-table li {
  margin: 6px 0;
}

#form-wrapper {
  margin: 10px 0 30px;
}

#form-wrapper .form-errors,
#form-wrapper .rs-attention {
  background: #FFF4E8;
  border-left: 6px solid #F58F1F;
  border-radius: 12px;
  padding: 14px 16px;
  color: #494F65;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#form-wrapper .form-errors {
  margin-bottom: 16px;
}

#form-wrapper .rs-attention {
  font-size: 18px;
  line-height: 1.45;
  margin: 0 0 16px;
}

#form-wrapper table.data-table {
  width: 100% !important;
  border-collapse: collapse;
  background: #FAF6F6;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  margin-bottom: 14px !important;
}

#form-wrapper table.data-table tr + tr {
  border-top: 1px solid #f0f0f0;
}

#form-wrapper table.data-table td {
  padding: 14px 16px;
  background: transparent !important;
  border: none !important;
  vertical-align: top;
}

#form-wrapper table.data-table td.grey.light:first-child {
  width: 35%;
  color: #004780;
  font-weight: 600;
  font-size: 20px;
  white-space: nowrap;
}

#form-wrapper table.data-table td.grey.light:last-child {
  width: 65%;
}

#form-wrapper .form-control {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid rgba(0, 71, 128, 0.2);
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 18px;
  color: #494F65;
  background: #fff;
  outline: none;
}

#form-wrapper textarea.form-control {
  min-height: 140px;
  resize: vertical;
}

#form-wrapper .form-control:focus {
  border-color: #F58F1F;
  box-shadow: 0 0 0 3px rgba(245, 143, 31, 0.16);
}

#form-wrapper label.error {
  display: block;
  margin-top: 6px;
  color: #d23b3b;
  font-size: 14px;
  font-weight: 700;
}

#form-wrapper .web_form_alert {
  border-radius: 12px;
  padding: 12px 14px;
  margin: 16px 0;
}

#form-wrapper .web_form_alert label {
  color: #494F65;
  font-size: 16px;
  line-height: 1.35;
}

#form-wrapper .recaptcha-wrapper {
  margin: 14px 0 18px;
}

#form-wrapper .form-btn-submit.btn {
  border: none;
  border-radius: 10px;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 900;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

#form-wrapper .form-btn-submit.btn:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

#form-wrapper .form-btn-submit.btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

#form-wrapper > div:first-child {
  color: #004780;
  font-size: 20px;
  font-weight: 900;
}

.ss-alert {
  padding: 14px 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin: 16px 0;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.ss-alert__icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #F58F1F;
  color: #fff;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  margin-top: 2px;
}

.content-col .sort-filter {
  background: #FAF6F6;
  border-radius: 12px;
  padding: 16px 16px 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin: 10px 0 18px;
}

.content-col .sort-filter .row > [class*="col-"] {
  margin-bottom: 12px;
  color: #004780;
  font-weight: 800;
  font-size: 16px;
}

.content-col .sort-filter input[type="text"],
.content-col .sort-filter select {
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  border: 2px solid rgba(0, 71, 128, 0.2);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 16px;
  color: #494F65;
  background: #fff;
  outline: none;
}

.content-col .sort-filter input[type="text"]:focus,
.content-col .sort-filter select:focus {
  border-color: #F58F1F;
  box-shadow: 0 0 0 3px rgba(245, 143, 31, 0.16);
}

.content-col .sort-filter .calendar-icon {
  margin-left: 8px;
  transform: translateY(6px);
  opacity: 0.85;
}

.content-col .sort-filter .calendar-icon:hover {
  opacity: 1;
}

.content-col .sort-filter .text-right {
  margin-top: 6px;
}

.content-col .sort-filter .btn-blue,
.content-col .sort-filter .btn-trans {
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.content-col .sort-filter .btn-blue {
  background: #F58F1F;
  border: none;
  color: #fff;
}

.content-col .sort-filter .btn-blue:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

.content-col .sort-filter .btn-trans {
  background: transparent;
  border: 2px solid #F58F1F;
  color: #F58F1F;
  margin-left: 10px;
}

.content-col .sort-filter .btn-trans:hover {
  background: #FFF4E8;
}

.content-col .sortings {
  background: transparent;
  color: #7A7F8C;
  font-size: 16px;
  margin: 8px 0 12px;
}

.content-col .sortings a {
  margin-left: 10px;
  font-weight: 600;
  color: #004780;
  text-decoration: underline;
}

.content-col .sortings a.active,
.content-col .sortings a:hover {
  color: #F58F1F;
}

.content-col .news-list .wide-dwn-itm {
  background: #FAF6F6;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 14px;
  margin: 12px 0;
  align-items: center;
}

.content-col .news-list .wide-dwn-itm .col-10 a {
  color: #004780;
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
}

.content-col .news-list .wide-dwn-itm .col-10 a:hover {
  color: #F58F1F;
}

.content-col .news-list .wide-dwn-itm .col-2 a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  color: #494F65;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
}

.content-col .news-list .wide-dwn-itm .col-2 img {
  width: 34px;
  height: auto;
}

.mkd-acc {
  margin: 10px 0 0;
}

.mkd-acc__item {
  overflow: hidden;
}

.mkd-acc__title {
  color: #004780;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.mkd-link-btn {
  text-decoration: none !important;
}

.services-grid--no-white {
  background: transparent !important;
  padding: 0 !important;
}

.services-grid--small .services-grid__row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px;
}

.service-card-small {
  display: flex;
  align-items: center;
  background-color: #FAF6F6;
  border-radius: 12px;
  text-decoration: none !important;
  padding: 20px;
  transition: all 0.2s ease;
  box-shadow: 6px 7px 19.7px rgba(0, 0, 0, 0.18);
  min-width: 0;
  flex: 1 1 calc(33.333% - 16px);
  height: 140px;
  overflow: hidden;
}

.service-card-small:hover {
  transform: translateY(-2px);
}

.service-card-small__icon {
  width: 96px;
  height: 96px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  flex: 0 0 96px;
}

.service-card-small__icon img {
  width: 72px;
  height: 72px;
}

.service-card-small__content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  height: 100%;
}

.service-card-small__title {
  font-size: 20px;
  font-weight: 900;
  color: #004780;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.25;
  word-break: break-word;
}

.service-card-small__link {
  display: none !important;
}

.payment-methods-list p,
.payment-methods-list li p,
.requisites-card .requisite-text,
.attention-block p,
.info-text,
.mt-intro__text,
.mt-ways__lead,
.mt-ways__list,
.mt-ways__sms,
.pd-item__panel,
.pd-block__text,
.meters-card__text,
.meters-list,
.meters-warning__text,
.ec-card,
.ec-card p,
.ec-note,
.ec-steps,
.ec-bullets,
.ec-acc__panel,
.ss-card,
.ss-list,
.ss-alert__text,
.mkd-acc__panel,
.mkd-list,
.mkd-highlight,
.client-guide-table tbody td,
.pay-intro__text,
.pay-acc__panel,
.pay-requisite-text,
.pay-warning p,
.payment-deadline .text p {
  color: #494F65;
  font-size: 22px;
  line-height: 1.5;
}

.payment-methods-list strong,
.payment-methods-list b,
.requisites-card strong,
.requisites-card b,
.attention-block strong,
.attention-block b,
.mt-intro__text strong,
.mt-intro__text b,
.mt-ways__lead strong,
.mt-ways__lead b,
.mt-ways__list strong,
.mt-ways__list b,
.mt-ways__sms strong,
.mt-ways__sms b,
.pd-item__panel strong,
.pd-item__panel b,
.pd-block__text strong,
.pd-block__text b,
.meters-card__text strong,
.meters-card__text b,
.meters-list strong,
.meters-list b,
.meters-warning__text strong,
.meters-warning__text b,
.ec-card strong,
.ec-card b,
.ec-note strong,
.ec-note b,
.ec-steps strong,
.ec-steps b,
.ec-bullets strong,
.ec-bullets b,
.ec-acc__panel strong,
.ec-acc__panel b,
.ss-card strong,
.ss-card b,
.ss-list strong,
.ss-list b,
.ss-alert__text strong,
.ss-alert__text b,
.mkd-acc__panel strong,
.mkd-acc__panel b,
.mkd-list strong,
.mkd-list b,
.mkd-highlight strong,
.mkd-highlight b,
.client-guide-table tbody td strong,
.client-guide-table tbody td b {
  font-weight: 700;
}

.payment-methods-list ol,
.payment-methods-list ul,
.mt-ways__list,
.meters-list,
.ec-steps,
.ec-bullets,
.ss-list,
.mkd-list,
.client-guide-table tbody td ul,
.client-guide-table tbody td ol {
  margin: 10px 0 0;
  padding-left: 22px;
}

.mt-ways__list li,
.meters-list li,
.ec-steps li,
.ec-bullets li,
.ss-list li,
.mkd-list li,
.client-guide-table tbody td li {
  margin: 10px 0;
}

.payment-methods-list p a,
.payment-methods-list li p a,
.requisites-card .requisite-text a,
.attention-block p a,
.mt-intro__text a,
.mt-ways__lead a,
.mt-ways__list a,
.mt-ways__sms a,
.pd-item__panel a,
.pd-block__text a,
.meters-card__text a,
.meters-list a,
.meters-warning__text a,
.ec-card a,
.ec-note a,
.ec-steps a,
.ec-bullets a,
.ec-acc__panel a,
.ss-card a,
.ss-list a,
.ss-alert__text a,
.mkd-acc__panel a,
.mkd-list a,
.mkd-highlight a,
.client-guide-table tbody td a,
#form-wrapper .web_form_alert a,
#form-wrapper .rs-attention a,
.pay-list a {
  color: #004780;
  text-decoration: underline;
  font-weight: 700;
}

.payment-methods-list p a:hover,
.payment-methods-list li p a:hover,
.requisites-card .requisite-text a:hover,
.attention-block p a:hover,
.mt-intro__text a:hover,
.mt-ways__lead a:hover,
.mt-ways__list a:hover,
.mt-ways__sms a:hover,
.pd-item__panel a:hover,
.pd-block__text a:hover,
.meters-card__text a:hover,
.meters-list a:hover,
.meters-warning__text a:hover,
.ec-card a:hover,
.ec-note a:hover,
.ec-steps a:hover,
.ec-bullets a:hover,
.ec-acc__panel a:hover,
.ss-card a:hover,
.ss-list a:hover,
.ss-alert__text a:hover,
.mkd-acc__panel a:hover,
.mkd-list a:hover,
.mkd-highlight a:hover,
.client-guide-table tbody td a:hover,
#form-wrapper .web_form_alert a:hover,
#form-wrapper .rs-attention a:hover,
.pay-list a:hover {
  color: #F58F1F;
}

.pay-main-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 24px;
}

.pay-acc {
  margin: 10px 0 0;
}

.pay-acc__item {
  background: #FAF6F6;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  margin: 16px 0;
  overflow: hidden;
}

.pay-acc__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  margin-top: 2px;
}

.pay-acc__more {
  color: #004780;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  white-space: nowrap;
}

.pay-requisites-card,
.pay-warning {
  background: #FAF6F6;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pay-requisites-card {
  margin: 6px 0 20px;
}

.pay-warning {
  margin: 0 0 4px;
}

.pay-requisite-group {
  margin-bottom: 28px;
}

.pay-requisite-group:last-child {
  margin-bottom: 0;
}

.pay-requisite-title {
  color: #F58F1F;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 18px;
}

.pay-warning p {
  margin: 0 0 14px;
}

.pay-warning p:last-child {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .service-card-small {
      flex: 1 1 calc(50% - 12px);
  }
}


@media (max-width: 768px) {
  .tabs {
      flex-direction: column;
      margin-bottom: 20px;
  }
  .page-services-content p{
    font-size: 16px;
  }
  .payment-methods-list li::before {
      font-size: 20px;
      min-width: 25px;
  }

  .pm-toggle,
  .mt-intro__text,
  .mt-ways__lead,
  .mt-ways__list,
  .pd-item__panel,
  .pd-block__text,
  .meters-card__text,
  .meters-list,
  .meters-warning__text,
  .ec-card,
  .ec-card p,
  .ec-note,
  .ec-steps,
  .ec-bullets,
  .ec-acc__panel,
  .ss-card,
  .ss-list,
  .ss-alert__text,
  .mkd-acc__panel,
  .mkd-list,
  .mkd-highlight,
  .client-guide-table tbody td,
  .pay-intro__text,
  .pay-acc__panel,
  .pay-requisite-text,
  .pay-warning p {
      font-size: 18px;
      line-height: 1.5;
  }

  .pay-orange-btn {
      font-size: 18px;
      padding: 10px 16px;
  }

  .pay-btn-wrap,
  .pm-more-row {
      margin-left: 0;
  }

  .payment-deadline {
      flex-direction: column;
      text-align: center;
  }

  .payment-deadline img {
      width: 100px;
  }

  .payment-deadline .text p {
      text-align: center;
      font-size: 24px;
  }

  .actions-row {
      flex-direction: column;
  }

  .action-card {
      width: 100%;
      max-width: 350px;
  }

  .mt-ways__toggle-text {
      font-size: 20px;
  }

  #form_nomerlic.mt-readings-form {
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
      max-width: 100% !important;
  }

  #form_nomerlic.mt-readings-form table.data-table {
      width: 100% !important;
  }

  #form_nomerlic.mt-readings-form table.data-table tbody tr {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 10px !important;
  }

  #form_nomerlic.mt-readings-form td.grey.light {
      white-space: normal !important;
      font-size: 18px !important;
      width: 100% !important;
  }

  #form_nomerlic.mt-readings-form td.amount-td {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 12px !important;
      width: 100% !important;
  }

  #form_nomerlic.mt-readings-form input[name="nomerlic"].mt-readings-input {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      width: 330px !important;
      max-width: none !important;
      height: 44px !important;
      font-size: 18px !important;
  }

  #form_nomerlic.mt-readings-form input[type="submit"].mt-readings-submit {
      flex: 0 0 auto !important;
      width: auto !important;
      height: 44px !important;
      font-size: 18px !important;
      white-space: nowrap !important;
  }

  .pd-item__title,
  .pd-block__title,
  .meters-card__title,
  .meters-warning__title,
  .ec-card__title,
  .ec-subtitle,
  .ec-acc__title,
  .pay-acc__title,
  .pay-requisite-title {
      font-size: 20px;
  }

  .pay-warning__title {
      font-size: 24px;
  }

  .pamyatka {
      padding: 0 10px;
  }

  .pamyatka-block {
      margin-bottom: 14px;
  }

  .pamyatka-title {
      font-size: 20px;
      line-height: 1.25;
  }

  .pamyatka-inner,
  .pamyatka-inner-blue-text,
  .pamyatka-inner-blue-full {
      font-size: 16px;
      line-height: 1.45;
  }

  .pamyatka-inner-blue {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .pamyatka-inner-blue-img {
      width: 100% !important;
      min-height: 180px;
      background-size: cover;
      background-position: center;
      border-radius: 10px;
  }

  .pamyatka-point {
      margin: 14px 0 8px;
  }

  .pamyatka-point-number {
      font-size: 22px;
  }

  .pamyatka-point-text {
      font-size: 14px;
  }

  .pamyatka-ul {
      padding-left: 18px;
  }

  .client-guide-table thead {
      display: none;
  }

  .client-guide-table,
  .client-guide-table tbody,
  .client-guide-table tr,
  .client-guide-table td {
      display: block;
      width: 100%;
  }

  .client-guide-table tr {
      background: #FAF6F6;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      margin: 14px 0;
      padding: 14px 14px 12px;
  }

  .client-guide-table tbody td {
      border: none;
      padding: 0;
      font-size: 16px;
      line-height: 1.45;
  }

  .client-guide-table tbody td:first-child {
      display: inline-block;
      width: auto;
      margin: 0 0 10px;
      padding: 6px 12px;
      background: #FFF4E8;
      border-radius: 999px;
      font-size: 16px;
      color: #F58F1F;
  }

  .client-guide-table tbody td:nth-child(2) {
      margin-top: 6px;
      color: #494F65;
  }

  .client-guide-table ul,
  .client-guide-table ol {
      padding-left: 18px;
  }

  #form-wrapper table.data-table,
  #form-wrapper table.data-table tbody,
  #form-wrapper table.data-table tr,
  #form-wrapper table.data-table td {
      display: block;
      width: 100% !important;
  }

  #form-wrapper table.data-table td.grey.light:first-child {
      width: 100%;
      white-space: normal;
      font-size: 16px;
      margin-bottom: 8px;
      padding-bottom: 0;
  }

  #form-wrapper table.data-table td.grey.light:last-child {
      width: 100%;
      padding-top: 8px;
  }

  #form-wrapper .form-control {
      font-size: 16px;
      padding: 10px 12px;
  }

  #form-wrapper .rs-attention {
      font-size: 16px;
  }

  .ss-alert__text {
      font-size: 16px;
  }

  .ss-btn,
  .pay-main-btn {
      width: 100%;
  }

  .content-col .sort-filter .text-right .btn-blue,
  .content-col .sort-filter .text-right .btn-trans {
      width: 100%;
      margin: 0 0 10px;
  }

  .content-col .news-list .wide-dwn-itm .col-10,
  .content-col .news-list .wide-dwn-itm .col-2 {
      flex: 0 0 100%;
      max-width: 100%;
  }

  .content-col .news-list .wide-dwn-itm .col-2 {
      margin-top: 10px;
  }

  .content-col .news-list .wide-dwn-itm .col-2 a {
      flex-direction: row;
      justify-content: flex-start;
      gap: 10px;
      font-size: 14px;
  }

  #pagination span {
      width: 100%;
      justify-content: space-between;
      gap: 8px;
  }

  #pagination input[type="text"] {
      width: 54px;
  }

  .mkd-acc__title {
      font-size: 18px;
  }

  .services-grid--small .services-grid__row {
      flex-direction: column;
      gap: 12px;
  }

  .service-card-small {
      flex: 1 1 100%;
      height: auto;
      padding: 16px;
  }

  .service-card-small__icon {
      width: 56px;
      height: 56px;
      flex: 0 0 56px;
  }

  .service-card-small__icon img {
      width: 32px;
      height: 32px;
  }

  .service-card-small__title {
      font-size: 16px;
  }

  .pay-intro {
      padding: 16px;
      margin-bottom: 20px;
  }

  .pay-main-actions {
      flex-direction: column;
      gap: 10px;
  }

  .pay-main-btn {
      text-align: center;
      font-size: 16px;
      padding: 12px 16px;
  }

  .pay-acc__btn {
      padding: 16px;
      flex-direction: column;
      align-items: flex-start;
  }

  .pay-acc__meta {
      margin-top: 0;
  }

  .pay-acc__more {
      font-size: 16px;
  }

  .pay-acc__panel {
      padding: 0 16px 16px;
  }

  .pay-requisites-card,
  .pay-warning {
      padding: 18px;
  }

  .pay-requisite-title {
      margin-bottom: 12px;
  }
}
/* End */


/* Start:/local/components/sm/readings/templates/custom/style.css?1783599151137*/
.button-submit {
    font-size: 20px!important;
    font-weight: 900!important;
    padding: 0 18px;
    margin: 0 20px 20px 20px;
}
/* End */
/* /grazhdanam-potrebitelyam/css/style.css?178202075340355 */
/* /local/components/sm/readings/templates/custom/style.css?1783599151137 */