:root {
  --ui-brand-color: #f2b950;
  --ui-dark-accent-color: #aa2039;
  --ui-dark-shade-color: #1d1d24;
  --ui-light-accent-color: #b4b4b4;
  --ui-light-shade-color: #fff;
  --ui-link-color: #1d1d24;
  --ui-link-color-light: #fff;
  --ui-link-hover-color: #1d1d24;
  --ui-link-hover-color-light: #fff;
  --ui-caption-color: #1d1d24;
  --ui-caption-color-light: #b4b4b4;
  --ui-quote-color: #1d1d24;
  --ui-quote-color-light: #fff;
  --ui-small-color: #1d1d24;
  --ui-small-color-light: #b4b4b4;
  --ui-text-color: #1d1d24;
  --ui-text-color-light: #b4b4b4;
  --ui-subheading-color: #1d1d24;
  --ui-subheading-color-light: #fff;
  --ui-heading-color: #1d1d24;
  --ui-heading-color-light: #fff;
  --ui-heading-lg-color: #1d1d24;
  --ui-heading-lg-color-light: #fff;
  --ui-subtitle-color: #1d1d24;
  --ui-subtitle-color-light: #fff;
  --ui-block-title-color: #1d1d24;
  --ui-block-title-color-light: #fff;
  --ui-hero-title-color: #1d1d24;
  --ui-hero-title-color-light: #fff;
  --ui-btn-secondary-alt-active-color: #23232b;
  --ui-btn-secondary-alt-active-color-light: #fff;
  --ui-btn-secondary-alt-active-bg-color: transparent;
  --ui-btn-secondary-alt-active-bg-color-light: transparent;
  --ui-btn-secondary-alt-active-bg-gradient-angle: 90deg;
  --ui-btn-secondary-alt-active-bg-gradient-colors: transparent,transparent;
  --ui-btn-secondary-alt-active-bg-gradient-colors-light: transparent,transparent;
  --ui-btn-secondary-alt-active-font-weight: 700;
  --ui-btn-secondary-alt-active-shadow-color: transparent;
  --ui-btn-secondary-alt-active-shadow-color-light: transparent;
  --ui-btn-secondary-alt-active-shadow-spread: 0;
  --ui-btn-secondary-alt-active-shadow-blur: 0;
  --ui-btn-secondary-alt-active-shadow-y: 0;
  --ui-btn-secondary-alt-active-shadow-x: 0;
  --ui-btn-secondary-alt-active-border-color: #f2b950;
  --ui-btn-secondary-alt-active-border-color-light: #f2b950;
  --ui-btn-secondary-alt-active-border-style: solid;
  --ui-btn-secondary-alt-hover-color: #fff;
  --ui-btn-secondary-alt-hover-color-light: #fff;
  --ui-btn-secondary-alt-hover-bg-color: #aa2039;
  --ui-btn-secondary-alt-hover-bg-color-light: #aa2039;
  --ui-btn-secondary-alt-hover-bg-gradient-angle: 90deg;
  --ui-btn-secondary-alt-hover-bg-gradient-colors: transparent,transparent;
  --ui-btn-secondary-alt-hover-bg-gradient-colors-light: transparent,transparent;
  --ui-btn-secondary-alt-hover-font-weight: 700;
  --ui-btn-secondary-alt-hover-shadow-color: transparent;
  --ui-btn-secondary-alt-hover-shadow-color-light: transparent;
  --ui-btn-secondary-alt-hover-shadow-spread: 0;
  --ui-btn-secondary-alt-hover-shadow-blur: 0;
  --ui-btn-secondary-alt-hover-shadow-y: 0;
  --ui-btn-secondary-alt-hover-shadow-x: 0;
  --ui-btn-secondary-alt-hover-border-color: #aa2039;
  --ui-btn-secondary-alt-hover-border-color-light: #aa2039;
  --ui-btn-secondary-alt-hover-border-style: solid;
  --ui-btn-secondary-alt-color: #aa2039;
  --ui-btn-secondary-alt-color-light: #aa2039;
  --ui-btn-secondary-alt-bg-color: transparent;
  --ui-btn-secondary-alt-bg-color-light: transparent;
  --ui-btn-secondary-alt-bg-gradient-angle: 0deg;
  --ui-btn-secondary-alt-bg-gradient-colors: transparent,transparent;
  --ui-btn-secondary-alt-bg-gradient-colors-light: transparent,transparent;
  --ui-btn-secondary-alt-font-weight: 700;
  --ui-btn-secondary-alt-shadow-color: transparent;
  --ui-btn-secondary-alt-shadow-color-light: transparent;
  --ui-btn-secondary-alt-shadow-spread: 0;
  --ui-btn-secondary-alt-shadow-blur: 0;
  --ui-btn-secondary-alt-shadow-y: 0;
  --ui-btn-secondary-alt-shadow-x: 0;
  --ui-btn-secondary-alt-border-color: #aa2039;
  --ui-btn-secondary-alt-border-color-light: #aa2039;
  --ui-btn-secondary-alt-border-style: solid;
  --ui-btn-secondary-active-color: #23232b;
  --ui-btn-secondary-active-color-light: #fff;
  --ui-btn-secondary-active-bg-color: transparent;
  --ui-btn-secondary-active-bg-color-light: #f2b950;
  --ui-btn-secondary-active-bg-gradient-angle: 110deg;
  --ui-btn-secondary-active-bg-gradient-colors: transparent,transparent;
  --ui-btn-secondary-active-bg-gradient-colors-light: transparent,transparent;
  --ui-btn-secondary-active-font-weight: 700;
  --ui-btn-secondary-active-shadow-color: transparent;
  --ui-btn-secondary-active-shadow-color-light: transparent;
  --ui-btn-secondary-active-shadow-spread: 0;
  --ui-btn-secondary-active-shadow-blur: 0;
  --ui-btn-secondary-active-shadow-y: 0;
  --ui-btn-secondary-active-shadow-x: 0;
  --ui-btn-secondary-active-border-color: #aa2039;
  --ui-btn-secondary-active-border-color-light: #f2b950;
  --ui-btn-secondary-active-border-style: solid;
  --ui-btn-secondary-hover-color: #fff;
  --ui-btn-secondary-hover-color-light: #fff;
  --ui-btn-secondary-hover-bg-color: #f2b950;
  --ui-btn-secondary-hover-bg-color-light: #f2b950;
  --ui-btn-secondary-hover-bg-gradient-angle: 110deg;
  --ui-btn-secondary-hover-bg-gradient-colors: transparent,transparent;
  --ui-btn-secondary-hover-bg-gradient-colors-light: transparent,transparent;
  --ui-btn-secondary-hover-font-weight: 700;
  --ui-btn-secondary-hover-shadow-color: transparent;
  --ui-btn-secondary-hover-shadow-color-light: transparent;
  --ui-btn-secondary-hover-shadow-spread: 0;
  --ui-btn-secondary-hover-shadow-blur: 0;
  --ui-btn-secondary-hover-shadow-y: 0;
  --ui-btn-secondary-hover-shadow-x: 0;
  --ui-btn-secondary-hover-border-color: #f2b950;
  --ui-btn-secondary-hover-border-color-light: #f2b950;
  --ui-btn-secondary-hover-border-style: solid;
  --ui-btn-secondary-color: #f2b950;
  --ui-btn-secondary-color-light: #f2b950;
  --ui-btn-secondary-bg-color: transparent;
  --ui-btn-secondary-bg-color-light: transparent;
  --ui-btn-secondary-bg-gradient-angle: 0deg;
  --ui-btn-secondary-bg-gradient-colors: transparent,transparent;
  --ui-btn-secondary-bg-gradient-colors-light: transparent,transparent;
  --ui-btn-secondary-font-weight: 700;
  --ui-btn-secondary-shadow-color: transparent;
  --ui-btn-secondary-shadow-color-light: transparent;
  --ui-btn-secondary-shadow-spread: 0;
  --ui-btn-secondary-shadow-blur: 0;
  --ui-btn-secondary-shadow-y: 0;
  --ui-btn-secondary-shadow-x: 0;
  --ui-btn-secondary-border-color: #f2b950;
  --ui-btn-secondary-border-color-light: #f2b950;
  --ui-btn-secondary-border-style: solid;
  --ui-btn-primary-alt-active-color: #fff;
  --ui-btn-primary-alt-active-color-light: #fff;
  --ui-btn-primary-alt-active-bg-color: #1d1d24;
  --ui-btn-primary-alt-active-bg-color-light: #fff;
  --ui-btn-primary-alt-active-bg-gradient-angle: 90deg;
  --ui-btn-primary-alt-active-bg-gradient-colors: #da595f,#f2b950;
  --ui-btn-primary-alt-active-bg-gradient-colors-light: #da595f,#f2b950;
  --ui-btn-primary-alt-active-font-weight: 700;
  --ui-btn-primary-alt-active-shadow-color: transparent;
  --ui-btn-primary-alt-active-shadow-color-light: transparent;
  --ui-btn-primary-alt-active-shadow-spread: 0;
  --ui-btn-primary-alt-active-shadow-blur: 0;
  --ui-btn-primary-alt-active-shadow-y: 0;
  --ui-btn-primary-alt-active-shadow-x: 0;
  --ui-btn-primary-alt-active-border-color: transparent;
  --ui-btn-primary-alt-active-border-color-light: transparent;
  --ui-btn-primary-alt-active-border-style: solid;
  --ui-btn-primary-alt-hover-color: #fff;
  --ui-btn-primary-alt-hover-color-light: #fff;
  --ui-btn-primary-alt-hover-bg-color: #1d1d24;
  --ui-btn-primary-alt-hover-bg-color-light: #fff;
  --ui-btn-primary-alt-hover-bg-gradient-angle: 90deg;
  --ui-btn-primary-alt-hover-bg-gradient-colors: #aa2039,#641976;
  --ui-btn-primary-alt-hover-bg-gradient-colors-light: #aa2039,#641976;
  --ui-btn-primary-alt-hover-font-weight: 700;
  --ui-btn-primary-alt-hover-shadow-color: transparent;
  --ui-btn-primary-alt-hover-shadow-color-light: transparent;
  --ui-btn-primary-alt-hover-shadow-spread: 0;
  --ui-btn-primary-alt-hover-shadow-blur: 0;
  --ui-btn-primary-alt-hover-shadow-y: 0;
  --ui-btn-primary-alt-hover-shadow-x: 0;
  --ui-btn-primary-alt-hover-border-color: transparent;
  --ui-btn-primary-alt-hover-border-color-light: transparent;
  --ui-btn-primary-alt-hover-border-style: solid;
  --ui-btn-primary-alt-color: #fff;
  --ui-btn-primary-alt-color-light: #fff;
  --ui-btn-primary-alt-bg-color: #f2b950;
  --ui-btn-primary-alt-bg-color-light: #f2b950;
  --ui-btn-primary-alt-bg-gradient-angle: 90deg;
  --ui-btn-primary-alt-bg-gradient-colors: #641976,#aa2039;
  --ui-btn-primary-alt-bg-gradient-colors-light: #641976,#aa2039;
  --ui-btn-primary-alt-font-weight: 700;
  --ui-btn-primary-alt-shadow-color: transparent;
  --ui-btn-primary-alt-shadow-color-light: transparent;
  --ui-btn-primary-alt-shadow-spread: 0;
  --ui-btn-primary-alt-shadow-blur: 0;
  --ui-btn-primary-alt-shadow-y: 0;
  --ui-btn-primary-alt-shadow-x: 0;
  --ui-btn-primary-alt-border-color: transparent;
  --ui-btn-primary-alt-border-color-light: transparent;
  --ui-btn-primary-alt-border-style: solid;
  --ui-btn-primary-active-color: #fff;
  --ui-btn-primary-active-color-light: #fff;
  --ui-btn-primary-active-bg-color: #f2b950;
  --ui-btn-primary-active-bg-color-light: #f2b950;
  --ui-btn-primary-active-bg-gradient-angle: 90deg;
  --ui-btn-primary-active-bg-gradient-colors: #641976,#aa2039;
  --ui-btn-primary-active-bg-gradient-colors-light: #641976,#aa2039;
  --ui-btn-primary-active-font-weight: 700;
  --ui-btn-primary-active-shadow-color: transparent;
  --ui-btn-primary-active-shadow-color-light: transparent;
  --ui-btn-primary-active-shadow-spread: 0;
  --ui-btn-primary-active-shadow-blur: 0;
  --ui-btn-primary-active-shadow-y: 0;
  --ui-btn-primary-active-shadow-x: 0;
  --ui-btn-primary-active-border-color: transparent;
  --ui-btn-primary-active-border-color-light: transparent;
  --ui-btn-primary-active-border-style: solid;
  --ui-btn-primary-hover-color: #fff;
  --ui-btn-primary-hover-color-light: #fff;
  --ui-btn-primary-hover-bg-color: #1d1d24;
  --ui-btn-primary-hover-bg-color-light: #fff;
  --ui-btn-primary-hover-bg-gradient-angle: 90deg;
  --ui-btn-primary-hover-bg-gradient-colors: #da595f,#f2b950;
  --ui-btn-primary-hover-bg-gradient-colors-light: #da595f,#f2b950;
  --ui-btn-primary-hover-font-weight: 700;
  --ui-btn-primary-hover-shadow-color: transparent;
  --ui-btn-primary-hover-shadow-color-light: transparent;
  --ui-btn-primary-hover-shadow-spread: 0;
  --ui-btn-primary-hover-shadow-blur: 0;
  --ui-btn-primary-hover-shadow-y: 0;
  --ui-btn-primary-hover-shadow-x: 0;
  --ui-btn-primary-hover-border-color: transparent;
  --ui-btn-primary-hover-border-color-light: transparent;
  --ui-btn-primary-hover-border-style: solid;
  --ui-btn-primary-color: #fff;
  --ui-btn-primary-color-light: #fff;
  --ui-btn-primary-bg-color: #f2b950;
  --ui-btn-primary-bg-color-light: #f2b950;
  --ui-btn-primary-bg-gradient-angle: 90deg;
  --ui-btn-primary-bg-gradient-colors: #f2b950,#da595f;
  --ui-btn-primary-bg-gradient-colors-light: #f2b950,#da595f;
  --ui-media-bg: #d8d8d8;
  --w-apps-buttons-border-color: #a6a6a6;
}

