@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Roboto:wght@400;500;700;900&display=swap);
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

@charset "UTF-8";
/* Указываем box sizing */
*, *::before, *::after { box-sizing: border-box; }

/* Убираем внутренние отступы */
ul[class], ol[class] { padding: 0; }

/* Убираем внешние отступы */
body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; }

/* Выставляем основные настройки по-умолчанию для body */
body { min-width: 320px; font-family: 'Roboto', sans-serif; min-height: 100vh; font-size: 16px; font-weight: 400; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 20px; color: #262626; }

@media (max-width: 992px) { body { font-size: 14px; } }

@media (max-width: 768px) { body { background-image: none; background-color: #fff; } }

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) { text-decoration-skip-ink: auto; }

a { text-decoration: none; }

/* Упрощаем работу с изображениями */
img { max-width: 100%; display: block; }

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * { margin-top: 1em; }

/* Наследуем шрифты для инпутов и кнопок */
input, button, textarea, select { font: inherit; }

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }

button { border: none; background-color: inherit; cursor: pointer; padding: 0; margin: 0; }

ul { margin: 0; padding: 0; }

li { padding: 0; margin: 0; }

input { border: none; }

.tns-outer { padding: 0 !important; }

.tns-outer [hidden] { display: none !important; }

.tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; }

.tns-slider { -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; }

.tns-slider > .tns-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.tns-horizontal.tns-subpixel { white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item { display: inline-block; vertical-align: top; white-space: normal; }

.tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item { float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100%; }

.tns-no-calc { position: relative; left: 0; }

.tns-gallery { position: relative; left: 0; min-height: 1px; }

.tns-gallery > .tns-item { position: absolute; left: -100%; -webkit-transition: transform 0s, opacity 0s; -moz-transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s; }

.tns-gallery > .tns-slide-active { position: relative; left: auto !important; }

.tns-gallery > .tns-moving { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }

.tns-autowidth { display: inline-block; }

.tns-lazy-img { -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; opacity: 0.6; }

.tns-lazy-img.tns-complete { opacity: 1; }

.tns-ah { -webkit-transition: height 0s; -moz-transition: height 0s; transition: height 0s; }

.tns-ovh { overflow: hidden; }

.tns-visually-hidden { position: absolute; left: -10000em; }

.tns-transparent { opacity: 0; visibility: hidden; }

.tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; }

.tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; }

.tns-vpfix { white-space: nowrap; }

.tns-vpfix > div, .tns-vpfix > li { display: inline-block; }

.tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; }

.tns-t-ct { width: 2333.3333333%; width: -webkit-calc(100% * 70 / 3); width: -moz-calc(100% * 70 / 3); width: calc(100% * 70 / 3); position: absolute; right: 0; }

.tns-t-ct:after { content: ''; display: table; clear: both; }

.tns-t-ct > div { width: 1.4285714%; width: -webkit-calc(100% / 70); width: -moz-calc(100% / 70); width: calc(100% / 70); height: 10px; float: left; }
.container { width: 100%; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1170px; } }

@media (max-width: 768px) { .container { padding-left: 10px; padding-right: 10px; } }

