@charset "UTF-8";
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
picture {
  margin: 0;
}

a {
  text-decoration: none;
  color: currentColor;
}

img,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}
.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-bottom: 0;
  margin-top: 0;
}

.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-bottom: 0;
  padding-top: 0;
}

.gap-0 {
  gap: 0;
}

.m-xxs {
  margin: 7.5px;
}

.mt-xxs {
  margin-top: 7.5px;
}

.mr-xxs {
  margin-right: 7.5px;
}

.mb-xxs {
  margin-bottom: 7.5px;
}

.ml-xxs {
  margin-left: 7.5px;
}

.mx-xxs {
  margin-left: 7.5px;
  margin-right: 7.5px;
}

.my-xxs {
  margin-bottom: 7.5px;
  margin-top: 7.5px;
}

.p-xxs {
  padding: 7.5px;
}

.pt-xxs {
  padding-top: 7.5px;
}

.pr-xxs {
  padding-right: 7.5px;
}

.pb-xxs {
  padding-bottom: 7.5px;
}

.pl-xxs {
  padding-left: 7.5px;
}

.px-xxs {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.py-xxs {
  padding-bottom: 7.5px;
  padding-top: 7.5px;
}

.gap-xxs {
  gap: 7.5px;
}

.m-xs {
  margin: 15px;
}

.mt-xs {
  margin-top: 15px;
}

.mr-xs {
  margin-right: 15px;
}

.mb-xs {
  margin-bottom: 15px;
}

.ml-xs {
  margin-left: 15px;
}

.mx-xs {
  margin-left: 15px;
  margin-right: 15px;
}

.my-xs {
  margin-bottom: 15px;
  margin-top: 15px;
}

.p-xs {
  padding: 15px;
}

.pt-xs {
  padding-top: 15px;
}

.pr-xs {
  padding-right: 15px;
}

.pb-xs {
  padding-bottom: 15px;
}

.pl-xs {
  padding-left: 15px;
}

.px-xs {
  padding-left: 15px;
  padding-right: 15px;
}

.py-xs {
  padding-bottom: 15px;
  padding-top: 15px;
}

.gap-xs {
  gap: 15px;
}

.m-s {
  margin: 22.5px;
}

.mt-s {
  margin-top: 22.5px;
}

.mr-s {
  margin-right: 22.5px;
}

.mb-s {
  margin-bottom: 22.5px;
}

.ml-s {
  margin-left: 22.5px;
}

.mx-s {
  margin-left: 22.5px;
  margin-right: 22.5px;
}

.my-s {
  margin-bottom: 22.5px;
  margin-top: 22.5px;
}

.p-s {
  padding: 22.5px;
}

.pt-s {
  padding-top: 22.5px;
}

.pr-s {
  padding-right: 22.5px;
}

.pb-s {
  padding-bottom: 22.5px;
}

.pl-s {
  padding-left: 22.5px;
}

.px-s {
  padding-left: 22.5px;
  padding-right: 22.5px;
}

.py-s {
  padding-bottom: 22.5px;
  padding-top: 22.5px;
}

.gap-s {
  gap: 22.5px;
}

.m-m {
  margin: 30px;
}

.mt-m {
  margin-top: 30px;
}

.mr-m {
  margin-right: 30px;
}

.mb-m {
  margin-bottom: 30px;
}

.ml-m {
  margin-left: 30px;
}

.mx-m {
  margin-left: 30px;
  margin-right: 30px;
}

.my-m {
  margin-bottom: 30px;
  margin-top: 30px;
}

.p-m {
  padding: 30px;
}

.pt-m {
  padding-top: 30px;
}

.pr-m {
  padding-right: 30px;
}

.pb-m {
  padding-bottom: 30px;
}

.pl-m {
  padding-left: 30px;
}

.px-m {
  padding-left: 30px;
  padding-right: 30px;
}

.py-m {
  padding-bottom: 30px;
  padding-top: 30px;
}

.gap-m {
  gap: 30px;
}

.m-l {
  margin: 45px;
}

.mt-l {
  margin-top: 45px;
}

.mr-l {
  margin-right: 45px;
}

.mb-l {
  margin-bottom: 45px;
}

.ml-l {
  margin-left: 45px;
}

.mx-l {
  margin-left: 45px;
  margin-right: 45px;
}

.my-l {
  margin-bottom: 45px;
  margin-top: 45px;
}

.p-l {
  padding: 45px;
}

.pt-l {
  padding-top: 45px;
}

.pr-l {
  padding-right: 45px;
}

.pb-l {
  padding-bottom: 45px;
}

.pl-l {
  padding-left: 45px;
}

.px-l {
  padding-left: 45px;
  padding-right: 45px;
}

.py-l {
  padding-bottom: 45px;
  padding-top: 45px;
}

.gap-l {
  gap: 45px;
}

.m-xl {
  margin: 60px;
}

.mt-xl {
  margin-top: 60px;
}

.mr-xl {
  margin-right: 60px;
}

.mb-xl {
  margin-bottom: 60px;
}

.ml-xl {
  margin-left: 60px;
}

.mx-xl {
  margin-left: 60px;
  margin-right: 60px;
}

.my-xl {
  margin-bottom: 60px;
  margin-top: 60px;
}

.p-xl {
  padding: 60px;
}

.pt-xl {
  padding-top: 60px;
}

.pr-xl {
  padding-right: 60px;
}

.pb-xl {
  padding-bottom: 60px;
}

.pl-xl {
  padding-left: 60px;
}

.px-xl {
  padding-left: 60px;
  padding-right: 60px;
}

.py-xl {
  padding-bottom: 60px;
  padding-top: 60px;
}

.gap-xl {
  gap: 60px;
}

.m-xxl {
  margin: 67.5px;
}

.mt-xxl {
  margin-top: 67.5px;
}

.mr-xxl {
  margin-right: 67.5px;
}

.mb-xxl {
  margin-bottom: 67.5px;
}

.ml-xxl {
  margin-left: 67.5px;
}

.mx-xxl {
  margin-left: 67.5px;
  margin-right: 67.5px;
}

.my-xxl {
  margin-bottom: 67.5px;
  margin-top: 67.5px;
}

.p-xxl {
  padding: 67.5px;
}

.pt-xxl {
  padding-top: 67.5px;
}

.pr-xxl {
  padding-right: 67.5px;
}

.pb-xxl {
  padding-bottom: 67.5px;
}

.pl-xxl {
  padding-left: 67.5px;
}

.px-xxl {
  padding-left: 67.5px;
  padding-right: 67.5px;
}

.py-xxl {
  padding-bottom: 67.5px;
  padding-top: 67.5px;
}

.gap-xxl {
  gap: 67.5px;
}

.color-primary {
  color: #f07f2e;
}

.bg-primary {
  background-color: #f07f2e;
}

.fill-primary svg {
  color: #f07f2e;
}

.color-success {
  color: #82c43c;
}

.bg-success {
  background-color: #82c43c;
}

.fill-success svg {
  color: #82c43c;
}

.color-info {
  color: #4e75ff;
}

.bg-info {
  background-color: #4e75ff;
}

.fill-info svg {
  color: #4e75ff;
}

.color-warning {
  color: #a461d8;
}

.bg-warning {
  background-color: #a461d8;
}

.fill-warning svg {
  color: #a461d8;
}

.color-danger {
  color: #fc5a5a;
}

.bg-danger {
  background-color: #fc5a5a;
}

.fill-danger svg {
  color: #fc5a5a;
}

.color-light {
  color: #92929d;
}

.bg-light {
  background-color: #92929d;
}

.fill-light svg {
  color: #92929d;
}

.color-dark {
  color: #13131a;
}

.bg-dark {
  background-color: #13131a;
}

.fill-dark svg {
  color: #13131a;
}

.color-gray {
  color: #b5b5be;
}

.bg-gray {
  background-color: #b5b5be;
}

.fill-gray svg {
  color: #b5b5be;
}

.color-bg-secondary-1 {
  color: #1c1c24;
}

.bg-bg-secondary-1 {
  background-color: #1c1c24;
}

.fill-bg-secondary-1 svg {
  color: #1c1c24;
}

.color-bg-secondary-2 {
  color: #292932;
}

.bg-bg-secondary-2 {
  background-color: #292932;
}

.fill-bg-secondary-2 svg {
  color: #292932;
}

.color-text-primary-1 {
  color: #f15c27;
}

.bg-text-primary-1 {
  background-color: #f15c27;
}

.fill-text-primary-1 svg {
  color: #f15c27;
}

.color-text-primary-2 {
  color: #d14a00;
}

.bg-text-primary-2 {
  background-color: #d14a00;
}

.fill-text-primary-2 svg {
  color: #d14a00;
}

.color-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.fill-white svg {
  color: #fff;
}

.color-black {
  color: #000;
}

.bg-black {
  background-color: #000;
}

.fill-black svg {
  color: #000;
}

.fs-0 {
  font-size: 0;
}

.fs-xxs {
  font-size: 11px;
}

.fs-xs {
  font-size: 12px;
}

.fs-s {
  font-size: 14px;
}

.fs-m {
  font-size: 16px;
}

.fs-l {
  font-size: 22px;
}

.fs-xl {
  font-size: 24px;
}

.fs-xxl {
  font-size: 26px;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.w-1 {
  width: 8.3333333333%;
}

.h-1 {
  height: 8.3333333333%;
}

.w-2 {
  width: 16.6666666667%;
}

.h-2 {
  height: 16.6666666667%;
}

.w-3 {
  width: 25%;
}

.h-3 {
  height: 25%;
}

.w-4 {
  width: 33.3333333333%;
}

.h-4 {
  height: 33.3333333333%;
}

.w-5 {
  width: 41.6666666667%;
}

.h-5 {
  height: 41.6666666667%;
}

.w-6 {
  width: 50%;
}

.h-6 {
  height: 50%;
}

.w-7 {
  width: 58.3333333333%;
}

.h-7 {
  height: 58.3333333333%;
}

.w-8 {
  width: 66.6666666667%;
}

.h-8 {
  height: 66.6666666667%;
}

.w-9 {
  width: 75%;
}

.h-9 {
  height: 75%;
}

.w-10 {
  width: 83.3333333333%;
}

.h-10 {
  height: 83.3333333333%;
}

.w-11 {
  width: 91.6666666667%;
}

.h-11 {
  height: 91.6666666667%;
}

.w-12 {
  width: 100%;
}

.h-12 {
  height: 100%;
}

.w-full {
  width: 100vw;
}

.h-full {
  height: 100vh;
}

.justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.justify-stretch {
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
          justify-content: stretch;
}

.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}

.justify-around {
  -webkit-justify-content: space-around;
          justify-content: space-around;
}

.justify-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
          justify-content: space-evenly;
}

.items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}

.items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
          align-items: flex-end;
}

.items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.flex-center-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}

.d-inline-flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
}

.d-grid {
  display: grid;
}

.d-inline-grid {
  display: inline-grid;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.p-fixed {
  position: fixed;
}

.p-sticky {
  position: -webkit-sticky;
  position: sticky;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

/**
 |======================================
 | Цей файл можна розширювати
 | іншими додатковими класами-утилітами
 |======================================
*/
:root {
  font-family: sans-serif;
}
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
       -moz-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
       -moz-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    -webkit-transition-duration: 0.01ms !important;
       -moz-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
  }
}