body {
  font-family: 'Ubuntu', sans-serif;
  font-size: 17px;
  background: url("../../img/back.avif") 53.65% 41.94% / cover no-repeat, rgb(29, 29, 36);
  
}

.app {
  min-height: 100vh;
  font-size: 17px;
 background: rgba(29, 29, 36, 0.56);
}


.main-block {
  z-index: 100;
}


a, a:hover {
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity));
  text-decoration: none;

}

.ui-button--primary-dark {
  color: var(--ui-btn-primary-color-light);
  -webkit-box-shadow: var(--ui-btn-primary-shadow-x) var(--ui-btn-primary-shadow-y) var(--ui-btn-primary-shadow-blur) var(--ui-btn-primary-shadow-spread) var(--ui-btn-primary-shadow-color-light);
  box-shadow: var(--ui-btn-primary-shadow-x) var(--ui-btn-primary-shadow-y) var(--ui-btn-primary-shadow-blur) var(--ui-btn-primary-shadow-spread) var(--ui-btn-primary-shadow-color-light);
  background-color: var(--ui-btn-primary-bg-color-light);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--ui-btn-primary-bg-gradient-angle)),to(var(--ui-btn-primary-bg-gradient-colors-light)));
  background-image: -webkit-linear-gradient(var(--ui-btn-primary-bg-gradient-angle),var(--ui-btn-primary-bg-gradient-colors-light));
  background-image: linear-gradient(var(--ui-btn-primary-bg-gradient-angle),var(--ui-btn-primary-bg-gradient-colors-light));
  border:none;
  padding: 21px 34px;
  border-radius: 28.5px;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
}

