@import url("https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
html {
  font-family: "Rubik", sans-serif;
}
:root {
  --viewport: 375px;
  --bg-color: #f4f6fa;
  --color: #8c1e1e;
}
*,
::after,
::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scrollbar-width: none;
  height: fit-content;
}
body {
  width: var(--viewport);
  max-width: var(--viewport);
  overflow-x: hidden;
  background-color: var(--bg-color);
  margin: auto;
  margin-top: 0;
  transition: all 0.3s ease;
  font-weight: 400;
  word-break: break-word;
  height: fit-content;
}
b {
  font-weight: 700;
}
.section-1-9-1 {
  background: #fdfdfd;
  color: #222;
  width: 100%;
  position: relative;
  height: 60px;
  padding: 4px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.section-1-9-1 a {
  text-decoration: none;
  color: #222;
  position: relative;
  min-height: 52px;
  min-width: 52px;
  font-weight: 600;
  font-size: 16px;
  line-height: 36px;
}
.section-1-9-1 > span {
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.section-1-9-1 > span > svg {
  color: var(--color);
}
.section-3-5-2 {
  width: 100%;
  height: fit-content;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.section-3-5-2 > div:first-of-type {
  background-color: var(--color);
  width: 100%;
  padding: 12px;
  text-align: center;
  position: relative;
}
.section-3-5-2 > div:first-of-type > h1 {
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  line-height: 36px;
  letter-spacing: 0.01px;
  position: relative;
}
.section-3-5-2 > div:last-of-type {
  position: relative;
  width: 100%;
  height: fit-content;
  min-height: 100px;
  margin-bottom: -5px;
}
.section-3-5-2 > div:last-of-type > img {
  position: relative;
  width: 100%;
  height: auto;
}
.section-5-24-3 {
  width: 100%;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #222;
  padding: 15px 0 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
.section-5-24-3 > div:last-of-type {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: end;
}
.section-5-24-3 > div:last-of-type > div > span:first-of-type {
  font-size: 14px;
  line-height: 14px;
}
.section-5-24-3 > div:last-of-type > div > span:last-of-type {
  color: var(--color);
  font-size: 24px;
  margin: 5px;
  line-height: 24px;
}
.section-4-17-4 {
  background: #ffffff;
  width: 100%;
  position: relative;
  min-height: 80px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.section-4-17-4 > div:first-of-type,
.section-4-17-4 > div:last-of-type {
  padding: 11px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-basis: 46%;
  text-align: center;
}
.section-4-17-4 > div:first-of-type {
  background-color: #ebebeb;
  color: #222;
}
.section-4-17-4 > div:last-of-type {
  background-color: var(--color);
  color: #fff;
}
.section-4-17-4 > div:first-of-type > span,
.section-4-17-4 > div:last-of-type > span {
  position: relative;
}
.section-4-17-4 > div:first-of-type > s,
.section-4-17-4 > div:last-of-type > div {
  position: relative;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  position: relative;
}
.section-4-17-4 > div:nth-of-type(2) {
  flex-basis: 8%;
  position: relative;
}
.section-4-17-4 > div:nth-of-type(2)::before,
.section-4-17-4 > div:nth-of-type(2)::after {
  position: absolute;
  width: 23px;
  height: 100%;
  content: "";
}
.section-4-17-4 > div:nth-of-type(2)::before {
  top: 0;
  left: 0;
  background-color: #ebebeb;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.section-4-17-4 > div:nth-of-type(2)::after {
  left: 8px;
  right: 0;
  background-color: var(--color);
  clip-path: polygon(100% 0%, 0% 0%, 100% 50%, 0% 100%, 100% 110%);
}
.section-6-27-5 {
  width: 100%;
  position: relative;
  min-height: 76px;
  padding: 16px;
  background-color: #fff;
  text-align: center;
}
.section-6-27-5 > button {
  background-color: var(--color);
  font-family: "Rubik", sans-serif;
  padding: 14px 28px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
.section-7-34-6 {
  width: 100%;
  position: relative;
  min-height: 60px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #222;
  padding: 16px 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}
.section-7-34-6 > div {
  flex: 1 1 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  position: relative;
}
.section-7-34-6 > div > div {
  width: 24px;
  height: 24px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.section-7-34-6 > div > div > svg {
  position: relative;
  width: 24px;
  height: 24px;
  color: var(--color);
}
.section-7-34-6 > div > span {
  width: 100%;
  position: relative;
  text-align: left;
}
.section-12-48-7 {
  width: 100%;
  position: relative;
  min-height: 60px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #222;
  padding: 32px 16px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}
.section-12-48-7 > h2 {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
.section-12-48-7 > div {
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
.section-12-48-7 > div > div {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
}
.section-12-48-7 > div > div > div:first-of-type {
  position: relative;
  width: 100%;
  height: fit-content;
  flex-shrink: 0;
}
.section-12-48-7 > div > div > div:first-of-type > video {
  border-radius: 8px;
  position: relative;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.section-12-48-7 > div > div > div:last-of-type {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.section-12-48-7 > div > div > div:last-of-type > h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  position: relative;
}
.section-12-48-7 > div > div > div:last-of-type > div {
  text-align: left;
  position: relative;
  font-size: 14px;
}
.section-8-37-8 {
  width: 100%;
  position: relative;
  min-height: 60px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #222;
  padding: 32px 16px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}
.section-8-37-8 > h2 {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
}
.section-8-37-8 > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  row-gap: 32px;
  column-gap: 16px;
  flex-wrap: wrap;
}
.section-8-37-8 > div > div {
  flex: 1 1 50%;
  max-width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-8-37-8 > div > div > div:first-of-type {
  width: 100%;
  height: 121px;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 8px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-8-37-8 > div > div > div:first-of-type > img {
  height: 100%;
}
.section-8-37-8 > div > div > div:last-of-type {
  width: 100%;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.section-8-37-8 > div > div > div:last-of-type > h3 {
  width: 100%;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.section-8-37-8 > div > div > div:last-of-type > span {
  width: 100%;
  position: relative;
}
.section-8-35-9 {
  width: 100%;
  position: relative;
  min-height: 60px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #222;
  padding: 32px 16px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}
.section-8-35-9 > h2 {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
.section-8-35-9 > div {
  flex: 1 1 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  position: relative;
}
.section-8-35-9 > div > div {
  flex: 1 1 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  position: relative;
}
.section-8-35-9 > div > div > div:first-of-type {
  position: relative;
  width: 109px;
  height: 109px;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 50%;
}
.section-8-35-9 > div > div > div:first-of-type > img {
  position: relative;
  object-fit: cover;
  object-position: center;
  width: 109px;
  height: 109px;
}
.section-8-35-9 > div > div > div:last-of-type {
  width: calc(100% - 109px);
  position: relative;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.section-8-35-9 > div > div > div:last-of-type > h3 {
  width: 100%;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}
.section-8-35-9 > div > div > div:last-of-type > span {
  width: 100%;
  position: relative;
}
.section-6-27-10 {
  width: 100%;
  position: relative;
  min-height: 76px;
  padding: 16px;
  background-color: #fff;
  text-align: center;
}
.section-6-27-10 > button {
  background-color: var(--color);
  font-family: "Rubik", sans-serif;
  padding: 14px 28px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
.section-8-46-11 {
  width: 100%;
  position: relative;
  min-height: 60px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #222;
  padding: 32px 16px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}
.section-8-46-11 > h2 {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
.section-8-46-11 > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
.section-8-46-11 > div > div {
  width: 100%;
  height: fit-content;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.section-8-46-11 > div > div > div:first-of-type {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  z-index: 10;
}
.section-8-46-11 > div > div > div:first-of-type > h3 {
  position: relative;
  padding: 8px 16px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  background-color: var(--color);
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.section-8-46-11 > div > div > div:nth-of-type(2) {
  border-radius: 8px;
  position: relative;
  width: 100%;
  height: fit-content;
  margin-bottom: -5px;
  flex-shrink: 0;
  overflow: hidden;
  min-height: 100px;
}
.section-8-46-11 > div > div > div:nth-of-type(2) > img {
  position: relative;
  width: 100%;
  height: auto;
}
.section-8-46-11 > div > div > div:last-of-type {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  padding: 16px;
  background-color: #222;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
.section-10-41-12 {
  width: 100%;
  position: relative;
  min-height: 350px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #222;
  padding: 32px 0 20px 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.section-10-41-12 > h2 {
  width: 100%;
  position: relative;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
}
.section-10-41-12 > div {
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
}
.section-10-41-12 > div > img {
  width: 100%;
  object-fit: cover;
  object-position: relative;
  position: relative;
  border-radius: 8px;
}
.section-10-41-12 > ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
  position: relative;
  list-style: none;
}
.section-10-41-12 > ul > li {
  flex: 1 1 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  padding: 12px 16px;
}
.section-10-41-12 > ul > li:nth-child(odd) {
  background-color: #f6f6f6;
}
.section-10-41-12 > ul > li > div:first-of-type {
  width: 24px;
  height: 24px;
  position: relative;
  align-content: center;
  flex-shrink: 0;
}
.section-10-41-12 > ul > li > div:first-of-type > svg {
  width: 24px;
  height: 24px;
  position: relative;
  color: var(--color);
}
.section-10-41-12 > ul > li > div:last-of-type {
  width: calc(100% - 40px);
  position: relative;
  text-align: left;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-10-41-12 > ul > li > div:last-of-type > div {
  width: 100%;
  position: relative;
  text-align: left;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}
.section-10-41-12 > ul > li > div:last-of-type > span {
  width: 100%;
  color: #666666;
  text-align: left;
}
.section-13-47-13 {
  width: 100%;
  position: relative;
  min-height: 60px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #222;
  padding: 32px 8px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.section-13-47-13 > h2 {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.section-13-47-13 > div {
  width: 100%;
  position: relative;
}
.section-13-47-13 > div > span {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 220px;
  cursor: pointer;
  transition: all 0.3s ease-in;
  z-index: 10;
}
.section-13-47-13 > div > span:hover {
  opacity: 0.9;
}
.section-13-47-13 > div > span > svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.section-13-47-13 > div > span[data-slider-arrow="left"] {
  left: 0;
}
.section-13-47-13 > div > span[data-slider-arrow="right"] {
  right: 0;
}
.section-13-47-13 > div > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 48px;
  padding: 32px 16px 0 16px;
  flex-wrap: nowrap;
  overflow: hidden;
}
@keyframes section-13-47-13-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.section-13-47-13 > div > div > div {
  display: flex;
  border-radius: 8px;
  background-color: #f6f6f6;
  width: 100%;
  padding: 15px;
  flex-direction: column;
  gap: 24px;
  position: relative;
  transition: all 0.3s ease-in;
  flex-shrink: 0;
  height: fit-content;
}
.section-13-47-13 > div > div > div.hidden {
  display: none;
}
.section-13-47-13 > div > div > div.animation {
  animation: 0.3s linear section-13-47-13-opacity;
}
.section-13-47-13 > div > div > div > div:first-of-type {
  position: relative;
  border-radius: 8px;
  width: 279px;
  height: 279px;
  overflow: hidden;
  flex-shrink: 0;
}
.section-13-47-13 > div > div > div > div:first-of-type > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.section-13-47-13 > div > div > div > div:last-of-type {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-13-47-13 > div > div > div > div:last-of-type > div:first-of-type {
  width: 100%;
  position: relative;
  text-align: justify;
  font-size: 16px;
  line-height: 19px;
}
.section-13-47-13 > div > div > div > div:last-of-type > aside {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: start;
}
.section-13-47-13
  > div
  > div
  > div
  > div:last-of-type
  > aside
  > div:first-of-type {
  width: 56px;
  height: 56px;
  position: relative;
  flex-shrink: 0;
  border-radius: 100%;
  overflow: hidden;
}
.section-13-47-13
  > div
  > div
  > div
  > div:last-of-type
  > aside
  > div:first-of-type
  > img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  object-position: center;
}
.section-13-47-13
  > div
  > div
  > div
  > div:last-of-type
  > aside
  > div:last-of-type {
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: start;
  max-width: calc(100% - 68px);
}
.section-13-47-13
  > div
  > div
  > div
  > div:last-of-type
  > aside
  > div:last-of-type
  > span {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  text-align: left;
}
.section-13-47-13
  > div
  > div
  > div
  > div:last-of-type
  > aside
  > div:last-of-type
  > small {
  font-size: 14px;
  line-height: 16px;
  position: relative;
  text-align: left;
}
.section-6-28-14 {
  width: 100%;
  position: relative;
  min-height: 206px;
  padding: 16px;
  background-color: #ffffff;
}
.section-6-28-14 > form {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.section-6-28-14 > form > fieldset {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: none;
}
.section-6-28-14 > form > fieldset > div {
  width: 100%;
  position: relative;
}
.section-6-28-14 input,
select {
  width: 100%;
  font-family: "Rubik", sans-serif;
  background-color: #fff;
  color: #222;
  border: solid 1px #222;
  border-radius: 8px;
  padding: 14px 12px 14px 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  position: relative;
}
.section-6-28-14 > form > fieldset > div::before {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 17px;
  left: 12px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  z-index: 1;
}

.input-wrapper input {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4MDAgODAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4MDAgODAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMjIyMjIyO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDAwLDEzMy4zYy03My43LDAtMTMzLjMsNTkuNy0xMzMuMywxMzMuM1MzMjYuMyw0MDAsNDAwLDQwMHMxMzMuMy01OS43LDEzMy4zLTEzMy4zUzQ3My43LDEzMy4zLDQwMCwxMzMuM3oNCgkgTTQ2Ni43LDI2Ni43YzAtMzYuNy0zMC02Ni43LTY2LjctNjYuN3MtNjYuNywzMC02Ni43LDY2LjdzMzAsNjYuNyw2Ni43LDY2LjdTNDY2LjcsMzAzLjMsNDY2LjcsMjY2Ljd6IE02MDAsNjAwDQoJYy02LjctMjMuNy0xMTAtNjYuNy0yMDAtNjYuN2MtODkuNywwLTE5Mi4zLDQyLjctMjAwLDY2LjdINjAweiBNMTMzLjMsNjAwYzAtODguNywxNzcuNy0xMzMuMywyNjYuNy0xMzMuM1M2NjYuNyw1MTEuMyw2NjYuNyw2MDANCgl2NjYuN0gxMzMuM1Y2MDB6Ii8+DQo8L3N2Zz4NCg==");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 40px; /* Щоб текст не накладався на іконку */
}

.input-wrapper2 input {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4MDAgODAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4MDAgODAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjIyMjIyO3N0cm9rZS13aWR0aDo2Ni42NjY3O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMzMuMzMzMzt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwMCwxODMuM0MxMDAsNDY4LjcsMzMxLjMsNzAwLDYxNi43LDcwMGMxMi45LDAsMjUuNi0wLjUsMzguMy0xLjRjMTQuNS0xLjEsMjEuOC0xLjYsMjguNC01LjQNCgljNS41LTMuMSwxMC43LTguNywxMy40LTE0LjRjMy4zLTYuOSwzLjMtMTQuOSwzLjMtMzAuOVY1NTRjMC0xMy41LDAtMjAuMi0yLjItMjZjLTItNS4xLTUuMS05LjYtOS4zLTEzLjJjLTQuNy00LjEtMTEtNi40LTIzLjYtMTENCglMNTU4LDQ2NWMtMTQuNy01LjQtMjIuMS04LTI5LjEtNy42Yy02LjIsMC40LTEyLjEsMi41LTE3LjEsNi4xYy01LjcsNC05LjcsMTAuOC0xNy44LDI0LjJsLTI3LjQsNDUuNmMtODguMy00MC0xNTkuOS0xMTEuNy0yMDAtMjAwDQoJbDQ1LjYtMjcuNGMxMy40LTguMSwyMC4xLTEyLjEsMjQuMi0xNy44YzMuNi01LDUuNy0xMSw2LjEtMTcuMWMwLjUtNy0yLjItMTQuMy03LjYtMjkuMWwtMzguOS0xMDYuOWMtNC42LTEyLjYtNi45LTE5LTExLTIzLjYNCgljLTMuNi00LjEtOC4xLTcuMy0xMy4yLTkuM2MtNS44LTIuMi0xMi41LTIuMi0yNi0yLjJoLTkzLjljLTE2LDAtMjQsMC0zMC45LDMuM2MtNS43LDIuNy0xMS4zLDcuOS0xNC40LDEzLjQNCgljLTMuOCw2LjYtNC4zLDEzLjktNS40LDI4LjRDMTAwLjUsMTU3LjcsMTAwLDE3MC41LDEwMCwxODMuM3oiLz4NCjwvc3ZnPg0K");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 40px; /* Щоб текст не накладався на іконку */
}
.input-wrapper3 select {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iXzAwM19FQ09NTUVSQ0VfMDMiIGRhdGEtbmFtZT0iIDAwMyBFQ09NTUVSQ0UgMDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYwMCA2MDAiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMwMDAyMjI7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTI2Ni43LDYwMEgzMy4zYy0xOC40LDAtMzMuMy0xNC45LTMzLjMtMzMuM2gwVjMzLjNDMCwxNC45LDE0LjksMCwzMy4zLDBoNTMzLjNjMTguNCwwLDMzLjMsMTQuOSwzMy4zLDMzLjNoMHYyMzMuM2MwLDE4LjQtMTQuOSwzMy4zLTMzLjMsMzMuM3MtMzMuMy0xNC45LTMzLjMtMzMuM1Y2Ni42SDY2Ljd2NDY2LjdoMjAwYzE4LjQsMCwzMy4zLDE0LjksMzMuMywzMy4zcy0xNC45LDMzLjQtMzMuMywzMy40WiIvPgogIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIyMzMuMyAzMy4zIDIzMy4zIDIzMy4zIDMwMCAxNjYuNyAzNjYuNyAyMzMuMyAzNjYuNyAzMy4zIDIzMy4zIDMzLjMiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im00NjYuNyw2MDBjLTE4LjQsMC0zMy4zLTE0LjktMzMuMy0zMy4zaDB2LTIwMGMwLTE4LjQsMTQuOS0zMy4zLDMzLjMtMzMuM3MzMy4zLDE0LjksMzMuMywzMy4zdjIwMGMwLDE4LjQtMTQuOSwzMy4zLTMzLjMsMzMuM2gwWiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTU2Ni43LDUwMGgtMjAwYy0xOC40LDAtMzMuMy0xNC45LTMzLjMtMzMuM3MxNC45LTMzLjMsMzMuMy0zMy4zaDIwMGMxOC40LDAsMzMuMywxNC45LDMzLjMsMzMuM3MtMTQuOSwzMy4zLTMzLjMsMzMuM1oiLz4KPC9zdmc+");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 40px; /* Щоб текст не накладався на іконку */
}
.section-6-28-14 > form > button {
  background-color: var(--color);
  font-family: "Rubik", sans-serif;
  padding: 14px 28px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
section.bottom-panel-style-1 {
  background: #f6f7fa;
}

.input::placeholder {
  color: red; /* Укажите нужный цвет */
}

section.bottom-panel-style-1 {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 375px;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  z-index: 100;
  /* height: 110px; */
}

.bottom-panel-style-1 .price-and-sale-block {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(100% - 150px);
}

.bottom-panel-style-1 .price-and-sale-block > div {
  width: 50%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.bottom-panel-style-1 .old-price {
  text-decoration: line-through;
  text-wrap: nowrap;
}

.bottom-panel-style-1 .sale-block {
  background: #8c1e1e;
  color: #fff;
}

.bottom-panel-style-1 .sale-block {
  padding: 2px 20px;
  border-radius: 8px;
  font-weight: bold;
  margin: 0 0 0 10px;
  text-wrap: nowrap;
}
.bottom-panel-style-1 .price-and-sale-block .price-new {
  color: #222;
}
.bottom-panel-style-1 .price-and-sale-block .price-new {
  font-weight: bold;
  font-size: 24px;
  text-wrap: nowrap;
}

.bottom-panel-btn-block {
  gap: 4px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

section.bottom-panel-style-1 a {
  background: #222;
  color: #fff;
}
section.bottom-panel-style-1 a {
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 20px 0;
  width: 130px;
  border: none;
}
.timer_bottom .timer_container {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.timer_bottom .timer_block {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 2px;
}

.video_block {
  position: relative;
  overflow: hidden;
}

.menu {
  display: none;
  position: absolute;
  top: 59px;
  width: 220px;
  background: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  z-index: 2;
  right: 0;
}

.menu ul {
  list-style: none;
}

.menu.active {
  display: block;
}
.burger {
  cursor: pointer;
  display: inline-block;
  position: relative;
  z-index: 1001;
}

.prod_count {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0 0;
  font-size: 14px;
}
.prod_count span {
  background: #222;
  color: #fff;
  display: block;
  border-radius: 8px;
  padding: 0 7px;
  font-weight: bold;
  margin: 0 6px;
}

.subtitle {
  text-align: center;
  margin-top: 8px;
}

.subtitle span {
  font-weight: 600;
}

.block10-list {
  list-style: none;
  line-height: 1;
  padding: 0;
}

.block10-list li {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.block10-list li svg {
  min-width: 32px;
  margin-right: 16px;
}

.section-10-41-12 > h2 {
  width: 100%;
  position: relative;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
}
.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

.social-media {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.social-media .social-icons {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.social-icon img {
  width: 30px;
  height: 30px;
}

.footer-links {
  text-align: center;
  margin-top: 20px;
}
.section-2-12-15 {
  background: #8c1e1e;
  color: #ffffff;
  width: 100%;
  position: relative;
  min-height: 64px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  height: 360px;
}
.section-2-12-15 > div {
  text-align: center;
  width: 100%;
}
.section-2-12-15 > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.section-2-12-15 > div > a {
  color: #ffffff;
  text-align: center;
}