:root {
  --body-text: #494949;

  --btn-text: #ffffff;
  --accent-primary: #cc3523;
  --accent-primary-hover: #ec1800; 

  --bs-accent: var(--accent-primary);

  --accent-secondary: #cc3523;
}

/* OTHER */

.callback-block__plate {
  background-color: var(--accent-secondary);
}

@media (min-width: 992px) {
  .about--steps .about__img img {
    object-position: 14% 0;
  }
}

html, body {
  background-color: #F5F5F5;
  color: var(--body-text);
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.195;
  letter-spacing: 0.4px;
}

.btn-accent,
.btn-check:checked + .btn-outline-accent, 
.btn-check:active + .btn-outline-accent, 
.btn-outline-accent:active, 
.btn-outline-accent.active, 
.btn-outline-accent.dropdown-toggle.show,
.btn.btn--fill, button.btn--fill, input[type=button].btn--fill,
input[type=reset].btn--fill, input[type=submit].btn--fill {
  color: var(--btn-text);
  background-color: var(--accent-primary);
  border-color: var(--accent-primary);
}

.btn:hover, button:hover, input[type=button]:hover,
input[type=reset]:hover, input[type=submit]:hover,
.btn.btn--fill:hover, button.btn--fill:hover, input[type=button].btn--fill:hover,
input[type=reset].btn--fill:hover, input[type=submit].btn--fill:hover,
.btn-accent:hover {
  border-color: var(--accent-primary-hover);
  background-color: var(--accent-primary-hover);
  color: var(--btn-text) !important;
}

.btn-accent:disabled, 
.btn-accent.disabled,
.btn-outline-accent:disabled, 
.btn-outline-accent.disabled {
  opacity: 0.75;
  pointer-events: none;
  cursor: not-allowed;
}

.btn-outline-accent {
  color: var(--accent-primary);
  border-color: var(--accent-primary);
  background-color: transparent;
}

.btn-outline-accent:hover {
  color: var(--btn-text);
  background-color: var(--accent-primary-hover);
  border-color: var(--accent-primary-hover);
}

.border-accent {
  border-color: var(--accent-primary) !important;
}

svg.accent-icon, 
svg.accent-icon path,
.swiper-button-next-unique:hover svg path,
.swiper-button-prev-unique:hover svg path  {
  fill: var(--accent-primary);
}

.modal.success .checkmark__circle {
  stroke: #000;
}

select.form-select {
  background-color: var(--accent-primary);
  color: #fff;
  border-color: var(--accent-primary);
}

span.text-icon::before {
  border: 0.1em solid var(--accent-primary);
}

.btn, button, input[type=button],
input[type=reset], input[type=submit] {
  background-color: var(--accent-primary);
  border: 2px solid var(--accent-primary);
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus, select:focus, textarea:focus {
  border-color: var(--accent-primary);
}

.selectBox::before {
  border-bottom: 22px solid var(--accent-primary);
}

.header .dropdown-item.active, .header .dropdown-item:active {
  background-color: #f9f9f9;
}

.link-accent,
.accent,
a:not(.btn, .navbar-brand):hover,
a.accent, 
button.accent, 
input[type=button].accent,
*.text-accent,
.header .header-location-element span,
.header .dropdown-menu__group--popular p, 
.header .dropdown-menu__group--popular .dropdown-menu__group-title,
.header .dropdown-menu__group .dropdown-item__all-services,
.header .header-bottom-part .navbar-nav .nav-item .nav-link__menu-toggler + .nav-link__menu-title,
.header .header-bottom-part .navbar-nav .nav-item:hover .nav-link, 
.header .header-bottom-part .navbar-nav .nav-item:hover .nav-link[aria-expanded=true],
.header .dropdown-item:hover, .header .dropdown-item:focus,
.mm-listitem a:hover,
.mobile-menu__additional-phone .contacts-info a:hover,
.mobile-menu__additional-city a span,
.mobile-menu__additional-map a span,
.first-block__price,
.about__steps-number,
.how-we-work__title,
.modal .modal-alert-text,
.price-block__value--price,
.remont-categories__item:hover span.link-with-arrow  {
  color: var(--accent-primary) !important;
}

*.bg-accent,
.link-with-arrow.accent::before, 
.link-with-arrow.accent::after,
.custom-radio-label::before,
ul.list-style-custom li::before,
.selectBox,
.simplebar-scrollbar.simplebar-visible::before,
.header .header-bottom-part .navbar-nav .nav-item .nav-link__menu-toggler .nav-link__menu-square,
.price-block__value--more::before,
.price-block__value--more::after,
.remont-categories__item:hover span.link-with-arrow::before, 
.remont-categories__item:hover span.link-with-arrow::after  {
  background-color: var(--accent-primary) !important;
}


.modal.success .checkmark {
  box-shadow: inset 0 0 0 var(--accent-primary);
}

@keyframes fill {
    100% {
      box-shadow: inset 0 0 0 50px var(--accent-primary);
    }
}


/* CONSTANT */
.btn.btn--dark, button.btn--dark, 
input[type=button].btn--dark, 
input[type=reset].btn--dark, 
input[type=submit].btn--dark {
  border-color: #000;
  background-color: #000;
}

.btn.btn--dark:hover, button.btn--dark:hover, 
input[type=button].btn--dark:hover, 
input[type=reset].btn--dark:hover, 
input[type=submit].btn--dark:hover {
  border-color: #333;
  background-color: #333;
}

.callback-block .request-form__element button[type=submit] {
    background-color: #000 !important;
    border-color: #000 !important;
  }

.callback-block .request-form__element button[type=submit]:hover {
  background-color: #333 !important;
  border-color: #333 !important;
}

.remont-categories__title p {
  margin-bottom: 17px;
  color: var(--body-text) !important;
}

.price-block__table-row:hover .price-block__value--service {
  color: #585858;
}

div.price-block__table-row:not(.price-block__table-row-primary) .price-block__value--price {
  color: var(--body-text) !important;
}

div.price-block__table-row:not(.price-block__table-row-primary) .price-block__value--more::before,
div.price-block__table-row:not(.price-block__table-row-primary) .price-block__value--more::after {
  background-color: var(--body-text) !important;
}