.ui-button--primary-dark:not(.editor-button):hover {
  color: var(--ui-btn-primary-hover-color-light,var(--ui-btn-primary-color-light));
  -webkit-box-shadow: var(--ui-btn-primary-hover-shadow-x) var(--ui-btn-primary-hover-shadow-y) var(--ui-btn-primary-hover-shadow-blur) var(--ui-btn-primary-hover-shadow-spread) var(--ui-btn-primary-hover-shadow-color-light);
  box-shadow: var(--ui-btn-primary-hover-shadow-x) var(--ui-btn-primary-hover-shadow-y) var(--ui-btn-primary-hover-shadow-blur) var(--ui-btn-primary-hover-shadow-spread) var(--ui-btn-primary-hover-shadow-color-light);
  background-color: var(--ui-btn-primary-hover-bg-color-light);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--ui-btn-primary-hover-bg-gradient-angle)),to(var(--ui-btn-primary-hover-bg-gradient-colors-light)));
  background-image: -webkit-linear-gradient(var(--ui-btn-primary-hover-bg-gradient-angle),var(--ui-btn-primary-hover-bg-gradient-colors-light));
  background-image: linear-gradient(var(--ui-btn-primary-hover-bg-gradient-angle),var(--ui-btn-primary-hover-bg-gradient-colors-light));
  border:none;
}

.main-text {
  color: rgb(248, 249, 250);
  font-size: clamp(40px, 5vw, 80px);
  line-height: clamp(45px, 6vw, 80px);
  font-weight: 500;
}

.footer {
  position: absolute;
  bottom: 30px;
  right: 10px;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
  }
}