.u-hover-custom-color-8:hover,
        .u-hover-custom-color-8[class*="u-border-"]:hover,
        .u-hover-custom-color-8:focus,
        .u-hover-custom-color-8[class*="u-border-"]:focus,
        .u-active-custom-color-8.u-active.u-active,
        .u-active-custom-color-8[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-hover-custom-color-8:hover,
        a.u-button-style.u-hover-custom-color-8[class*="u-border-"]:hover,
        a.u-button-style:hover > .u-hover-custom-color-8,
        a.u-button-style:hover > .u-hover-custom-color-8[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-8:focus,
        a.u-button-style.u-hover-custom-color-8[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-active-custom-color-8:active,
        a.u-button-style.u-button-style.u-active-custom-color-8[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-8.active,
        a.u-button-style.u-button-style.u-active-custom-color-8[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-8,
        a.u-button-style.u-button-style.active > .u-active-custom-color-8[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-8,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-8[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-8:checked
        {
            color: #111111 !important;
            background-color: #f0bc7d !important;
        }

        a {
            text-decoration: none; /* Видалити підкреслення */
            color: #8E704C; /* Колір тексту */
        }

        a:visited {
            color: #8E704C; /* Той самий колір для відвіданих посилань */
        }

        a:hover {
            color: #8E704C; /* Колір при наведенні миші */
        }

        a:active {
            color: #8E704C; /* Колір при натисканні */
        }
.u-btn {
  display: table;
  /*TODO maye need another solution for negative marin*/
  cursor: pointer;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  border: 0 none transparent;
  outline-width: 0;
  background-color: transparent;
  margin: 0;
  -webkit-text-decoration-skip: objects;
  font-style: initial;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  text-align: center;
  padding: 10px 30px;
  border-radius: 0;
  --border-radius: 0;
  align-self: flex-start;
}







* {
  box-sizing: border-box;
}

.u-clearfix:after,
.u-clearfix:before {
  content: '';
  display: table;
}
.u-clearfix:after {
  clear: both;
}

.u-image {
  object-fit: cover;
  display: block;
  vertical-align: middle;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.u-sheet {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .u-sheet {
    width: var(--theme-sheet-width-xxl) !important;
  }
}
@media (min-width: 1200px) {
  .u-xl-mode .u-sheet {
    width: var(--theme-sheet-width-xl) !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .u-xxl-mode .u-sheet {
    width: var(--theme-sheet-width-xl) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .u-sheet {
    width: var(--theme-sheet-width-lg) !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .u-sheet {
    width: var(--theme-sheet-width-md) !important;
  }
}


.u-container-layout {
  position: relative;
  flex: 1;
  max-width: 100%;
  transition-duration: inherit;
}

.u-container-layout > * {
  position: relative;
}
.u-valign-middle {
  display: flex;
  flex-direction: column;
}

.u-valign-middle {
  justify-content: center;
}

.u-group {
  display: flex;
}
.u-groupe {
  display: flex;
}
.u-body {
  font-size: 1rem;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-weight: 500;
  color: inherit;
}
h1 {
  font-size: 2.25rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.25rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1.125rem;
}





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

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.animated.delay-1s {
  animation-delay: 1s;
}
.animated.delay-2s {
  animation-delay: 2s;
}
.animated.delay-3s {
  animation-delay: 3s;
}
.animated.delay-4s {
  animation-delay: 4s;
}
.animated.delay-5s {
  animation-delay: 5s;
}
.animated.fast {
  animation-duration: 800ms;
}
.animated.faster {
  animation-duration: 500ms;
}
.animated.slow {
  animation-duration: 2s;
}
.animated.slower {
  animation-duration: 3s;
}


.u-text .u-btn {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: baseline;
  white-space: normal;
  text-align: inherit;
}




[class*="u-border-"],
.u-input,
.u-field-input,
.u-link[class*="u-border-"] {
  border-style: solid;
}

.u-border-2,
.u-separator-2:after,
.u-text.u-border-2,
.u-input.u-border-2,
.u-field-input.u-field-input.u-border-2,
a.u-button-style.u-border-2 {
  border-width: 2px;
}


[class*="-radius-"] {
  --border-radius: initial;
  --border-top-left-radius: initial;
  --border-top-right-radius: initial;
  --border-bottom-right-radius: initial;
  --border-bottom-left-radius: initial;
}
[class*="-radius-"],
[class*="-radius-"]:before,
[class*="-radius-"] .u-background-effect,
[class*="-radius-"]:not(.u-hover-box) > .u-container-layout {
  border-radius: var(--border-top-left-radius, var(--border-radius, 0)) var(--border-top-right-radius, var(--border-radius, 0)) var(--border-bottom-right-radius, var(--border-radius, 0)) var(--border-bottom-left-radius, var(--border-radius, 0)) !important;
}










.u-radius-30 {
  --border-radius: 30px;
}
.u-top-left-radius-30 {
  --border-top-left-radius: 30px;
}
.u-top-right-radius-30 {
  --border-top-right-radius: 30px;
}
.u-bottom-right-radius-30 {
  --border-bottom-right-radius: 30px;
}
.u-bottom-left-radius-30 {
  --border-bottom-left-radius: 30px;
}


        .u-button-style.u-border-custom-color-8
        {
            border-color: #f0bc7d !important;
            color: #f0bc7d !important;
            background-color: transparent !important;
        }






        .u-body
        {

        --theme-sheet-width-xl: 1140px;
        --theme-sheet-width-lg: 940px;
        --theme-sheet-width-md: 720px;
        --theme-sheet-width-sm: 540px;
        --theme-sheet-width-xs: 340px;
 }




        h4
        {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
        }