@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(a0ff1e5e72e152f9a990.woff2) format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(86e1547e1ed5fbc9e69e.woff2) format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* roboto-100 - cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url(f75646642f27e41d2c2a.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-100italic - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url(bc42b3b60db62a8ac550.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-300 - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(c7ca7fa949c38917f804.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-300italic - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url(021c2b1d11296dc7efb6.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-regular - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(8849dda73d9a67ec0eec.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-italic - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url(987b55174132c9f4b130.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-500 - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(0bc21bc86b404872bd87.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-500italic - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url(24e72b2b993b83b3b2bd.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-700 - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(e6ebd8b5c352a0c9653c.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-700italic - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url(253a5b57c702d0af3054.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-900 - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url(bdd9065f22975b74fadd.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-900italic - cyrillic-ext_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url(76f44758fa40c745d505.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
/* quicksand-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    src: url(95739bae907aeb786822.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* quicksand-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: url(c528d5140938c55dd062.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* quicksand-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: url(df7952e8a9eef08f094b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* quicksand-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 600;
    src: url(f4fd8f21851ab58e60e3.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* quicksand-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: url(4bc8b625064fba4b65e8.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, a:hover, a:visited, a:active {
    color: inherit;
    text-decoration: none;
   }
* {
  font-family: "Roboto", sans-serif;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;

  -webkit-tap-highlight-color: transparent;

  --_Prim-Color-light-000-White: rgba(255, 255, 255, 1);
  --_Prim-Color-light-100: rgba(242, 242, 242, 1);
  --_Prim-Color-light-200: rgba(229, 229, 229, 1);
  --_Prim-Color-dark-000-Black: rgba(0, 0, 0, 1);
  --_Prim-Color-dark-100-Brand: rgba(30, 32, 34, 1);
  --_Prim-Color-dark-300: rgba(89, 89, 89, 1);
  --_Prim-Color-green-50: rgba(244, 245, 235, 1);
  --_Prim-Color-Comment: rgba(151, 71, 255, 1);

  --urble-linear-gradient: linear-gradient(
    40.37deg,
    #22b591 -0.13%,
    #d0e02a 100.03%
  );
  --urble-linear-gradient-quick: linear-gradient(
    40.37deg,
    #22b591 -0.13%,
    #d0e02a 100.03%
  );
  --urble-linear-gradient-greenish: linear-gradient(
    180deg,
    #fafafa 0%,
    #f1f2e1 100%
  );
  --urble-linear-gradient-light-yellowish: linear-gradient(
    40.37deg,
    #badbd3 -0.13%,
    #e1e5a8 100.03%
  );
  --urble-linear-gradient-light-greenish: radial-gradient(
    35.59% 37.78% at 61.07% 47.06%,
    rgba(87, 194, 21, 0.2) 0%,
    rgba(255, 255, 255, 0.5) 80%
  );
  --urble-linear-gradient-light-greenish-wide: radial-gradient(
    35.59% 47.78% at 61.07% 47.06%,
    rgba(87, 194, 21, 0.2) 0%,
    rgba(255, 255, 255, 0.5) 80%
  );

  --urble-color-surface-affirmative-low-emphasis: rgba(235, 242, 241, 1);
  --urble-color-surface-brand-low-emphasis: rgba(244, 245, 235, 1);

  --urble-color-surface-primary-low-emphasis: rgba(247, 247, 247, 1);
  --urble-color-surface-affirmative-default: rgba(34, 181, 145, 1);
  --urble-color-text-primary-disabled: rgba(128, 128, 128, 1);

  --urble-color-ab: rgba(208, 224, 42, 1);
  --urble-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.25);
  --urble-box-shadow-light: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);

  &.urble-has-backdrop,
  &.urble-has-dialog {
    position: relative;
    overflow: hidden;
  }
}

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
}

.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
}

body {
  padding-top: 48px;
  /* this is for sticky banner */
  opacity: 0;
}

.urble-root {
  margin: auto;
}

.urble-subscribe-trigger {
  cursor: pointer;
}

.urble-input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 441px;
  height: 64px;
  padding: 0 16px;
  border: 1px solid var(--_Prim-Color-light-200);
  border-radius: 32px;
  background-color: var(--_Prim-Color-light-000-White);
  box-shadow: var(--urble-box-shadow-light);
  width: 100%;
  box-sizing: border-box;

  input {
    flex-grow: 1;
    border: none;
    outline: none;
    padding: 10px;
    font-size: 24px;
    line-height: 24px;
    border-radius: 24px;
    background-color: transparent;
    min-width: 0;

    &::placeholder {
      color: var(--_Prim-Color-light-200);
    }
  }

  &.urble-input-with-button {
    padding-right: 0;

    .urble-link_button {
      cursor: pointer;
      display: flex;
      align-items: center;
      min-height: 100%;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      background: var(--urble-linear-gradient);
      border: none;

      .material-symbols-outlined {
        font-size: 32px;
      }
    }
  }
}

.urble-dialog:has(.subscribe) {
  max-width: fit-content !important;
}

.urble-subscribe-wrapper,
.subscribe {
  display: flex;
  flex-direction: column;

  .urble-keyboard-focused {
    outline: 2px solid #000;
    outline-offset: 2px;
  }
  .urble-gradient_button {
    margin-top: 32px !important;
    background: var(--urble-linear-gradient) !important;
    align-self: flex-end;
  }

  .urble-gradient_button__start {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    background: var(--urble-linear-gradient) !important;
    align-self: flex-start;
    color: #fff;

    .material-symbols-outlined {
      font-size: 24px;
    }
  }
}

.urble-rotate {
  animation: rotateSpinner 800ms linear infinite;
}

@keyframes rotateSpinner {
  to {
    transform: rotate(360deg);
  }
}

/* HEADER */
.urble-header {
  position: -webkit-sticky;
  /* For Safari */
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  padding: 16px;

  .urble-header-mobile-menu {
    display: none;
    line-height: 68px;
    font-size: 68px;
  }

  .urble-header-group {
    display: flex;
    flex-direction: row;
    gap: 16px;
    max-width: 100%;
  }

  .urble-header_button {
    max-height: 68px;
    border-radius: 16px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--urble-box-shadow);

    &.urble-header_button_login {
      background: var(--_Prim-Color-dark-100-Brand);
      background: var(--urble-color-text-primary-disabled);
      color: var(--_Prim-Color-light-000-White);
      cursor: default;
    }

    &.urble-header_button_register {
      background: var(--urble-linear-gradient);
      background: var(--urble-color-text-primary-disabled);
      color: var(--_Prim-Color-light-000-White);
      cursor: default;
    }
  }

  .urble-header_content {
    width: 878px;
    height: 68px;
    padding: 0px 24px;
    gap: 0px;
    border-radius: 16px;

    display: flex;
    align-items: center;

    background: var(--_Prim-Color-light-000-White);
    box-shadow: var(--urble-box-shadow);

    .urble-header_logo {
      flex-grow: 1;

      img {
        width: auto;
        height: 36px;
      }
    }

    .urble-header_menu {
      font-size: 16px;
      color: var(--_Prim-Color-dark-100-Brand);
      font-weight: 700;
      line-height: 22.4px;
      text-align: left;

      ul {
        display: flex;
        gap: 16px;

        .urble-header_menu__menu-item {
          position: relative;
          cursor: pointer;
          line-height: 68px;

          &.active > a {
            background: var(--urble-linear-gradient);
            background-clip: text;
            -webkit-text-fill-color: transparent;
          }

          &.urble-mobile-menu-item {
            display: none;
          }

          a {
            display: flex;
            flex-direction: row;
            gap: 4px;
            align-items: center;
            cursor: pointer;
            padding: 4px;
            border-radius: 16px;

            &:hover:not(.urble-disabled) {
              background: var(--urble-linear-gradient);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
            }
          }

          .urble-submenu-divider {
            height: 8px;
            background: transparent;
            top: 68px;
            position: absolute;
            right: 0;
            left: 0;
          }

          &:hover .urble-submenu {
            display: flex;
            opacity: 1;
            transition: opacity 0.3s ease-in;
          }

          .urble-submenu {
            display: none;
            flex-direction: column;

            position: absolute;
            border-radius: 16px;
            background: var(--_Prim-Color-light-000-White);
            box-shadow: var(--urble-box-shadow);
            width: 220px;
            gap: 0;
            border: 1px solid var(--_Prim-Color-light-200);
            top: 76px;
            opacity: 0;

            .urble-submenu-item {
              background: var(--_Prim-Color-light-000-White);
              min-width: 100%;
              position: relative;
              display: inline-block;
              border-radius: 16px;
              line-height: 58px;

              a {
                padding: 0 16px;
                border-radius: 16px;
              }
            }
          }
        }
      }
    }
  }

  .urble-switch-language {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    margin: auto;
    justify-content: start;

    span {
      font-weight: 200;
      font-size: 32px;
    }
  }
}

.urble-filter-sepia {
  filter: sepia(1);
}

.urble-filter-invert {
  filter: invert(1);
}

.urble-filter-hue-rotate {
  filter: hue-rotate(45deg);
}

.urble-coming-soon-element {
  position: relative;

  .urble-coming-soon-sticker {
    box-sizing: border-box;
    opacity: 1;
    transform: rotate(0);
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100%;
    left: 0 !important;
    right: 0 !important;
    top: auto;
    bottom: 0;
    font-size: 32px;
    transition: opacity 0.5s ease-in-out;

    &.urble-invisible {
      opacity: 0;
    }
  }
}

.urble-disabled {
  cursor: default !important;
  opacity: 0.3 !important;
  pointer-events: none !important;
}

.urble-sticker {
  position: absolute;
  padding: 20px;
  background: var(--urble-linear-gradient);
  color: var(--_Prim-Color-dark-100-Brand);
  font-family: Quicksand;
  font-size: 72px;
  border-radius: 16px;
  box-shadow: var(--urble-box-shadow);
  transform: rotate(-5deg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% + 32px);
  font-weight: 700;
  top: 45%;
  left: -32px;
  opacity: 0.9;
}

.urble-mobile-only-item {
  display: none !important;
}

.urble-gradient-text {
  background: var(--urble-linear-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* CONTENT */
.main {
  max-width: 1920px;
  margin: auto;
  overflow-x: clip;

  section {
    opacity: 0;

    &.urble-section-dimmed-in {
      opacity: 1;
      transition: opacity 0.5s ease-in-out;
    }
  }

  .urble-section-content {
    display: flex;
    flex-direction: row;
    gap: 16px;
    color: var(--_Prim-Color-dark-100-Brand);

    p {
      margin-bottom: 16px;
    }
  }

  .urble-icon-gradient {
    background: var(--urble-linear-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .urble-email {
    text-decoration: underline !important;
  }

  h1 {
    font-family: Quicksand;
    font-size: 96px;
    font-weight: 700;
    line-height: 96px;
    color: var(--_Prim-Color-dark-100-Brand);

    span {
      font-family: Quicksand;
    }
  }

  h2 {
    font-family: Quicksand;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: var(--_Prim-Color-dark-000-Black);
  }

  .urble-underline-text {
    font-family: Quicksand;
    position: relative;
    display: inline-block;
  }

  .urble-underline-text::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: var(--urble-linear-gradient);
    bottom: 4px;
    border-radius: 24px;
    height: 19px;
    z-index: -1;
  }

  .urble-gradient-text {
    background: var(--urble-linear-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .urble-gradient-text-quick {
    background: var(--urble-linear-gradient-quick);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .urble-download {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .urble-mobile {
    background: var(--_Prim-Color-light-000-White);
    border: 5px solid var(--_Prim-Color-dark-100-Brand);
    border-radius: 32px;
    height: 494px;
    min-width: 276px;
    box-shadow: var(--urble-box-shadow);
  }

  .urble-figure {
    width: 477px;
    height: 454px;
    border-radius: 48px 256px 64px 48px;
    background: var(--urble-linear-gradient);
    position: absolute;
    bottom: -238px;
    left: -450px;
    z-index: -1;
  }

  .urble-card {
    display: flex;
    flex-direction: column;
    width: 340px;
    max-width: 340px;
    height: 282px;
    padding: 24px;
    gap: 10px;
    border-radius: 24px;
    background-color: var(--_Prim-Color-light-000-White);
    box-sizing: border-box;

    &.urble-card-with-zoom {
      transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
      position: relative;

      &:hover {
        transform: scale(1.05);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      }
    }

    &.urble-card-with-gradient {
      position: relative;

      &::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0) 50%,
          rgba(30, 32, 34, 0.8) 75%
        );
        pointer-events: none;
        z-index: 0;
      }

      &.urble-disabled {
        &::after {
          background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 50%,
            rgba(30, 32, 34, 0.4) 75%
          );
        }
      }
    }

    .urble-card-icon {
      .urble-icon-gradient {
        font-size: 36px;
        font-weight: 700;
        line-height: 50px;
      }
    }

    .urble-card-title {
      color: var(--_Prim-Color-dark-100-Brand);
      font-size: 16px;
      font-family: Roboto;
      line-height: 22.4px;
      font-weight: 700;
    }

    .urble-card-text {
      color: var(--_Prim-Color-dark-100-Brand);
    }
  }

  .urble-social {
    margin-top: 8px;
    display: flex;
    gap: 16px;
  }

  .urble-card-person {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;

    .urble-card-person-face {
      width: 40px;
      height: 40px;
      border-radius: 99999px;
      position: relative;
      overflow: hidden;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .urble-card-person-name {
      color: var(--urble-color-text-primary-disabled);
    }
  }

  .urble-section-content-text {
    font-size: 16px;
    line-height: 22.4px;
    color: var(--_Prim-Color-dark-100-Brand);
  }

  .urble-glasses {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 64px;
    margin-top: 32px;

    .urble-glass-container {
      width: 146px;
      height: 176px;
      text-align: center;

      .urble-glass {
        border-radius: 0 0 36px 36px;
        border-style: solid;
        border-width: 0 3px 3px 3px;
        border-color: var(--_Prim-Color-dark-100-Brand);
        position: relative;
        width: 100%;
        height: 100%;

        .urble-glass-bubbles {
          position: absolute;
          width: 100%;
          bottom: 0;
          left: 0;

          &.urble-glass-bubbles-over {
            left: 0 !important;
            transform: scale(1.3);
            top: -16px;
          }
        }
      }

      .urble-glass-text-top {
        font-size: 16px;
        font-weight: 700;
        line-height: 22.4px;
        margin-top: 16px;
      }
    }
  }
}

/* FOOTER */
.urble-footer {
  margin-top: 32px;
  bottom: 0;
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;

  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  color: var(--_Prim-Color-light-000-White);

  .urble-footer_content {
    position: relative;
    width: 1460px;
    max-width: 1460px;
    background: var(--_Prim-Color-dark-100-Brand);

    max-width: 1460px;
    border-top-left-radius: 64px;
    border-top-right-radius: 64px;
    padding-top: 62px;

    .urble-link_button {
      border: 1px solid var(--_Prim-Color-light-000-White);
    }

    a:not(.urble-link_button):hover {
      text-decoration: underline;
    }

    .urble-footer_content_navigation {
      /* TODO: it should not be duplicated the same as for _navigation */
      padding-inline-start: 190px;
      padding-inline-end: 190px;

      display: flex;
      flex-direction: column;
      gap: 12px;

      .urble-footer_content_navigation_start {
        display: flex;
        flex-direction: row;
        gap: 96px;
        justify-content: space-between;

        .urble-footer_content_start {
          display: flex;
          flex-direction: column;
          gap: 12px;

          .urble-footer_content_start_label {
            font-family: Quicksand;
            font-weight: 700;
            font-size: 30px;
            line-height: 30px;
          }
        }

        .urble-footer_content_social {
          display: flex;
          flex-direction: column;
          gap: 15px;
          margin-top: 24px;

          .urble-footer_content_social_buttons {
            display: flex;
            gap: 15px;
          }
        }
      }

      .urble-footer_content_navigation_end {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-grow: 1;

        nav ul {
          display: flex;
          flex-direction: column;
          gap: 12px;
        }
      }
    }

    .urble-footer_content_about {
      padding-bottom: 32px;
      padding-top: 96px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 64px;

      .urble-footer_menu ul {
        display: flex;
        flex-direction: row;
        gap: 24px;
      }

      .urble-footer_logo {
        img {
          width: auto;
          height: 36px;
          -webkit-filter: invert(100%);
          filter: invert(100%);
        }
      }
    }
  }

  .urble-footer-figure-1 {
    width: 487px;
    height: 487px;
    border-radius: 50%;
    background: var(--urble-linear-gradient);
    position: absolute;
    z-index: -3;
    left: -160px;
    top: -62px;
  }

  .urble-footer-figure-2 {
    width: 196px;
    height: 196px;
    border-radius: 50%;
    background: var(--urble-linear-gradient);
    position: absolute;
    z-index: -3;
    bottom: 32px;
    right: -64px;
  }
}

/* COMPONENTS */
.urble-link_button {
  span {
    line-height: 20px;
    font-size: 16px;
  }

  display: flex;
  justify-content: center;
  max-width: fit-content;
  height: fit-content;
  font-size: 16px;
  line-height: 22px;
  padding: 8px 16px 8px 12px;
  gap: 10px;
  border-radius: 999px;
  border: none;
  background: var(--_Prim-Color-dark-100-Brand);
  color: var(--_Prim-Color-light-000-White);
  cursor: pointer;

  &:hover {
    box-shadow: 1px 6px 6px var(--_Prim-Color-dark-300);
  }

  &.urble-link_button__white {
    background: var(--_Prim-Color-dark-100-Brand);
    color: var(--_Prim-Color-light-000-White);

    &:hover {
      box-shadow: 1px 6px 6px var(--_Prim-Color-dark-300);
    }
  }

  &.urble-line_button__transparent {
    border-color: transparent;
    background: transparent;
    padding: 8px;
    color: var(--_Prim-Color-dark-100-Brand);

    span {
      padding-top: 2px;
    }
  }

  &.urble-link_button__secondary {
    border: 1px solid var(--_Prim-Color-dark-100-Brand);
    background: transparent;
    color: var(--_Prim-Color-dark-100-Brand);
  }
}

.urble-invisible {
  visibility: hidden;
}

.urble-accordion-sections {
  display: flex;
  flex-direction: column;
  gap: 16px;

  .urble-section-label {
    padding: 8px 0;
  }

  .urble-accordion-section {
    .urble-accordion {
      background: transparent;
      cursor: pointer;
      padding: 16px;
      border: 2px solid var(--_Prim-Color-light-200);
      box-shadow: var(--urble-box-shadow-light);
      display: flex;
      flex-direction: column;
      align-items: left;
      justify-content: center;
      border-radius: 16px;
      font-weight: 700;
      line-height: 22px;
      font-size: 16px;
      background: var(--_Prim-Color-light-000-White);

      &.urble-active {
        .urble-accordion-chevron {
          rotate: 90deg;
        }
      }
    }

    .urble-accordion-question {
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: center;
      gap: 8px;
    }

    .urble-accordion-panel {
      padding: 16px 16px 0 32px;
      display: none;
      overflow: hidden;
      color: var(--_Prim-Color-dark-100-Brand);
      font-weight: 400;
      line-height: 22.4px;
    }

    p {
      margin-bottom: 16px;
    }

    ul {
      list-style-type: disc;
      padding-left: 32px;
    }
  }
}

/* TABLET */
@media (max-width: 1120px) {
  .urble-dialog {
    padding: 16px;
  }

  .urble-header {
    .urble-mobile-menu-item {
      display: block !important;
    }
  }

  .urble-mobile-only-item {
    display: block !important;
  }

  .urble-desktop-only-item {
    display: none !important;
  }

  body {
    padding-top: 0;
  }

  .urble-mobile-cover {
    height: fit-content;
    height: fit-content;
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: hidden;
    margin-bottom: 0;

    .urble-section-blocks {
      margin-inline-start: 0 !important;
      margin-inline-end: 0 !important;
      max-width: 100% !important;
    }

    h1 {
      padding: 0 16px;
    }

    .urble-section_image {
      display: block !important;
      object-position: center;
      object-fit: cover;
      overflow: hidden;
      min-width: 100%;
      max-width: 100% !important;
      margin-top: 0 !important;
      margin-inline-start: 0 !important;
      position: absolute;
      top: 0;
      z-index: 1;
      min-width: 100%;
      filter: brightness(0.8);
      border-bottom-left-radius: 16px !important;
      border-bottom-right-radius: 16px !important;
      height: 250px;
      min-height: 250px;
      max-height: 250px;
    }

    .urble-section-content {
      z-index: 1;
      margin-top: -32px;

      h1 {
        height: 250px;
        margin: auto;
        color: var(--_Prim-Color-light-000-White) !important;
        align-content: center;
      }

      .urble-section-content-text {
        padding: 0 16px;
        width: fit-content !important;
        color: var(--_Prim-Color-dark-100-Brand) !important;
      }
    }
  }

  .main {
    padding: 0;

    section {
      opacity: 1;
    }

    * {
      max-width: 100%;
    }

    .urble-card {
      max-width: 100%;
      min-height: fit-content;
    }

    h1 {
      font-size: 32px;
      line-height: 32px;
      max-width: 100% !important;
      min-width: auto !important;
      width: fit-content !important;
      text-align: center;
    }

    h2 {
      font-size: 26px;
      font-weight: 700;
      line-height: 26px;
      max-width: 100% !important;
      min-width: auto !important;
      text-align: center;
    }

    .urble-accordion-sections {
      h2 {
        text-align: start;
      }
    }

    .urble-card {
      h1,
      h2 {
        text-align: start;
      }
    }

    .urble-underline-text::after {
      border-radius: 6px;
      height: 4px;
    }

    .urble-section-content-text {
      max-width: 100% !important;
      width: 100%;
      box-sizing: border-box;
    }

    .urble-section-content {
      max-width: 100% !important;
      align-content: center;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-wrap: wrap;
    }

    section {
      &:not(.urble-mobile-cover) {
        .urble-section-blocks {
          margin-inline-start: 16px !important;
          margin-inline-end: 16px !important;
          max-width: calc(100% - 32px) !important;
        }
      }

      .urble-section-blocks {
        max-width: 100%;
        justify-content: center !important;
        position: relative;
        margin: 0;
        flex-wrap: wrap;
        gap: 32px;
      }
    }

    .urble-section-block-1,
    .urble-section-block-2 {
      flex-wrap: wrap;
      justify-content: center !important;
      align-items: center !important;
    }

    .urble-glasses {
      justify-content: center;
      display: flex;
      row-gap: 180px;
      column-gap: 64px;
    }

    .urble-mobile {
      display: none;
    }

    /* main */
    .urble-section-1 {
      height: fit-content;
      padding-top: 32px;
      overflow: hidden;
      margin-bottom: 64px;
      padding-bottom: 32px;

      .urble-section_image {
        top: -32px;
      }

      .urble-section-content {
        max-width: 725px !important;
        z-index: 1;
        margin-top: -32px;

        h1 {
          color: var(--_Prim-Color-light-000-White) !important;
        }
      }
    }

    .urble-section-1c {
      margin-bottom: 128px;

      .urble-section-blocks {
        margin: 0;

        .urble-glasses {
          width: 100%;
        }

        .urble-glass-bubbles-over {
          left: 0 !important;
          transform: scale(1.3);
          top: -16px;
        }
      }
    }

    .urble-section-1b {
      .urble-section-blocks {
        margin-top: 224px;
      }
    }

    .urble-section-1d {
      padding-top: 32px;

      .urble-section-block-2 {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        max-width: 100%;

        .urble-card {
          max-width: 289px;
        }
      }

      h1 {
        padding: 0 16px !important;
      }

      .urble-card {
        height: 400px;
      }
    }

    .urble-section-1e {
      margin-bottom: 0;

      .urble-section-image {
        display: none;
      }

      img {
        display: none;
      }

      .urble-section-image-part-4 {
        top: 32px;
        left: 64px;
      }

      .urble-section-image-part-5 {
        top: calc(100% - 62px);
        left: 50%;
      }

      .urble-section-image-part-6 {
        top: 0;
        left: 50%;
      }

      .urble-section-image-part-7 {
        top: calc(75% - 34px);
        right: 0;
      }
    }

    .urble-section-2 {
      padding-top: 64px;

      .urble-section-blocks {
        flex-direction: column;
        align-items: center;
        gap: 32px;
        padding: 16px;
      }
    }

    .urble-section-2b {
      .urble-section-blocks {
        h1 {
          font-size: 32px;
          line-height: 32px;
        }
      }
    }

    .urble-section-2c {
      display: none;
    }

    .urble-section-2d {
      .urble-section-blocks {
        .urble-cards {
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          padding: 16px;

          .urble-card {
            width: fit-content;
            min-width: 100%;
          }
        }
      }
    }

    .urble-section-2e {
      align-items: center;

      .urble-buttons {
        flex-wrap: wrap;
      }

      h1 {
        padding: 0 16px;
      }
    }

    .urble-section-2f {
      .urble-section-blocks {
        align-items: center;
        justify-content: center;

        .urble-section-content-image {
          display: none;
        }
      }
    }

    .urble-section-2g {
      padding-bottom: 0;
      padding: 0 16px;
      padding-bottom: 64px;

      .urble-section-blocks {
        justify-content: center;
        align-items: center;
      }

      .urble-section-block-1 {
        justify-content: center;
      }

      .urble-section-block-2 {
        display: none;
      }

      .urble-mobile {
        position: relative;
        right: auto;
        display: block;
        top: 32px;
      }

      .urble-section-content-text {
        width: 100% !important;
        padding: 0;
      }
    }

    .urble-section-8 {
      & .urble-section-block-2 {
        & .urble-card {
          min-width: auto;

          h2 {
            font-size: 32px;
            line-height: 32px;
          }
        }
      }

      img {
        display: none;
      }
    }

    /* SAI */
    .urble-section_image {
      display: none;
    }

    .urble-section-sai-1 {
      padding-top: 0;
      margin-bottom: 32px;

      .urble-section_image {
        display: block;
        z-index: -1;
      }

      .urble-section-content {
        padding-top: 32px !important;
      }
    }

    .urble-section-sai-2 {
      padding: 0;
      margin-bottom: 64px;

      .urble-section-block-2 {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

        .urble-card {
          width: 298px;
          height: 400px;

          img {
            transform: scale(1.3);
          }
        }
      }
    }

    .urble-section-sai-3 {
      .urble-section-block-2 {
        ol {
          padding: 0 16px;
        }
      }
    }

    .urble-section-sai-5 {
      .urble-section-blocks {
        padding: 0;

        .urble-card {
          width: 100%;
          min-height: fit-content;
          max-width: 500px;
        }
      }
    }

    .urble-section-sai-6 {
      margin-top: 64px;

      .urble-section-blocks {
        margin-bottom: 0;
      }

      .urble-glass-bubbles-over {
        left: 0 !important;
        transform: scale(1.3);
        top: -16px;
      }
    }

    .urble-section-sai-6b {
      margin-top: 128px;
      margin-bottom: 64px;
      height: fit-content;
      display: flex;
      flex-direction: column;
      gap: 32px;

      h1 {
        color: var(--_Prim-Color-dark-100-Brand);
      }

      img {
        position: relative;
        object-fit: cover;
        overflow: hidden;
        height: 250px;
        object-position: left;
      }

      .urble-figure,
      .urble-circle-4,
      .urble-circle-5,
      .urble-circle-6 {
        display: none;
      }
    }

    .urble-section-sai-7 {
      padding-top: 0;
    }

    .urble-section-sai-7b {
      padding-top: 0;
      padding-bottom: 0;
    }

    .urble-section-sai-8 {
      .urble-section-blocks {
        display: flex;
        gap: 32px;
        justify-content: center;
        align-items: center;
      }

      h2 {
        line-height: 48px;
      }

      .urble-card {
        min-width: auto !important;
        height: fit-content;
      }
    }

    /* ME */
    .urble-section-um-1 {
      height: fit-content;
      padding-top: 32px;
      padding-bottom: 32px;
      overflow: hidden;
      margin-bottom: 32px;

      .urble-section_image {
        margin-top: 0 !important;
        top: 0;
      }

      .urble-section-content {
        h1 {
          color: var(--_Prim-Color-light-000-White) !important;
        }

        .urble-section-content-text {
          color: var(--_Prim-Color-dark-100-Brand) !important;
        }
      }
    }

    .urble-section-um-1b {
      padding-bottom: 0;
    }

    .urble-section-um-3 {
      overflow: hidden;
    }

    .urble-section-um-3c {
      overflow: hidden;

      .urble-section-blocks {
        padding-bottom: 0;
      }
    }

    .urble-section-um-4 {
      padding-top: 0;
    }

    .urble-section-um-4c {
      padding-bottom: 0;

      .urble-section-blocks {
        padding: 0;

        .urble-card {
          width: 100%;
          min-height: fit-content;
          max-width: 500px;
        }
      }
    }

    .urble-section-um-4d {
      padding-top: 64px;
      padding-bottom: 128px;

      .urble-glass-bubbles-over {
        left: 0 !important;
        transform: scale(1.3);
        top: -16px;
      }
    }

    .urble-section-me-5 {
      padding-top: 64px;
    }

    .urble-section-me-6 {
      margin-top: 0;

      .urble-section-blocks-middle {
        justify-content: center;

        .urble-section-block-1 {
          padding: 0 16px;
        }
      }
    }

    .urble-section-me-7 {
      .urble-section-blocks-narrow {
        width: 100%;
        justify-content: center;

        .urble-section-content {
          padding: 0 16px;
        }
      }
    }

    .urble-section-me-8 {
      padding-bottom: 0;
      padding-top: 32px;

      .urble-section-content {
        width: auto !important;
        padding: 0 16px;
      }

      .urble-section-block-1 {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        gap: 32px;

        .urble-section-image-block {
          .urble-image-part-1 {
            position: relative;
            display: block !important;
          }

          .urble-image-part-2 {
            display: none;
          }
        }
      }
    }

    .urble-section-9 {
      .urble-section-block-2 {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

        .urble-card {
          width: 298px;
          height: 400px;

          img {
            transform: scale(1.3);
          }
        }
      }
    }

    /* ABOUT */
    .urble-section-a-1 {
      .urble-section_image {
        z-index: -1;
      }

      .urble-section-blocks {
        .urble-section-content {
          h1 {
            z-index: 2;
          }

          .urble-section-content-text {
            padding: 16px;
          }
        }
      }
    }

    .urble-section-a-2 {
      height: fit-content;
      padding: 32px 0;
      margin-top: 0;

      .urble-square-1,
      .urble-square-2 {
        display: none;
      }

      .urble-section-blocks {
        min-width: 100%;
      }
    }

    .urble-section-a-3 {
      padding-top: 32px;
      padding-bottom: 0;
    }

    .urble-section-a-4 {
      padding-top: 32px;
    }

    .urble-section-a-5 {
      height: fit-content;

      img {
        position: relative;
      }
    }

    .urble-section-a-6 {
      .urble-section-blocks {
        .urble-people {
          justify-content: center;

          .urble-card {
            height: fit-content;
            align-items: center;

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

        .urble-section-content-text {
          padding: 0 16px;
        }
      }

      .urble-figure-3 {
        display: none;
      }
    }

    .urble-section-a-7 {
      .urble-section-blocks {
        .urble-section-content {
          .urble-section-content-image {
            flex-wrap: wrap;
            row-gap: 32px;
            justify-content: center;
            align-items: center;
          }
        }
      }
    }

    /* KIDS */
    .urble-section-uk-1 {
      height: fit-content;
      padding-top: 32px;
      overflow: hidden;
      margin-bottom: 32px;

      .urble-section_image {
        display: block !important;
        object-position: center;
        object-fit: none;
        overflow: hidden;
        max-width: fit-content;
        height: 100%;
        top: 0;
        min-width: 100%;

        filter: brightness(0.8);
      }
    }

    .urble-section-uk-2 {
      padding-bottom: 0;

      h1 {
        text-align: center;
        width: auto !important;
      }
    }

    .urble-section-uk-2d {
      padding-bottom: 0;

      .urble-section-blocks {
        padding-bottom: 32px;
      }
    }

    .urble-section-uk-2b {
      .urble-section-image-block-1,
      .urble-section-image-block-2 {
        justify-content: center !important;
        overflow: hidden;
      }
    }

    .urble-section-uk-7 {
      .urble-section-content-text {
        padding: 0 16px;
      }
    }

    .urble-section-uk-8 {
      padding-bottom: 0;

      .urble-section-blocks {
        padding: 0;

        .urble-card {
          width: 100%;
          min-height: fit-content;
          max-width: 500px;
        }
      }
    }

    .urble-section-uk-9 {
      padding-top: 64px;
      padding-bottom: 128px;

      .urble-glass-bubbles-over {
        left: 0 !important;
        transform: scale(1.3);
        top: -16px;
      }
    }

    .urble-section-uk-10 {
      height: fit-content;
      padding-top: 32px;

      .urble-square-1,
      .urble-square-2 {
        display: none;
      }
    }

    .urble-section-uk-11 {
      padding-top: 0;

      .urble-card {
        width: 298px;
        height: 400px;

        img {
          transform: scale(1.3);
        }
      }
    }

    .urble-section-uk-5 {
      .urble-section-blocks {
        .urble-section-image {
          .urble-section-image-block-1 {
            .urble-message:nth-child(2) {
              margin-top: 0;
            }
          }
        }

        .urble-message-image {
          display: none;
        }
      }

      .urble-mobile-only-item {
        display: flex !important;
      }
    }

    .urble-section-uk-6 {
      padding-top: 0;

      .urble-section-blocks {
        .urble-section-content {
          flex-direction: column;
          width: 100%;
        }
      }
    }

    /* COUPLE */
    .urble-section-uc-1 {
      height: fit-content;
      padding-top: 32px;
      overflow: hidden;
      padding-bottom: 32px;
      margin-bottom: 0;

      .urble-section_image {
        display: block !important;
        object-fit: center;
        overflow: hidden;
        max-width: fit-content;
        height: 100%;
        top: 0;
        min-width: 100%;

        filter: brightness(0.8);
      }

      .urble-section-block-1 {
        justify-content: center;
      }

      .urble-section-blocks {
        margin: 0;
      }

      .urble-section-content-text {
        padding: 0 16px;
      }
    }

    .urble-section-uc-5 {
      padding-top: 0;
      padding-bottom: 32px;

      .urble-section-content {
        background: var(--_Prim-Color-light-000-White);
        border-radius: 16px;
      }

      > img {
        display: none;
      }

      .urble-figure {
        display: none;
      }
    }

    .urble-section-uc-4 {
      .urble-section-blocks {
        padding-bottom: 32px;
      }
    }

    .urble-section-uc-8 {
      padding-bottom: 0;

      .urble-section-blocks {
        padding: 0;

        .urble-card {
          width: 100%;
          min-height: fit-content;
          max-width: 500px;
        }
      }
    }

    .urble-section-uc-9 {
      padding-top: 64px;
      padding-bottom: 128px;
    }

    .urble-section-uc-10 {
      height: fit-content;
      padding-top: 32px;
      padding-bottom: 32px;

      .urble-section-content {
        max-width: 100%;
      }

      .urble-section_image,
      .urble-square-1,
      .urble-square-2 {
        display: none;
      }
    }

    .urble-section-uc-11 {
      margin-top: auto;
    }

    .urble-section-uc-13 {
      a {
        display: flex;
        align-items: center;
      }

      .urble-section-blocks {
        .urble-section-block-1 {
          flex-direction: column;
          gap: 32px;

          .urble-section-content {
            width: 100%;
          }

          .urble-section-image-block {
            .urble-image-part-1 {
              position: relative;
            }

            .urble-image-part-2 {
              display: none;
            }
          }
        }
      }
    }

    .urble-section-uc-14 {
      .urble-card {
        width: 298px;
        height: 400px;

        img {
          transform: scale(1.3);
        }
      }
    }

    /* COMMUNITY */
    .urble-section-c-1 {
      margin-bottom: 0;
      padding-bottom: 64px;
      overflow: hidden;

      .urble-section-content {
        padding-top: 32px !important;

        h1 {
          height: 148px;
        }

        .urble-pre,
        h1 {
          color: var(--_Prim-Color-light-000-White) !important;
        }

        .urble-section-content-text {
          margin-top: 32px;
          margin-bottom: 0;
          padding: 0 16px;
        }
      }

      .urble-section_image {
        display: block !important;
        object-position: top center;
        overflow: hidden;
        max-width: fit-content;
        height: 100%;

        min-width: 100%;
        margin-inline-start: 0 !important;
        position: absolute;
        z-index: -1;
        top: -32px;
        min-width: 100%;
        filter: brightness(0.6);
        max-height: 250px;
      }
    }

    .urble-section-c-3 {
      height: fit-content;

      .urble-square-1,
      .urble-square-2 {
        display: none;
      }

      .urble-section-blocks {
        .urble-section-content {
          padding-left: 0;
          box-sizing: border-box;
        }
      }
    }

    .urble-section-c-5 {
      padding: 0;

      .urble-section-content {
        justify-content: center !important;
      }
    }

    .urble-section-c-6 {
      height: fit-content;
      margin-top: 64px;

      img {
        position: relative;
        object-fit: cover;
        overflow: hidden;
        height: 250px;
        object-position: center;
      }

      .urble-figure {
        display: none;
      }
    }

    .urble-section-c-8 {
      padding-top: 32px;
      padding-bottom: 32px;

      img {
        position: relative !important;
        bottom: 0 !important;
      }
    }

    .urble-section-c-9 {
      .material-symbols-outlined {
        text-align: center;
      }
    }

    .urble-section-c-10 {
      height: fit-content;

      img {
        position: relative;
        object-fit: cover;
        overflow: hidden;
        height: 250px;
        object-position: center;
      }
    }

    .urble-section-c-11 {
      .urble-section-blocks {
        .urble-cards {
          justify-content: center;
        }
      }
    }

    .urble-section-c-12 {
      .urble-section-blocks {
        .urble-people {
          justify-content: space-evenly;
        }
      }
    }

    .urble-section-c-9 {
      .urble-section-blocks {
        .urble-cards {
          flex-wrap: wrap;
          justify-content: center;

          .urble-card {
            height: fit-content;
          }
        }
      }
    }

    .urble-section-c-12 {
      .urble-figure-1 {
        display: none;
      }
    }

    .urble-section-c-14 {
      .urble-cards {
        justify-content: center;
      }
    }

    .urble-section-c-15 {
      padding-top: 0;

      & .urble-section-blocks {
        gap: 64px;

        & .urble-section-block-2 {
          .urble-card {
            min-width: auto;

            h2 {
              font-size: 32px;
            }
          }
        }
      }
    }

    /* CONTACT */
    .urble-section-ct-1 {
      .urble-section-block-1 {
        .urble-section-content {
          padding-top: 32px;
          z-index: 2;
        }
      }
    }

    .urble-section-ct-2 {
      padding-top: 0;
      margin-bottom: 64px;
    }

    .urble-section-ct-3,
    .urble-section-ct-4,
    .urble-section-ct-5 {
      padding: 64px 0;

      .urble-section-blocks {
        display: flex;
        flex-direction: column;
        align-items: center;

        img {
          position: relative !important;
          left: 0 !important;
        }
      }
    }

    .urble-section-ct-3 {
      .urble-section-blocks {
        gap: 64px;
      }

      .urble-section-image {
        display: flex;
        justify-content: center;
        margin-left: 54px;

        img {
          max-width: calc(50% - 32px);
          width: 100%;
          min-width: calc(50% - 32px);
          object-fit: cover;
          overflow: visible;
        }
      }
    }

    .urble-section-ct-6 {
      padding-top: 64px;
    }

    /* APP */
    .urble-section-ua-1 {
      padding-bottom: 32px;
      padding-top: 64px;

      .urble-section-blocks {
        .urble-section-content-image {
          max-width: 700px;

          .urble-image-1 {
            position: relative;
            z-index: -2;
            top: 372px;
          }

          .urble-image-2 {
            position: relative;
            top: -174px;
            left: 0;
            right: 0;
            margin: auto;
            margin-top: 42px;
            object-fit: scale-down;
            z-index: 1;
            width: 100%;
            max-width: 60%;
          }

          .urble-image-3 {
            position: absolute;
            top: 70px;
            left: 0;
            z-index: -1;
          }

          .urble-image-4 {
            position: absolute;
            top: 95px;
            right: 64px;
            left: auto;
            z-index: -1;
          }

          .urble-image-5 {
            position: absolute;
            top: 290px;
            left: 16px;
            z-index: -1;
          }

          .urble-image-6 {
            position: absolute;
            top: 380px;
            right: 32px;
            left: auto;
            z-index: -1;
          }

          .urble-image-7 {
            position: absolute;
            top: 248px;
            left: -16px;
            z-index: -1;
            font-size: 16px;

            .material-symbols-outlined {
              font-size: 16px;
              width: 20px;
            }
          }

          .urble-image-8 {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -2;
          }
          .urble-image-9 {
            position: absolute;
            top: 245px;
            right: -16px;
            left: auto;
            z-index: -1;
            transform: scale(0.8);
          }
        }
      }
    }

    .urble-section-ua-2 {
      margin-top: -420px;

      .urble-section-blocks {
        padding: 0 16px;

        .urble-section-content {
          width: calc(100% / 2 - 16px);
          justify-content: space-between;

          h2 {
            display: flex;
            align-items: center;
            flex-grow: 1;
          }
        }
      }
    }

    .urble-section-ua-3 {
      padding: 64px 0 32px 0;

      .urble-section-blocks {
        height: fit-content;
      }
    }

    .urble-section-ua-4 {
      padding-top: 0;
      padding-bottom: 64px;

      .urble-section-content-image {
        display: flex;
      }

      .urble-image-3 {
        display: none;
      }
    }

    .urble-scrolling-helper {
      display: none;
    }

    .urble-section-ua-5 {
      padding-top: 64px;
      padding-bottom: 64px;
    }

    .urble-section-ua-6 {
      padding-top: 64px;
      padding-bottom: 64px;
    }

    .urble-section-ua-7 {
      padding-bottom: 0;
    }

    .urble-section-ua-9 {
      .urble-mobile-only-item {
        display: flex !important;
      }

      .urble-section-blocks {
        .urble-section-image {
          .urble-section-image-block-1 {
            .urble-message:nth-child(2) {
              margin-top: 0;
            }
          }
        }

        .urble-message-image {
          display: none;
        }
      }
    }

    /* EDUCATION */
    .urble-section-e-1 {
      .urble-card {
        min-width: 100%;
        align-self: center;
      }
    }

    .urble-section-e-3 {
      .urble-section-blocks {
        .urble-cards {
          flex-wrap: wrap;
          justify-content: center;
        }

        .urble-patch-content-text {
          text-align: center;
          padding: 0 16px;
        }
      }
    }

    .urble-section-e-5 {
      .urble-section-blocks {
        .urble-cards-1,
        .urble-cards-2,
        .urble-cards-3 {
          flex-wrap: wrap;
          justify-content: center;

          .urble-card {
            min-width: 100%;
          }

          .urble-card-image {
            display: none !important;
          }
        }
      }
    }

    .urble-section-e-6 {
      height: fit-content;
      margin-top: 64px;

      img {
        position: relative;
        object-fit: cover;
        overflow: hidden;
        height: 250px;
        object-position: center;
        min-width: 100%;
      }

      .urble-figure {
        display: none;
      }
    }

    .urble-section-e-7 {
      .urble-section-block-2 {
        justify-content: center;
        display: flex;
      }
    }

    /* FAQ */
    .urble-section-faq-1 {
      padding-top: 0;
      background: transparent;
      height: 428px;
      margin-bottom: 0;

      .urble-section-blocks {
        justify-content: center !important;
        position: relative;
        margin: 0;
        flex-wrap: wrap;
        gap: 32px;
        flex-direction: column;

        .urble-section-content {
          margin-top: 114px;

          .urble-section-content-text {
            color: var(--_Prim-Color-dark-100-Brand) !important;
          }
        }
      }

      .urble-section_image {
        position: absolute;
        z-index: -1;
        top: 138px !important;
        object-fit: cover;
        object-position: top;
        height: 250px !important;
      }

      .urble-section-content {
        padding-top: 32px !important;
      }
    }

    .urble-section-faq-2 {
      padding-top: 32px;

      & .urble-section-blocks {
        .urble-faq-answers {
          margin-top: 0;
        }
      }

      .urble-faq-menu {
        width: 100% !important;
      }

      .urble-faq-menu-container {
        margin-right: 16px;
      }

      .urble-faq-answer {
        h2 {
          text-align: start;
        }
      }
    }

    /* BLOG */
    .urble-section-blog-1 {
      padding-bottom: 32px;

      img {
        top: 148px;
      }

      .urble-section-content {
        margin-top: -46px;
        width: 100% !important;

        h1 {
          text-align: center;
        }
      }
    }

    .urble-section-blog-2 {
      padding: 0;

      .urble-section-blocks {
        .urble-cards {
          margin-top: 64px;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
        }
      }
    }

    .urble-section-blog-post-1 {
      height: fit-content;

      img {
        height: auto;
        margin: 32px 0;
      }
    }

    .urble-section-blog-post-2 {
      & .urble-section-blocks {
        & .urble-blog-post {
          .urble-blog-post-info {
            flex-wrap: wrap;
          }
        }
      }
    }
  }

  .urble-header {
    padding: 0;

    .urble-header-group {
      width: 100%;
    }

    .urble-header_content {
      border-radius: 0;
      box-shadow: var(--urble-box-shadow-light);
      width: 100%;
    }

    .urble-header_menu,
    .urble-header_button_login,
    .urble-header_button_register,
    .urble-switch-language {
      display: none;
    }

    .urble-header-mobile-menu {
      cursor: pointer;
      display: block;
      color: var(--_Prim-Color-dark-100-Brand);
      font-size: 48px;
      line-height: 48px;
    }
  }

  .urble-mobile-menu-expanded {
    overflow: hidden;

    .main {
      filter: blur(10px);
    }

    .urble-header-group {
      position: relative;

      .urble-header_content {
        box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.2);
      }

      .urble-header_menu {
        display: flex;
        background: var(--_Prim-Color-light-000-White);
        position: absolute;
        left: 0;
        right: 0;
        top: 68px;
        bottom: 0;
        min-width: 100%;
        height: 100%;
        min-height: 100vh;
        overflow-y: scroll;
        box-sizing: border-box;

        > ul {
          min-height: 864px;
        }

        ul {
          li {
            text-decoration: dashed;
            line-height: 48px !important;
            border: none !important;
            border-radius: 0;
            padding-left: 24px;

            &.urble-with-sub-menu {
              margin-bottom: 32px;
            }

            .urble-switch-language {
              display: flex;
              gap: 8px;
              align-items: center;
              flex-direction: row-reverse !important;
            }

            a {
              padding: 0 !important;
            }
          }

          min-width: 100%;
          font-size: 20px;
          gap: 0;
          display: flex;
          flex-direction: column;
          box-shadow: none !important;
          padding-top: 8px;

          ul {
            font-weight: 300;
            border: none !important;
            border-radius: 0;

            li {
              text-decoration: dashed;
            }
          }

          .urble-header_menu__menu-item .urble-submenu {
            position: relative;
            display: flex;
            flex-direction: column;
            opacity: 1;
            margin-top: -80px;
            /* counter uls absolute top here */
            margin-bottom: 48px;
            width: 100% !important;
            margin-left: -16px;

            .urble-submenu-item {
              line-height: 42px;
              padding-left: 32px;
            }
          }
        }
      }
    }
  }

  .urble-footer {
    .urble-footer_content {
      border-radius: 0;
    }

    .urble-footer-figure-1 {
      display: none;
    }

    .urble-footer-figure-2 {
      display: none;
    }

    .urble-footer_content {
      width: 100%;
      min-width: 100%;
      margin: 0;
      padding-top: 32px;

      .urble-footer_content_navigation {
        display: flex;
        flex-direction: column;
        justify-content: start;
        padding: 32px;

        .urble-footer_content_navigation_start {
          display: flex;
          flex-direction: column;
          gap: 32px;
        }

        .urble-footer_content_navigation_end {
          display: flex;
          flex-direction: column;
          gap: 32px;
        }

        .urble-footer_content_about {
          display: flex;
          flex-direction: column;
          align-items: start;
          padding-top: 0;
          gap: 32px;

          .urble-footer_menu ul {
            display: flex;
            flex-direction: column;
            gap: 8px;
          }
        }
      }
    }
  }
}

/* MOBILE ONL|Y */
@media (max-width: 600px) {
  /* MAKE MEMORIES */
  .urble-section-ua-9,
  .urble-section-uk-5 {
    .urble-circle-3 {
      display: none;
    }

    .urble-circle-4 {
      display: none;
    }

    .urble-circle-5 {
      display: none;
    }

    .urble-section-content-text {
      padding: 0 16px;
    }
  }
}


.urble-dialog {
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: fit-content;
    max-height: 85vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 720px;
    max-width: calc(100% - 64px);
    padding: 32px;
    background: var(--_Prim-Color-light-000-White);
    box-shadow: var(--urble-box-shadow-light);
    color: var(--_Prim-Color-dark-100-Brand);
    font-size: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;

    &.urble-dialog-confirm {
        width: fit-content;
        display: flex;
        flex-direction: column;
        gap: 32px;

        button {
            margin-inline-start: auto;
            cursor: pointer;
            background: var(--urble-linear-gradient);
        }
    }

    .urble-dialog-header {
        display: flex;
        justify-content: space-between;
        font-size: 32px;

        h1 {
            font-family: Quicksand;
            font-size: 48px;
            line-height: 48px;
            padding-bottom: 16px;
        }

        .urble-close-dialog {
            cursor: pointer;
            height: fit-content;
        }
    }

    .urble-dialog-message {
        font-size: 20px;
    }

    a {
        text-decoration: underline;
    }
}

.urble-dialog-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 8888;
    min-height: 100%;
    min-width: 100%;
    backdrop-filter: brightness(0.5);
    filter: blur(10px);
}

.urble-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    gap: 16px;
}

.urble-dialog-section {
    flex-direction: column;
    display: flex;
    gap: 16px;
    margin-top: 16px;

    & .urble-dialog-section-header {
        display: flex;
        gap: 8px;
        align-items: center;

        input[type="checkbox"] {
            width: 16px;
            height: 16px;
        }
    }
}

.urble-hidden {
    display: none;
}

.urble-dialog-content {
    overflow: scroll;
    font-size: 16px;
}
.urble-section-sai-1,
.urble-section-sai-2,
.urble-section-sai-3,
.urble-section-sai-4,
.urble-section-sai-5,
.urble-section-sai-6,
.urble-section-sai-6b,
.urble-section-sai-7,
.urble-section-sai-7b,
.urble-section-sai-8 {
    display: flex;
    flex-direction: column;

    .urble-section-blocks {
        position: relative;
        margin: auto;
        width: 1080px;
        display: flex;
        max-width: 100%;
    }
}

.urble-section-sai-1 {
    margin-bottom: 96px;
    position: relative;

    .urble-section-blocks {
        flex-direction: column;
    }

    .urble-section-block-1,
    .urble-section-block-2 {
        display: flex;
        flex-direction: row;
        gap: 32px;
        margin: auto;

        .urble-section_image {
            margin-top: -164px;
            margin-inline-start: 80px;
            height: 810px;
            border-bottom-left-radius: 256px;
            border-bottom-right-radius: 256px;
        }

        .urble-section-content {
            display: flex;
            flex-direction: column;
            gap: 32px;
            width: 465px;
            padding-top: 64px;
        }
    }

    .urble-section-block-1 {
        justify-content: end;
    }

    .urble-section-block-2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;

        .urble-section-content {
            padding-inline-start: 96px;
        }
    }
}

.urble-section-sai-2 {
    padding-bottom: 64px;
    padding-top: 64px;

    .urble-section-blocks {
        width: 1583px;
        max-width: 100%;
        flex-direction: column;
        gap: 32px;
    }

    .urble-section-block-1 {
        h1 {
            width: 857px;
            max-width: 100%;
            margin: auto;
            text-align: center;
        }
    }

    .urble-section-block-2 {
        display: flex;
        flex-direction: row;
        gap: 32px;
        justify-content: space-between;
    }

    .urble-card {
        position: relative;
        overflow: hidden;
        height: 612px;
        padding: 0;

        .urble-card-content {
            height: 100%;
            margin: 42px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            gap: 16px;
            font-weight: 700;

            .urble-card-title {
                z-index: 1;
                font-size: 24px;
                line-height: 24px;
            }

            .urble-card-text {
                z-index: 1;
                color: var(--_Prim-Color-light-000-White);
            }

            .urble-link_button {
                z-index: 1;
            }

            .urble-link_button__transparent {
                background: transparent;
                border: none;
                color: var(--_Prim-Color-light-000-White);
            }
        }

        img {
            position: absolute;
        }
    }
}

.urble-section-sai-3 {
    position: relative;
    z-index: 2;
    background: var(--_Prim-Color-green-50);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 32px;
    padding-top: 64px;
    padding-bottom: 64px;

    .urble-section-blocks {
        flex-direction: column;
        gap: 64px;
    }

    .urble-section-block-1 {
        display: flex;
        flex-direction: row;
        gap: 32px;
        justify-content: space-between;

        .urble-section-content {
            display: flex;
            flex-direction: column;
            gap: 32px;

            h1 {
                color: var(--_Prim-Color-dark-100-Brand);
                max-width: 594px;
            }
        }
    }

    .urble-section-block-2 {
        display: flex;
        flex-direction: row;
        gap: 64px;
        justify-content: space-between;
        flex-wrap: wrap;

        ol {
            color: var(--_Prim-Color-dark-100-Brand);
            font-size: 16px;
            line-height: 22.4px;
            max-width: 502px;
            display: flex;
            flex-direction: column;
            gap: 32px;
            counter-reset: list-counter;
            list-style: none;
            padding: 0;

            &:nth-child(2) {
                counter-reset: list-counter 5;
                justify-content: end;
            }

            li {
                counter-increment: list-counter;
                margin-bottom: 10px;
                position: relative;
                padding-left: 82px;
                /* number width + padding*/
            }

            li::before {
                content: counter(list-counter) ". ";
                position: absolute;
                left: 0;
                line-height: 48px;
                font-size: 48px;
                font-weight: 700;
                color: var(--_Prim-Color-dark-100-Brand);
            }
        }
    }
}


.urble-section-sai-4 {
    .urble-section-blocks {
        width: 1080px;
        max-width: 100%;
        padding-top: 64px;
        padding-bottom: 64px;
        position: relative;

        .urble-section-content {
            display: flex;
            flex-direction: column;
            position: relative;
            gap: 0;

            .urble-pre {
                font-weight: 300;
                font-size: 20px;
                line-height: 28px;
            }

            h1 {
                width: 960px;
                margin-bottom: 32px;
            }

            .urble-section-content-text {
                width: 529px;
                color: var(--_Prim-Color-dark-100-Brand);
            }
        }

        .urble-figure {
            bottom: 32px;
            left: 1122px;
            z-index: -1;
            rotate: -90deg;
            height: 462px;
        }
    }
}

.urble-section-sai-5 {
    .urble-section-blocks {
        width: 1376px;
        max-width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px;
        padding: 64px 0;
        justify-content: center;

        .urble-card {
            width: 256px;
            min-height: 448px;
            border: 2px solid var(--_Prim-Color-light-200);
            padding: 24px;
            box-shadow: var(--urble-box-shadow-light);
            gap: 10px;
            position: relative;

            .urble-coming-soon {
                position: absolute;
                top: 32px;
                right: 32px;
                background: var(--urble-color-surface-affirmative-default);
                border-radius: 16px;
                padding: 4px 16px;
                color: var(--_Prim-Color-light-000-White);                
            }
            
            h2 {
                font-size: 16px;
                font-weight: 700;
                line-height: 22.4px;
            }

            .material-symbols-outlined {
                font-weight: 700;
                font-size: 36px;
                line-height: 50px;
            }

            img {
                width: 24px;
                height: 40px;
            }

            .urble-card-text {
                line-height: 22.4px;
            }
        }
    }
}

.urble-section-sai-6 {
    .urble-section-blocks {
        max-width: 1072px;
        width: 100%;
        margin-top: 64px;
        margin-bottom: 96px;
        flex-wrap: wrap;
        justify-content: space-between;

        .urble-section-content {
            display: flex;
            flex-direction: column;
            max-width: 429px;

            h2 {
                font-size: 48px;
                line-height: 48px;
                font-weight: 700;
            }

            .urble-section-content-text {
                max-width: 296px;
                font-weight: 400;
                color: var(--_Prim-Color-dark-100-Brand);
            }
        }
    }
}

.urble-section-sai-6b {
    height: 580px;
    position: relative;

    .urble-section-background {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -5;
    }

    .urble-figure {
        position: absolute;
        top: 64px;
        left: -300px;
    }

    .urble-section-blocks {
        width: 692px;
        max-width: 100%;
    }

    h1 {
        color: var(--_Prim-Color-light-000-White);
        text-align: center;
    }

    .urble-circle-4,
    .urble-circle-5,
    .urble-circle-6 {
        position: absolute;
        background: var(--urble-linear-gradient);
        border-radius: 600px;
    }

    .urble-circle-4 {
        width: 114px;
        height: 114px;
        bottom: -57px;
        right: 200px;
    }

    .urble-circle-5 {
        width: 49px;
        height: 49px;
        right: 225px;
        bottom: 118px;
    }

    .urble-circle-6 {        
        width: 66px;
        height: 66px;
        bottom: 78px;
        right: 104px;
    }
}

.urble-section-sai-7 {
    z-index: 2;
    padding: 64px 0;

    .urble-section-blocks {
        width: 1080px;
        max-width: 100%;
        flex-direction: column;
        gap: 32px;       

        .urble-card {
            background: var(--urble-color-surface-affirmative-low-emphasis);
            height: 400px;
            width: 344px;
            gap: 16px;
            align-items: center;
            justify-content: space-between;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;

            h2 {
                font-weight: 700;
                font-size: 30px;
                line-height: 30px;
                color: var(--_Prim-Color-dark-100-Brand);
                text-align: center;
            }

            .urble-card-text {
                font-weight: 700;
                font-size: 16px;
                line-height: 22.4px;
                color: var(--_Prim-Color-dark-100-Brand);
            }

            img {
            }

            .urble-go {
                height: 38px;
                width: 38px;
            }
        }

        .urble-link_button {
            margin: auto;
        }

        .urble-section-block-1 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;

            .urble-card:hover {
                transform: scale(1.05);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            }

        }
    }
}

.urble-section-sai-7b {
    position: relative;
    z-index: 2;    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 32px;
    padding-top: 64px;
    padding-bottom: 128px;
    margin: auto;

    .urble-section-blocks {
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 1080px;
        max-width: 100%;
        gap: 30px;
    }

    .urble-section-block-1,
    .urble-section-block-2 {
        display: flex;
        flex-direction: row;
        gap: 30px;
        flex-wrap: wrap;
    }

    .urble-section-block-1 {
        max-width: 401px;

        .urble-section-content {
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            
            .urble-section-content-text {
                color: var(--_Prim-Color-dark-100-Brand);
            }
        }
    }

    .urble-section-block-2 {
        img {
            width: 362px;
        }
    }

    .urble-mobile {
        position: absolute;
        right: 285px;
        top: 64px;
        min-width: 241px;
        overflow: hidden;

        img {
            position: absolute;
        }

        .urble-mobile-header {
            z-index: 2;
        }

        .urble-mobile-footer {
            z-index: 2;
            bottom: 0;
            left: -24px;
        }
    }
}



.urble-section-sai-8 {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding-top: 64px;
    padding-bottom: 64px;
    margin: auto;

    .urble-section-blocks {
        display: flex;
        justify-content: center;        
        gap: 32px;
        flex-wrap: wrap;

        img {
            position: absolute;
            left: 160px;
        }

        .urble-section-block-1 {
            .urble-card {
                background: var(--_Prim-Color-light-100);
                width: 307px;
            }
        }

        .urble-section-block-2 {
            .urble-card {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 528px;

                background: var(--urble-linear-gradient);
                color: var(--_Prim-Color-light-000-White);
                gap: 24px;
                padding: 48px;

                h2 {
                    color: var(--_Prim-Color-light-000-White);
                    font-size: 48px;
                    font-weight: 700;
                }

                .urble-card-text {
                    color: var(--_Prim-Color-light-000-White);
                }

                .urble-link_button {
                    background: var(--_Prim-Color-light-000-White);
                    color: var(--_Prim-Color-dark-100-Brand)
                }
            }
        }
    }
}