.btn { display: flex; justify-content: center; align-items: center; color: #fff; background: #A36630; transition: all 0.2s ease-out; }

.btn:hover { background: #E0AD7F; color: #262626; }

.title { font-family: 'Oswald', sans-serif; text-transform: uppercase; }

.title_primary { font-weight: 700; font-size: 40px; line-height: 45px; text-align: center; margin-bottom: 60px; }

@media (max-width: 992px) { .title_primary { font-size: 35px; line-height: 40px; margin-bottom: 30px; } }

@media (max-width: 768px) { .title_primary { font-weight: 700; font-size: 25px; line-height: 28px; } }

.controller__group { display: flex; justify-content: center; align-items: center; position: absolute; grid-gap: 13px; }

.controller__btn { width: 30px; height: 30px; cursor: pointer; background-color: #fff; display: flex; justify-content: center; align-items: center; }

.controller__triangle { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #1A4358; }

.controller__triangle_prev { transform: rotate(-90deg); }

.controller__triangle_next { transform: rotate(90deg); }

.input { background: #FFFFFF; border: 1px solid rgba(121, 190, 226, 0.53); padding-left: 22px; font-weight: 300; font-size: 10px; line-height: 12px; width: 100%; height: 50px; margin-bottom: 10px; }

.honeyspot { position: absolute; left: 0; top: 0; width: 0.3px; height: 0.3px; opacity: 0; }

.agreement { display: flex; align-items: center; }

.agreement__label { font-size: 11px; line-height: 12px; color: #fff; }

.agreement__checkbox { width: 12px; height: 12px; background-color: inherit; margin-right: 5px; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #fff; }

.agreement__checkbox:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); background-color: inherit; }

.agreement__link { color: #fff; text-decoration: underline; opacity: 0.6; }

@media only screen and (max-width: 768px) { .agreement__label { font-size: 12px; } }

.text-error { color: #A36630; display: none; font-size: 14px; font-weight: bold; text-align: center; }

.modal__container { width: 500px; padding: 60px 50px; text-align: left; }

.modal__title { margin-bottom: 5px; text-align: left; }

.modal__subtitle { font-weight: 500; font-size: 17px; margin-bottom: 24px; }

.modal__btn { width: 100%; height: 50px; font-weight: 900; font-size: 19px; line-height: 22px; margin-bottom: 19px; }

.modal__label, .modal__link { color: #262626; }

.modal__checkbox { border: 1px solid #262626; }

.modal__checkbox:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); background-color: inherit; }

.modal__close { right: 0; left: auto; }

@media (max-width: 768px) { .modal__container { width: 100%; padding: 56px 10px; } }

.section-header { padding: 10px 0; border-bottom: 1px solid #DFDFDF; }

.header__wrapper { display: flex; justify-content: space-between; align-items: center; }

.header__item { font-weight: 700; font-size: 14px; line-height: 16px; text-transform: uppercase; color: inherit; transition: all 0.2s ease-out; }

.header__item:hover { color: #A36630; }

.header__menu { display: flex; grid-gap: 20px; }

.header__btn { width: 169px; height: 60px; font-weight: 700; font-size: 16px; }

.header__burger { display: none; }

.header__menu-mobile { display: none; }

@media (max-width: 1200px) { .header__item { font-size: 12px; }
    .header__btn { height: 40px; } }

@media (max-width: 992px) { .header__burger { display: flex; flex-flow: column; grid-gap: 9px; width: 30px; height: 24px; transition: all 0.5s ease-out; }
    .header__burger span { display: block; width: 100%; height: 2px; background-color: #262626; }
    .header__burger_open { justify-content: center; align-items: center; position: relative; }
    .header__burger_open span:nth-child(2) { display: none; }
    .header__burger_open span:nth-child(1) { position: absolute; transform: rotate(45deg); }
    .header__burger_open span:nth-child(3) { position: absolute; transform: rotate(-45deg); }
    .header__menu-mobile { display: none; flex-flow: column; margin: 20px 0; text-align: center; }
    .header__menu-mobile_show { display: flex; }
    .header__menu { display: none; }
    .header__item { font-size: 14px; margin-bottom: 10px; }
    .header__address { margin: 15px 0; } }

@media (max-width: 768px) { .header__logo { width: 53px; }
    .header__btn { width: 180px; height: 60px; font-weight: 700; font-size: 16px; }
    .header__burger { grid-gap: 6px; width: 24px; height: 20px; }
    .header__menu-mobile { margin-top: 35px; align-items: flex-start; text-align: left; }
    .header__item { font-weight: 500; font-size: 17px; line-height: 20px; margin-bottom: 20px; }
    .header__address { margin-top: 30px; } }

.section-address { padding: 10px 0; }

.address__wrapper { display: flex; justify-content: space-between; align-items: center; }

.address__item { display: flex; align-items: center; grid-gap: 15px; }

.address__text { font-size: 17px; color: #262626; }

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

.address__social-items { display: flex; align-items: center; grid-gap: 41px; margin-bottom: 5px; }

.address__social-item { display: block; width: 31px; height: 31px; transition: all 0.2s ease-out; }

.address__social-item:nth-child(1):hover .address__path { fill: #229026; }

.address__social-item:nth-child(2):hover .address__path { fill: #6559A2; }

.address__social-item:nth-child(3):hover .address__path { fill: #26A2E0; }

@media (max-width: 1200px) { .address__text { font-size: 14px; } }

@media (max-width: 992px) { .section-address { display: none; }
    .address__item { justify-content: center; margin-bottom: 10px; } }

@media (max-width: 768px) { .address__item { justify-content: flex-start; margin-bottom: 15px; }
    .address__text { font-weight: 700; font-size: 15px; line-height: 18px; } }

.section-banner { background-image: url("../../img/banner/banner.jpg"); background-repeat: no-repeat; background-size: cover; padding: 56px 0; }

.banner__wrapper { display: grid; grid-template-columns: .8fr 1fr; grid-gap: 140px; align-items: center; }

.banner__title { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 55px; line-height: 62px; color: #fff; margin-bottom: 30px; }

.banner__subtitle { color: #fff; margin-bottom: 47px; width: 80%; }

.banner__btn { width: 300px; height: 50px; font-weight: 900; font-size: 17px; }

.banner__btn_mobile { display: none; }

.banner__slider { position: relative; }

.banner__group { left: 21px; bottom: 18px; }

.banner__img-wrapper { display: flex; justify-content: center; align-items: center; height: 427px; }

.banner__img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1200px) { .banner__title { font-size: 45px; line-height: 50px; }
    .banner__wrapper { grid-gap: 60px; } }

@media (max-width: 992px) { .banner__subtitle { display: none; }
    .banner__btn { display: none; }
    .banner__btn_mobile { display: flex; }
    .banner__wrapper { grid-template-columns: 1fr; grid-gap: 30px; }
    .banner__img-wrapper { height: 340px; } }

@media (max-width: 768px) { .section-banner { padding: 30px 0; }
    .banner__title { font-weight: 700; font-size: 30px; line-height: 34px; margin-bottom: 0; }
    .banner__btn { width: 100%; height: 50px; font-size: 17px; line-height: 20px; }
    .banner__img-wrapper { height: 204px; } }

.section-scheme { padding: 120px 0; }

.scheme__wrapper { display: grid; grid-template-columns: 1fr .45fr 1fr .45fr 1fr; grid-gap: 10px; }

.scheme__number { width: 79px; height: 79px; display: flex; justify-content: center; align-items: center; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 40px; line-height: 45px; color: #fff; background-color: #1A4358; border-radius: 50px; margin: 0 auto 42px auto; }

.scheme__card { text-align: center; }

.scheme__card-title { font-weight: 900; font-size: 18px; line-height: 21px; margin-bottom: 14px; }

.scheme__address { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }

.scheme__address-text { font-weight: 900; font-size: 16px; color: #262626; }

.scheme__desc { margin-top: 14px; }

.scheme__line { margin-top: 30px; }

.scheme__nav-group { display: none; }

.scheme__desc a { color: inherit; text-decoration: underline; }

@media (max-width: 1200px) { .section-scheme { padding: 80px 0; }
    .scheme__number { width: 55px; height: 55px; font-size: 30px; line-height: 20px; margin: 0 auto 25px auto; }
    .scheme__address-text { font-size: 13px; } }

@media (max-width: 992px) { .scheme__line { display: none; }
    .scheme__wrapper { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } }

@media (max-width: 768px) { .section-scheme .tns-controls { display: none; }
    .scheme__wrapper { display: block; }
    .scheme__nav-group { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
    .scheme__nav { display: block; width: 12px; height: 12px; border-radius: 25px; background: rgba(27, 72, 96, 0.44); margin-right: 14px; }
    .scheme__nav.tns-nav-active { background-color: #1A4358; }
    .scheme__number { width: 80px; height: 80px; font-weight: 700; font-size: 40px; line-height: 45px; margin-bottom: 40px; }
    .scheme__address { justify-content: center; margin-bottom: 10px; }
    .scheme__address-text { font-size: 16px; line-height: 19px; margin-left: 10px; } }

.section-help { background-image: url("../../img/help/help-bg.jpg"); background-repeat: no-repeat; background-size: cover; padding: 69px 0; margin-bottom: 120px; }

.help__wrapper { display: flex; justify-content: space-between; align-items: center; }

.help__title { font-weight: 700; font-size: 30px; line-height: 39px; margin-bottom: 20px; }

.help__btn { width: 370px; height: 50px; font-weight: 900; font-size: 19px; }

.help__info { color: #fff; }

@media (max-width: 1200px) { .section-help { margin-bottom: 80px; }
    .help__title { font-size: 26px; line-height: 26px; } }

@media (max-width: 992px) { .section-help { padding: 40px 0; }
    .help__btn { width: 300px; height: 45px; } }

@media (max-width: 768px) { .section-help { padding: 60px 0; }
    .help__wrapper { display: block; }
    .help__title { font-size: 25px; line-height: 33px; margin-bottom: 24px; }
    .help__subtitle { margin-bottom: 22px; }
    .help__btn { width: 100%; height: 50px; } }

.section-organization { padding-bottom: 120px; }

.organization__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 120px; }

.organization__item { display: flex; align-items: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #79BEE2; }

.organization__circle { width: 14px; height: 14px; margin-right: 43px; background-color: #1A4358; border-radius: 50px; flex: none; }

.organization__text { font-weight: 500; font-size: 18px; color: #262626; }

@media (max-width: 1200px) { .section-organization { padding-bottom: 80px; } }

@media (max-width: 992px) { .organization__wrapper { grid-gap: 25px; }
    .organization__circle { margin-right: 10px; } }

@media (max-width: 768px) { .organization__wrapper { grid-template-columns: 1fr; }
    .organization__item { padding-bottom: 14px; }
    .organization__text { font-weight: 400; font-size: 16px; line-height: 18px; }
    .organization__circle { margin-right: 15px; } }

.section-about { padding-bottom: 120px; }

.about__wrapper { display: grid; grid-template-columns: 1fr 0.9fr; grid-gap: 74px; align-items: center; }

.about__slider { position: relative; }

.about__img-wrapper { display: flex; justify-content: center; align-items: center; height: 368px; }

.about__img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.about__title { font-weight: 900; font-size: 20px; line-height: 22px; margin-bottom: 30px; }

.about__title-desc { font-weight: 900; font-size: 18px; margin-bottom: 15px; }

.about__desc { font-size: 18px; margin-bottom: 15px; }

.about__group { bottom: 25px; left: 31px; }

@media (max-width: 992px) { .about__wrapper { grid-gap: 30px; } }

@media (max-width: 768px) { .section-about { padding-bottom: 80px; }
    .about__wrapper { grid-template-columns: 1fr; } }

.section-choose { padding-bottom: 120px; }

.choose__wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; }

.choose__card { height: 270px; background: #EFFAFF; border: 1px solid rgba(121, 190, 226, 0.53); padding: 46px 27px; }

.choose__img { margin-bottom: 23px; }

.choose__title { font-weight: 900; font-size: 17px; margin-bottom: 15px; }

.choose__desc { font-size: 15px; line-height: 17px; }

@media (max-width: 1200px) { .section-choose { padding-bottom: 80px; }
    .choose__card { padding: 25px; }
    .choose__desc { font-size: 12px; } }

@media (max-width: 992px) { .choose__wrapper { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 768px) { .choose__wrapper { grid-template-columns: 1fr; grid-gap: 15px; }
    .choose__card { padding: 45px 25px; }
    .choose__desc { font-size: 15px; line-height: 17px; } }

.section-feedback { background-image: url("../../img/feedback/feedback-bg.jpg"); background-repeat: no-repeat; background-size: cover; padding: 63px 0; margin-bottom: 120px; }

.feedback__wrapper { width: 370px; margin-left: auto; margin-right: auto; }

.feedback__title { font-weight: 700; font-size: 40px; line-height: 59px; text-transform: none; color: #fff; margin-bottom: 3px; }

.feedback__subtitle { font-weight: 500; font-size: 17px; line-height: 20px; color: #fff; margin-bottom: 24px; }

.feedback__btn { width: 100%; height: 50px; font-weight: 900; font-size: 19px; line-height: 22px; margin-bottom: 19px; }

@media (max-width: 1200px) { .section-feedback { margin-bottom: 80px; } }

@media (max-width: 768px) { .section-feedback { padding: 56px 0; }
    .feedback__wrapper { width: 100%; }
    .feedback__title { font-size: 35px; line-height: 52px; margin-bottom: 10px; }
    .feedback__subtitle { font-weight: 500; font-size: 16px; line-height: 19px; }
    .feedback__btn { margin-top: 20px; } }

.section-contact { padding-bottom: 120px; background-color: #EFFAFF; }

.contact__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 120px; }

.contact__title { text-align: left; }

.contact__info { padding: 63px 0; }

.contact__item { display: flex; margin-bottom: 23px; }

.contact__icon { margin-right: 14px; }

.contact__text { font-weight: 700; font-size: 20px; line-height: 23px; color: #262626; }

.contact__social-items { margin-top: 50px; }

@media (max-width: 1200px) { .section-contact { padding-bottom: 80px; }
    .contact__wrapper { grid-gap: 60px; } }

@media (max-width: 992px) { .contact__wrapper { grid-template-columns: 1fr; grid-gap: 20px; }
    .contact__info { padding: 25px; }
    .contact__text { font-size: 16px; line-height: 16px; }
    #YaMaps { height: 370px; } }

@media (max-width: 768px) { .contact__info { padding: 15px; }
    .contact__social-items { margin-top: 20px; } }

.section-footer { border-top: 1px solid rgba(121, 190, 226, 0.53); padding: 27px 0; }

.footer__wrapper { display: flex; justify-content: space-between; align-items: center; }

.footer__menu { display: flex; grid-gap: 20px; margin-bottom: 18px; }

.footer__menu-item { font-weight: 700; font-size: 14px; line-height: 16px; color: #262626; text-transform: uppercase; }

.footer__address { text-align: right; }

.footer__address-item { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 18px; }

.footer__address-text { margin-right: 5px; color: #262626; }

.footer__social-items { justify-content: center; }

@media (max-width: 1200px) { .footer__address-text { font-size: 12px; }
    .footer__menu-item { font-size: 12px; } }

@media (max-width: 992px) { .footer__menu { display: none; }
    .footer__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }
    .footer__address-item { justify-content: flex-start; flex-flow: wrap; }
    .footer__address-text { order: 2; text-align: left; }
    .footer__address-icon { margin-right: 15px; } }

@media (max-width: 768px) { .footer__logo { width: 53px; }
    .footer__address { grid-column: 1/3; }
    .footer__address-text { font-size: 16px; line-height: 19px; } }

.section-confidentiality { padding: 20px 0; border-top: 1px solid #DADADA; }

.confidentiality__wrapper { display: flex; justify-content: space-between; }

.confidentiality__text { font-size: 13px; color: #7D7D7D; }

.confidentiality__link { text-decoration: underline; color: #7D7D7D; }

@media (max-width: 992px) { .confidentiality__wrapper { flex-flow: column; } }

@media (max-width: 768px) { .section-confidentiality { border-top: none; padding-top: 0; }
    .confidentiality__text { font-size: 10px; line-height: 12px; margin-bottom: 8px; } }

.section-service { padding-bottom: 120px; }

.service__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; }

.service__card:nth-last-child(1) { grid-column: 1/4; }

.service__card:hover .service__info { display: flex; }

.service__card:hover .service__preview { display: none; }

.service__img-wrapper { display: flex; justify-content: center; align-items: center; height: 308px; }

.service__img { width: 100%; height: 100%; object-position: center; object-fit: cover; }

.service__info { display: none; flex-flow: column; background: #1B4860; border: 1px solid #79BEE2; height: 370px; padding: 25px 30px; }

.service__info_show { display: flex; }

.service__info-title { display: flex; align-items: center; justify-content: space-between; font-weight: 900; font-size: 19px; line-height: 22px; color: #fff; margin-bottom: 10px; }

.service__list { color: #fff; padding-left: 18px !important; }

.service__item { margin-bottom: 10px; }

.service__title { display: flex; justify-content: space-between; align-items: center; background-color: #1A4358; font-weight: 700; font-size: 19px; line-height: 22px; color: #fff; padding: 20px; }

.service__preview { cursor: pointer; }

.service__preview_hidden { display: none; }

.service__btn { width: 100%; height: 44px; font-weight: 700; font-size: 17px; margin-top: auto; }

@media (max-width: 1200px) { .section-service { padding-bottom: 80px; }
    .service__info-title { font-size: 16px; line-height: 20px; }
    .service__info { padding: 20px; }
    .service__list { font-size: 14px; } }

@media (max-width: 992px) { .service__wrapper { grid-template-columns: repeat(2, 1fr); }
    .service__card:nth-last-child(1) { grid-column: 1/3; } }

@media (max-width: 768px) { .service__wrapper { grid-template-columns: 1fr; }
    .service__card:nth-last-child(1) { grid-column: 1; } }

/*------fix*/

/* 1. Общие сбросы для списков в меню */
.header__menu ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

/* 2. Главная строка меню */
.header__menu > ul {
    display: flex;
    align-items: center;
    gap: 20px; /* Расстояние между пунктами, отрегулируйте при необходимости */
}

/* 3. Элементы верхнего уровня */
.header__menu > ul > li {
    position: relative;
    padding: 15px 0; /* Зона наведения, чтобы меню не закрывалось */
}

/* Ссылки верхнего уровня */
.header__menu > ul > li > a {
    text-decoration: none;
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    white-space: nowrap;
    transition: color 0.2s ease;
}

/* При наведении на пункт меню или когда открыта выпадашка */
.header__menu > ul > li:hover > a {
    color: #a46d3d; /* Коричневый цвет из макета */
}

/* Автоматическое добавление стрелочки для пунктов с подменю */
.header__menu > ul > .menu-item-has-children > a::after {
    content: "▼";
    font-size: 9px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    transition: transform 0.2s ease;
}

/* Поворот стрелочки при наведении */
.header__menu > ul > .menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

/* ==========================================
   ВЫПАДАЮЩЕЕ МЕНЮ (СТРОГО ПО МАКЕТУ)
   ========================================== */
.header__menu ul .sub-menu {
    position: absolute;
    top: 100%;               /* Появляется строго под текстовой строкой */
    left: 0;                 /* Выравнивание по левому краю родителя */
    display: none;
    background-color: #e2e2e2; /* Светло-серый фон как на макете */
    min-width: 240px;        /* Ширина плашки выпадающего меню */
    z-index: 999;
    padding: 10px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Пункты внутри выпадашки */
.header__menu ul .sub-menu li {
    width: 100%;
}

/* Ссылки внутри выпадашки */
.header__menu ul .sub-menu li a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #111111;
    font-size: 14px;
    font-weight: 700;        /* Жирный шрифт для подпунктов */
    text-transform: none;    /* Обычный регистр (не заглавные) */
    line-height: 1.3;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Эффект при наведении на пункт в выпадающем списке */
.header__menu ul .sub-menu li a:hover {
    background-color: #d4d4d4; /* Чуть более темный серый при наведении */
    color: #a46d3d;            /* Текст становится коричневым */
}

/* Срабатывание при наведении */
.header__menu > ul > li:hover > .sub-menu {
    display: block;
}

/* Делаем так, чтобы списки в мобильном меню шли друг за другом вниз */
.header__menu-mobile ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px; /* Расстояние между пунктами в мобилке */
}

/* Стилизуем сами ссылки в мобильном меню */
.header__menu-mobile ul li a {
    display: block;
    text-decoration: none;
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

/* ==========================================
   МОБИЛЬНАЯ ВЫПАДАШКА (СКРЫТА ПО УМОЛЧАНИЮ)
   ========================================== */
.header__menu-mobile ul .sub-menu {
    display: none; /* Скрываем подпункты в мобилке */
    padding-left: 15px; /* Делаем отступ вправо для подпунктов */
    margin-top: 10px;
    flex-direction: column;
    gap: 10px;
}

/* Ссылки внутри мобильной выпадашки */
.header__menu-mobile ul .sub-menu li a {
    font-weight: 400;
    text-transform: none; /* Не заглавные буквы */
    color: #555555;
}

/* Контейнер списка в футере */
.footer__menu ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;           /* Позволяет пунктам переноситься на второй ряд */
    justify-content: center;   /* Центрирует оба ряда по горизонтали */
    align-items: center;
    gap: 15px 25px;            /* 15px — отступ между рядами, 25px — между пунктами */
    max-width: 650px;          /* Ограничиваем ширину, чтобы меню гарантированно разбилось на 2 строки */
    margin: 0 auto;            /* Центрируем сам блок меню на странице */
}

/* Ссылки в меню футера */
.footer__menu ul li a {
    text-decoration: none;
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    white-space: nowrap;       /* Запрещает разрывать слова внутри одного пункта */
    transition: color 0.2s ease;
}

/* Подсветка при наведении */
.footer__menu ul li a:hover {
    color: #a46d3d;            /* Коричневый цвет */
}

/* Добавляем стрелочку для пункта «УСЛУГИ И ТОВАРЫ» (как в шапке) */
.footer__menu ul .menu-item-has-children > a::after {
    content: "▼";
    font-size: 9px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
}

/* Подсвечиваем стрелочку и текст родительского пункта при наведении */
.footer__menu ul .menu-item-has-children:hover > a {
    color: #a46d3d;
}

/*-----------стили банеров под хедером----*/

/* ==========================================
   СТИЛИ ДЛЯ ДИНАМИЧЕСКОГО БАННЕРА
   ========================================== */

.page-banner {
    position: relative;
    padding: 60px 0;             /* Задает высоту баннера за счет внутренних отступов */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;      /* Растягивает фоновое изображение на всю ширину */
    min-height: 180px;           /* Минимальная высота баннера, если текста мало */
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}

/* Контейнер для выравнивания контента по центру сетки сайта */
.page-banner .container {
    width: 100%;
    max-width: 1200px;           /* Задайте ширину вашей основной сетки */
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-direction: column;      /* Выстраивает крошки и заголовок строго друг под другом */
    gap: 15px;                   /* Расстояние между хлебными крошками и заголовком */
}

/* Стилизация хлебных крошек Yoast */
.page-banner .breadcrumbs #breadcrumbs {
    font-size: 13px;
    font-weight: 500;
    color: #ffffff !important;   /* Коричневый цвет для текста крошек */
    margin: 0;
}

.page-banner .breadcrumbs #breadcrumbs a {
    text-decoration: none;
    color: #ffffff !important;   /* Ссылки (например, "Главная") будут белыми */
    transition: color 0.2s ease;
}

.page-banner .breadcrumbs #breadcrumbs a:hover {
    color: #a46d3d !important;   /* Цвет ссылок при наведении */
}

/* Стилизация главного кастомного заголовка */
.page-banner .page-banner__title {
    font-size: 32px;           /* Увеличили размер шрифта (подберите: 32px - 36px) */
    font-weight: 700;
    color: #ffffff;
    text-align: center;        /* Центрируем текст внутри строки */
    margin: 15px auto 0 auto;  /* Центрируем сам блок по горизонтали */
    max-width: 900px;          /* Ограничение ширины для красивого переноса */
    line-height: 1.3;
}

/* -----стили для страницы Организация похорон в Ульяновске */

/* Общие стили секции */
.services-complex {
    padding-bottom: 100px;
    background-color: #ffffff;
    font-family: sans-serif; /* Поменяйте на ваш шрифт сайта */
}

/* Секция заголовков */
.services-complex__header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 45px auto;
}

.services-complex__title {
    font-size: 26px;
    font-weight: 700;
    color: #111111;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.services-complex__subtitle {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}

/* Сетка карточек — 2 колонки на десктопе */
.services-complex__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px; /* Отступы между карточками */
}

/* Сама карточка */
.service-card {
    display: flex;
    align-items: center;
    background-color: #EFFAFF;
    border: 1px solid #79BEE2;
    padding: 25px 30px; /* Увеличили внутренние отступы плашки */
    box-sizing: border-box;
    min-height: 180px;
}

/* Левая часть карточки (обертка для картинки) */
.service-card__img-wrap {
    width: 140px;
    min-width: 140px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.service-card__img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Картинка не будет сжиматься и ломаться */
}

/* Правая часть карточки (текст и кнопка) */
.service-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    padding-left: 10px; /* Небольшой отступ от картинки */
}

.service-card__title {
    font-size: 19px; /* Увеличили размер, чтобы слова переносились как на макете */
    font-weight: 700;
    color: #111111;
    margin: 0 0 10px 0;
    line-height: 1.2;
    max-width: 220px; /* Ограничиваем ширину, заставляя длинные названия переноситься на 2 строки */
}

.service-card__desc {
    font-size: 12px;
    color: #666666;
    margin: 0 0 18px 0;
    line-height: 1.4;
    min-height: 34px;
}

/* Коричневая кнопка */
.service-card__btn {
    display: inline-block;
    background-color: #a46d3d;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 55px; /* Увеличили верхний/нижний отступы до 10px, а боковые до 55px */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background-color 0.2s ease;
}

.service-card__btn:hover {
    background-color: #8c5a2f; /* Чуть темнее при наведении */
}

/* ==========================================
   АДАПТИВНОСТЬ (МОБИЛЬНАЯ ВЕРСИЯ)
   ========================================== */
@media (max-width: 768px) {
    /* На телефонах перестраиваем сетку в 1 колонку */
    .services-complex__grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    /* Карточка становится вертикальной на маленьких экранах */
    .service-card {
        flex-direction: column;
        text-align: center;
        padding: 25px 15px;
    }

    .service-card__img-wrap {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .service-card__content {
        align-items: center;
    }

    .services-complex__title {
        font-size: 20px;
    }
}

/*--статьи--------------------------------------------*/

.news-section {
    padding-bottom: 60px;
    background-color: #ffffff;
}
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}
.news-card {
    background-color: #1a425a;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.news-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.news-card__link-wrapper {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.news-card__img-wrap {
    width: 100%;
    height: 240px;
    overflow: hidden;
}
.news-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-card__content {
    padding: 25px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    min-height: 140px;
    box-sizing: border-box;
}
.news-card__title {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.4;
    margin: 0 0 20px 0;
}
.news-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-card__date {
    font-size: 13px;
    color: #9cb1be;
}
.news-card__arrow {
    font-size: 20px;
    color: #ffffff;
}
.news-section__more-wrap {
    text-align: center;
}
.news-section__btn-more {
    display: inline-block;
    border: 1px solid #a46d3d;
    color: #a46d3d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 12px 50px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.news-section__btn-more:hover {
    background-color: #a46d3d;
    color: #ffffff;
}
@media (max-width: 992px) { .news-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .news-grid { grid-template-columns: 1fr; } }

/*single-stati--------------*/

/* Ограничиваем ширину текстового блока, чтобы его было удобно читать */
.article-single-page {
    max-width: 900px;
    margin: 50px auto;
    padding: 0 15px;
}

/* Стили для всех подзаголовков внутри текста статьи */
.article-single-page__body h2,
.article-single-page__body h3 {
    font-size: 22px;
    font-weight: 700;
    color: #111111;
    margin: 35px 0 20px 0;
}

/* Стили для обычных абзацев текста */
.article-single-page__body p {
    font-size: 15px;
    line-height: 1.6;
    color: #333333;
    margin-bottom: 20px;
}

/* Стили для маркированных списков (Что необходимо для проведения и т.д.) */
.article-single-page__body ul {
    list-style: none; /* Убираем стандартные точки, если у вас свои маркеры */
    padding: 0;
    margin-bottom: 25px;
}

.article-single-page__body ul li {
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
    margin-bottom: 12px;
    padding-left: 15px;
    position: relative;
}

/* При желании можно задать кастомный маркер списка через CSS (например, коричневый квадрат или точку) */
.article-single-page__body ul li::before {
    content: "•";
    color: #a46d3d; /* Наш коричневый цвет */
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

/* Стили для картинок, которые вы будете вставлять прямо внутрь текста */
.article-single-page__body img {
    max-width: 100%;
    height: auto;
    margin: 25px 0;
    display: block;
}

/* Картинка прижимается вправо, а текст обтекает её слева */
.article-single-page__body .alignright {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
    max-width: 45%; /* Картинка займет чуть меньше половины ширины */
}

/* Очистка обтекания для следующих блоков (например, для списков ниже) */
.article-single-page__body::after {
    content: "";
    display: table;
    clear: both;
}


/* ------------------иконка макса------------- */

/* Состояние по умолчанию */
.icon-max {
    transition: transform 0.2s ease-in-out; /* Плавное увеличение */
}

/* Эффект при наведении курсора */
.icon-max:hover {
    transform: scale(1.15); /* Увеличивает иконку на 15% */
}

/* мобильный слайдер статьи*/

/* --- ПЕРЕКЛЮЧЕНИЕ СЕКЦИЙ --- */
@media (min-width: 768px) {
    .news-section--mobile {
        display: none !important; /* Прячем слайдер на компьютерах */
    }
}

@media (max-width: 767px) {
    .news-section--desktop {
        display: none !important; /* Прячем сетку на телефонах */
    }

    /* --- СТИЛИ ДЛЯ МОБИЛЬНОГО СЛАЙДЕРА --- */
    .news-swiper-container {
        position: relative;
        width: 100%;
        padding-top: 52px; /* Место для верхних стрелок */
        overflow: hidden;
    }

    /* Фиксируем размеры слайдов, чтобы карточки не сжимались */
    .news-swiper-container .swiper-slide {
        width: 100% !important;
        height: auto !important;
    }

    /* Блок со стрелками сверху справа */
    .news-swiper-header {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        gap: 8px;
    }

    /* Кастомные кнопки */
    .swiper-button-prev-custom,
    .swiper-button-next-custom {
        width: 36px;
        height: 36px;
        background-color: #eaeaea; /* Серый фон кнопок */
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background-color 0.2s;
    }

    /* Стрелочка влево */
    .swiper-button-prev-custom::after {
        content: '';
        width: 8px;
        height: 8px;
        border-left: 2px solid #1a3e5c; /* Темно-синий цвет стрелок */
        border-bottom: 2px solid #1a3e5c;
        transform: rotate(45deg);
        margin-left: 3px;
    }

    /* Стрелочка вправо */
    .swiper-button-next-custom::after {
        content: '';
        width: 8px;
        height: 8px;
        border-right: 2px solid #1a3e5c;
        border-top: 2px solid #1a3e5c;
        transform: rotate(45deg);
        margin-right: 3px;
    }

    /* Стили для круглых точек снизу */
    .swiper-pagination-custom {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 24px;
    }

    /* Неактивная точка */
    .swiper-pagination-custom .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #e0e0e0;
        border-radius: 50%;
        opacity: 1;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    /* Активная темно-синяя точка */
    .swiper-pagination-custom .swiper-pagination-bullet-active {
        background-color: #1a3e5c;
    }
}