/*#region Colors*/
/* grayscale colors */
/* violet colors */
/* orange colors */
/* blue colors */
/* yellow colors */
/* green colors */
/*#endregion*/
/*#region Sizes*/
/*#endregion*/
/*#region Breakpoints*/
/*#endregion*/
/*#region Animation*/
/*#endregion*/
/*#region Mixins*/
/*#endregion*/
/*#region Colors*/
/* grayscale colors */
/* violet colors */
/* orange colors */
/* blue colors */
/* yellow colors */
/* green colors */
/*#endregion*/
/*#region Sizes*/
/*#endregion*/
/*#region Breakpoints*/
/*#endregion*/
/*#region Animation*/
/*#endregion*/
/*#region Mixins*/
/*#endregion*/
/* Carousel Component Styles */
.carousel-container {
  width: 100%;
  margin: 0 auto 30px;
}
@media (min-width: 768px) {
  .carousel-container {
    position: relative;
  }
  .carousel-container.items-4 .carousel-item {
    padding: 0 12px;
  }
}
.carousel-container .row {
  position: relative;
  margin: 0;
  width: 100%;
}
.carousel-container .carousel-wrapper {
  position: relative;
  overflow-x: clip;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100vw;
  padding: 0 30px;
  margin-left: calc(-1 * (100vw - 100%) / 2);
}
@media (min-width: 768px) {
  .carousel-container .carousel-wrapper {
    position: unset;
    padding: 15px calc((100vw - 100%) / 2 + 50px) 0;
  }
}
@media (min-width: 1520px) {
  .carousel-container .carousel-wrapper {
    padding: 15px calc((100vw - 20px - 100%) / 2 - 15px) 0;
  }
}
.carousel-container .carousel-wrapper .carousel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (min-width: 992px) {
  .carousel-container.exact-width .carousel-wrapper {
    padding: 15px calc((100vw - 100% - 32px) / 2) 0;
  }
}

.carousel-item {
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: opacity, -webkit-filter, -webkit-transform !important;
  transition-property: opacity, -webkit-filter, -webkit-transform !important;
  transition-property: filter, transform, opacity !important;
  transition-property: filter, transform, opacity, -webkit-filter, -webkit-transform !important;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.carousel-item > * {
  width: 100%;
}
@media (min-width: 768px) {
  .carousel-item {
    padding: 0 16px;
  }
}
.carousel-item.in-view {
  opacity: 1;
  pointer-events: all;
  z-index: 1;
}
.carousel-item.in-view.levitate-on-hover {
  -webkit-filter: drop-shadow(0 0 36px rgba(81, 76, 62, 0.2));
          filter: drop-shadow(0 0 36px rgba(81, 76, 62, 0.2));
}
@media (min-width: 992px) {
  .carousel-item.in-view.levitate-on-hover {
    -webkit-filter: none;
            filter: none;
  }
}
.carousel-item.on-edge {
  opacity: 1;
}
@media (min-width: 992px) {
  .carousel-item.on-edge {
    opacity: 0;
  }
}

/* Navigation Controls */
.carousel-nav-container.hide-arrows-mobile {
  display: none;
}
@media (min-width: 768px) {
  .carousel-nav-container.hide-arrows-mobile {
    display: block;
  }
}
.carousel-nav-container.hide-arrows-tablet {
  display: none;
}
@media (min-width: 992px) {
  .carousel-nav-container.hide-arrows-tablet {
    display: block;
  }
}

.carousel-container .carousel-nav-container.hidden {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 992px) {
  .carousel-container .carousel-nav-container .carousel-nav.carousel-prev {
    left: 0;
  }
}
@media (min-width: 992px) {
  .carousel-container .carousel-nav-container .carousel-nav.carousel-next {
    right: 0;
  }
}
@media (min-width: 992px) {
  .carousel-container:not(.exact-width) .carousel-nav-container .carousel-nav {
    bottom: unset;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (min-width: 1520px) {
  .carousel-container:not(.exact-width) .carousel-nav-container .carousel-nav.carousel-prev {
    left: -80px;
  }
}
@media (min-width: 1520px) {
  .carousel-container:not(.exact-width) .carousel-nav-container .carousel-nav.carousel-next {
    right: -80px;
  }
}
@media (min-width: 992px) {
  .carousel-container:not(.exact-width) .carousel-indicators {
    margin-top: 30px;
  }
}

.carousel-nav {
  position: absolute;
  z-index: 5;
  top: 20%;
}
@media (min-width: 768px) {
  .carousel-nav {
    top: unset;
    bottom: 4px;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
  }
}
.carousel-nav.carousel-prev {
  left: 28px;
}
@media (min-width: 768px) {
  .carousel-nav.carousel-prev {
    left: -15px;
  }
}
.carousel-nav.carousel-next {
  right: 28px;
}
@media (min-width: 768px) {
  .carousel-nav.carousel-next {
    right: -15px;
  }
}

/* Indicators */
.carousel-indicators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  gap: 6px;
}
@media (min-width: 768px) {
  .carousel-indicators {
    margin-top: 50px;
  }
}
.carousel-indicators .carousel-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #DEDDD4;
  border: none;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.carousel-indicators .carousel-indicator.active {
  background-color: #29033E;
}
.carousel-indicators .carousel-indicator:hover {
  background-color: #BAB7AA;
}

/*#region FONTS*/
@font-face {
  font-family: poppins;
  src: url(/fonts/Poppins-Regular.ttf);
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: poppins;
  src: url(/fonts/Poppins-Italic.ttf);
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: poppins;
  src: url(/fonts/Poppins-Medium.ttf);
  font-weight: 500;
  font-display: block;
}
@font-face {
  font-family: poppins;
  src: url(/fonts/Poppins-SemiBold.ttf);
  font-weight: 600;
  font-display: block;
}
@font-face {
  font-family: poppins;
  src: url(/fonts/Poppins-Black.ttf);
  font-weight: 900;
  font-display: block;
}
/*#endregion*/
/*#region ICONS*/
/*#endregion*/
/*#region LAYOUT*/
body {
  margin: 0;
}
body > .page {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body > .page main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body > .page main article {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  position: relative;
}
body > .page main article.revealed {
  opacity: 1 !important;
  pointer-events: all !important;
}
body > .page main article section:last-of-type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

section {
  position: relative;
  overflow-x: clip;
}
section.transparent-menu-top {
  padding-top: 64px;
  margin-top: -64px;
}
@media (min-width: 768px) {
  section.transparent-menu-top {
    padding-top: 80px;
    margin-top: -80px;
  }
}
@media (min-width: 992px) {
  section.transparent-menu-top {
    padding-top: 104px;
    margin-top: -104px;
  }
}

.full-page {
  height: calc(100vh - 64px);
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  width: 100%;
}
@media (min-width: 768px) {
  .full-page {
    height: calc(100vh - 80px);
  }
}
@media (min-width: 992px) {
  .full-page {
    height: calc(100vh - 104px);
  }
}

.main-menu-container {
  z-index: 10;
  position: relative;
  background-color: #F6F5EF;
}
.main-menu-container.menu-mobile {
  display: block;
}
@media (min-width: 992px) {
  .main-menu-container.menu-mobile {
    display: none;
  }
}
.main-menu-container.menu-mobile:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 500px;
  pointer-events: none;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F5EF), to(transparent));
  background: linear-gradient(180deg, #F6F5EF, transparent);
}
.main-menu-container.menu-mobile.Dark:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#29033E), to(transparent));
  background: linear-gradient(180deg, #29033E, transparent);
}
.main-menu-container.menu-mobile.search-open:after {
  opacity: 1;
  pointer-events: all;
}
.main-menu-container.menu-mobile .top-row {
  height: 64px;
  padding: 0 22px;
  z-index: 1;
}
@media (min-width: 768px) {
  .main-menu-container.menu-mobile .top-row {
    height: 80px;
    padding: 0 36px;
  }
}
.main-menu-container.menu-mobile .top-row .top-row-content {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.main-menu-container.menu-mobile .full-page-menu {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 22px;
  width: 100%;
  overflow: auto;
  background-color: #F6F5EF;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  -webkit-transform: translateY(calc(-100% - 64px));
      -ms-transform: translateY(calc(-100% - 64px));
          transform: translateY(calc(-100% - 64px));
  z-index: 0;
}
@media (min-width: 768px) {
  .main-menu-container.menu-mobile .full-page-menu {
    -webkit-transform: translateY(calc(-100% - 80px));
        -ms-transform: translateY(calc(-100% - 80px));
            transform: translateY(calc(-100% - 80px));
    padding: 40px 36px;
  }
}
.main-menu-container.menu-mobile.menu-open .full-page-menu {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  pointer-events: all;
}
.main-menu-container.menu-mobile .search-input {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.main-menu-container.menu-mobile .search-input.open {
  opacity: 1;
  pointer-events: all;
}
.main-menu-container.menu-mobile .search-input.open ~ .top-row-content {
  opacity: 0;
  pointer-events: none;
}
.main-menu-container.menu-mobile .btn.Circle {
  width: auto;
  height: auto;
}
.main-menu-container.menu-mobile .btn.Circle:not(.cart) {
  background-color: transparent;
}
.main-menu-container.menu-mobile .btn.Circle i {
  font-size: 16px;
}
@media (min-width: 768px) {
  .main-menu-container.menu-mobile .btn.Circle i {
    font-size: 20px;
  }
}
.main-menu-container.menu-mobile .btn.Circle.cart {
  width: 36px;
  height: 36px;
  margin: 0 -6px;
}
@media (min-width: 768px) {
  .main-menu-container.menu-mobile .btn.Circle.cart {
    width: 40px;
    height: 40px;
  }
}
.main-menu-container.menu-mobile .btn.Circle.cart i {
  font-size: 18px;
}
@media (min-width: 768px) {
  .main-menu-container.menu-mobile .btn.Circle.cart i {
    font-size: 22px;
  }
}
.main-menu-container.menu-mobile.Dark .search-input .input-body {
  background-color: #3e1b50;
}
.main-menu-container.menu-desktop {
  display: none;
  height: 104px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 992px) {
  .main-menu-container.menu-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .main-menu-container.menu-desktop {
    padding: 0 40px;
  }
}
@media (min-width: 1400px) {
  .main-menu-container.menu-desktop {
    padding: 0 60px;
  }
}
.main-menu-container.menu-desktop .search-input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
  border-radius: 26px;
  -webkit-transition: none;
  transition: none;
}
.main-menu-container.menu-desktop .search-input.open {
  opacity: 1;
  pointer-events: all;
  width: 245px;
  -webkit-transition-property: width opacity;
  transition-property: width opacity;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.main-menu-container.menu-desktop .search-input .ri-search-line {
  display: none;
}
@media (min-width: 992px) {
  .main-menu-container.menu-desktop .search-input input {
    padding-left: 60px;
  }
}
@media (min-width: 1200px) {
  .main-menu-container.menu-desktop .search-input input {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .main-menu-container.menu-desktop .search-input {
    -webkit-transition-property: none;
    transition-property: none;
    position: relative;
    pointer-events: all;
    opacity: 1;
    width: 160px;
    max-width: 160px;
  }
  .main-menu-container.menu-desktop .search-input .ri-search-line {
    display: block;
  }
}
@media (min-width: 1400px) {
  .main-menu-container.menu-desktop .search-input {
    width: 232px;
    max-width: 232px;
  }
}
.main-menu-container.menu-desktop .account-button {
  width: 130px;
}
@media (min-width: 1200px) {
  .main-menu-container.menu-desktop .account-button {
    width: 140px;
  }
}
@media (min-width: 1400px) {
  .main-menu-container.menu-desktop .account-button {
    min-width: 160px;
    width: auto;
  }
}
.main-menu-container.menu-desktop .account-button span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.main-menu-container.menu-desktop .right-button {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
@media (min-width: 1200px) {
  .main-menu-container.menu-desktop .right-button {
    -webkit-transition: none;
    transition: none;
  }
}
.main-menu-container.menu-desktop .right-button.hidden {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .main-menu-container.menu-desktop .right-button.hidden {
    opacity: 1;
    pointer-events: all;
  }
}
.main-menu-container.menu-desktop .account-button-container {
  position: relative;
}
.main-menu-container.menu-desktop .account-button-container .account-dropdown {
  position: absolute;
  top: calc(100% + 16px);
  right: 0;
  width: 224px;
}
.main-menu-container.menu-desktop .account-button-container .account-dropdown .part {
  background-color: #FFFFFF;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.main-menu-container.menu-desktop .account-button-container .account-dropdown .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.main-menu-container.menu-desktop .account-button-container .account-dropdown .nav-link:hover, .main-menu-container.menu-desktop .account-button-container .account-dropdown .nav-link:focus {
  color: rgba(41, 3, 62, 0.6);
}
.main-menu-container.menu-desktop .account-button-container .account-dropdown .nav-link.btn {
  padding: 0;
  min-width: auto;
  min-height: auto;
}
.main-menu-container.menu-desktop .account-button-container .account-dropdown .nav-link.logout {
  color: #E45B28;
}
.main-menu-container.menu-desktop .account-button-container .account-dropdown .nav-link.logout:hover, .main-menu-container.menu-desktop .account-button-container .account-dropdown .nav-link.logout:focus {
  color: #FD7644;
}
.main-menu-container.menu-desktop .account-button-container .account-dropdown .nav-link i {
  font-size: 18px;
}
.main-menu-container.menu-desktop .dog-head-circle {
  width: 20px;
  height: 20px;
  background-image: url(/images/dog-silouethes/doghead-1.svg);
  background-size: 80%;
  background-position: 1px 2px;
  background-repeat: no-repeat;
  border-radius: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main-menu-container .logo {
  mask-image: url(/images/psichologie-logo-white.svg);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/images/psichologie-logo-white.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  background-color: #29033E;
  width: 118px;
  height: 28px;
}
@media (min-width: 768px) {
  .main-menu-container .logo {
    width: 152px;
    height: 36px;
  }
}
.main-menu-container .nav-item {
  font-size: 15px;
  text-decoration: none;
  position: relative;
}
.main-menu-container .nav-item::after {
  content: "";
  mask-image: url(/images/nav-item-underline.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url(/images/nav-item-underline.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: #29033E;
  position: absolute;
  bottom: 0;
  left: -5px;
  width: calc(100% + 10px);
  height: 4px;
  opacity: 0;
  -webkit-transition: opacity 100ms;
  transition: opacity 100ms;
}
.main-menu-container .nav-item:hover::after, .main-menu-container .nav-item:focus::after, .main-menu-container .nav-item.active::after {
  opacity: 1;
}
.main-menu-container .nav-item.active {
  pointer-events: none;
}
.main-menu-container.Transparent {
  background-color: transparent;
}
.main-menu-container.Dark {
  background-color: #29033E;
}
.main-menu-container.Dark .full-page-menu {
  background-color: #29033E;
}
.main-menu-container.Dark .logo,
.main-menu-container.Dark .nav-item::after {
  background-color: #F6F5EF;
}
.main-menu-container.Dark .nav-item {
  color: #F6F5EF;
}
.main-menu-container.Dark .search-input .input-body {
  outline-color: rgba(246, 245, 239, 0.3019607843);
}
.main-menu-container.Dark .search-input .input-body i {
  color: #F6F5EF;
}
.main-menu-container.Dark .search-input .input-body input {
  color: #F6F5EF;
}
.main-menu-container.Dark .search-input .input-body input::-webkit-input-placeholder {
  color: #F6F5EF;
}
.main-menu-container.Dark .search-input .input-body input::-moz-placeholder {
  color: #F6F5EF;
}
.main-menu-container.Dark .search-input .input-body input:-ms-input-placeholder {
  color: #F6F5EF;
}
.main-menu-container.Dark .search-input .input-body input::-ms-input-placeholder {
  color: #F6F5EF;
}
.main-menu-container.Dark .search-input .input-body input::placeholder {
  color: #F6F5EF;
}
.main-menu-container .orange-dot {
  width: 18px;
  height: 18px;
  position: absolute;
  top: -4px;
  right: -4px;
  background-color: #FD7644;
  border-radius: 50%;
  color: #F6F5EF;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.left-menu-button {
  padding: 16px 24px;
  border-radius: 36px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}
.left-menu-button:hover, .left-menu-button.active {
  background-color: var(--hover-bg);
  cursor: pointer !important;
}
.left-menu-button * {
  pointer-events: none;
}

footer {
  z-index: 1;
  position: relative;
}
footer .top-zone {
  width: 100%;
}
@media (min-width: 768px) {
  footer .top-zone {
    width: 55%;
  }
}
@media (min-width: 992px) {
  footer .top-zone {
    width: 70%;
  }
}
footer .left-main-flex {
  gap: 20px;
}
@media (min-width: 768px) {
  footer .left-main-flex {
    gap: 130px;
  }
}
@media (min-width: 992px) {
  footer .left-main-flex {
    gap: 200px;
  }
}
footer .dog-stretching {
  width: 66%;
}
@media (min-width: 768px) {
  footer .dog-stretching {
    width: 310px;
    right: 0;
    bottom: calc(100% + 30px);
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media (min-width: 1200px) {
  footer .dog-stretching {
    width: 380px;
  }
}
@media (min-width: 1400px) {
  footer .dog-stretching {
    width: 420px;
    bottom: calc(100% + 40px);
  }
}
footer .psichologie-logo {
  width: 185px;
}
@media (min-width: 768px) {
  footer .psichologie-logo {
    width: 260px;
  }
}
footer .social-icons img {
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  footer .social-icons img {
    width: 48px;
    height: 48px;
  }
}
footer .menu-container.closed {
  display: none;
}
@media (min-width: 768px) {
  footer .menu-container.closed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
footer .menu-container a {
  text-decoration: none;
}
footer .menu-toggler {
  cursor: pointer;
}
@media (min-width: 768px) {
  footer .menu-toggler {
    cursor: default;
    pointer-events: none;
  }
}
footer .dog-container img {
  width: 136px;
}
@media (min-width: 992px) {
  footer .dog-container img {
    width: 155px;
  }
}

/*#endregion*/
/*#region TEXT ELEMENTS*/
html, .modal-content {
  font-family: poppins;
  color: #29033E;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  text-transform: uppercase;
  z-index: 0;
}

h1,
.fs-h1 {
  font-size: 40px !important;
  line-height: 42px !important;
  font-weight: 900;
}
@media (min-width: 768px) {
  h1,
  .fs-h1 {
    font-size: 60px !important;
    line-height: 64px !important;
  }
}
@media (min-width: 992px) {
  h1,
  .fs-h1 {
    font-size: 50px !important;
    line-height: 54px !important;
  }
}
@media (min-width: 1200px) {
  h1,
  .fs-h1 {
    font-size: 60px !important;
    line-height: 64px !important;
  }
}

h2,
.fs-h2 {
  font-size: 28px !important;
  line-height: 30px !important;
  font-weight: 900;
}
@media (min-width: 768px) {
  h2,
  .fs-h2 {
    font-size: 44px !important;
    line-height: 46px !important;
  }
}
@media (min-width: 992px) {
  h2,
  .fs-h2 {
    font-size: 38px !important;
    line-height: 40px !important;
  }
}
@media (min-width: 1200px) {
  h2,
  .fs-h2 {
    font-size: 44px !important;
    line-height: 46px !important;
  }
}

h3,
.fs-h3 {
  font-size: 20px !important;
  line-height: 22px !important;
  font-weight: 900;
}
@media (min-width: 768px) {
  h3,
  .fs-h3 {
    font-size: 32px !important;
    line-height: 34px !important;
  }
}
@media (min-width: 992px) {
  h3,
  .fs-h3 {
    font-size: 30px !important;
    line-height: 32px !important;
  }
}
@media (min-width: 1200px) {
  h3,
  .fs-h3 {
    font-size: 32px !important;
    line-height: 34px !important;
  }
}

h4,
.fs-h4 {
  font-size: 18px !important;
  line-height: 20px !important;
  font-weight: 600;
}
@media (min-width: 768px) {
  h4,
  .fs-h4 {
    font-size: 24px !important;
    line-height: 26px !important;
  }
}
@media (min-width: 992px) {
  h4,
  .fs-h4 {
    font-size: 20px !important;
    line-height: 22px !important;
  }
}
@media (min-width: 1200px) {
  h4,
  .fs-h4 {
    font-size: 24px !important;
    line-height: 26px !important;
  }
}

h5,
.fs-h5 {
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: 600;
}
@media (min-width: 768px) {
  h5,
  .fs-h5 {
    font-size: 20px !important;
    line-height: 23px !important;
  }
}

h6,
.fs-h6 {
  font-size: 14px !important;
  font-weight: 600;
}
@media (min-width: 768px) {
  h6,
  .fs-h6 {
    font-size: 18px !important;
  }
}

ul li,
ol li {
  margin-top: 10px;
  margin-bottom: 10px;
}
ul li:first-child,
ol li:first-child {
  margin-top: 0;
}
ul li:last-child,
ol li:last-child {
  margin-bottom: 0;
}

a {
  color: #29033E;
}

p {
  font-size: 16px;
  margin: 10px 0;
  font-weight: 400;
}
p.medium {
  font-size: 14px;
}
@media (min-width: 768px) {
  p {
    font-size: 18px;
    font-weight: 400;
  }
  p.medium {
    font-size: 15px;
  }
}

small,
.fs-tiny {
  font-size: 11px;
  font-weight: 400;
  display: inline-block;
}
@media (min-width: 768px) {
  small,
  .fs-tiny {
    font-size: 12px;
  }
}

label {
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
label.small {
  font-size: 12px;
}
@media (min-width: 768px) {
  label {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
  }
  label.small {
    font-size: 14px;
  }
}

.display-number {
  font-size: 28px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .display-number {
    font-size: 40px;
  }
}

/*#endregion*/
/*#region BUTTONS */
button {
  border: none;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
}

.btn {
  position: relative;
  border: none;
  text-decoration: none;
  background-color: transparent;
  -webkit-transition: color, background-color, border-color;
  transition: color, background-color, border-color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  display: inline-block;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: normal;
  padding: 20px;
  border-radius: 30px;
  min-height: 64px;
  font-family: poppins;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}
.btn .icon {
  -webkit-transition: rotate;
  transition: rotate;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.btn .icon i {
  -webkit-transition: color, background-color, border-color;
  transition: color, background-color, border-color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.btn.btn-min-width {
  min-width: 256px;
}
.btn:disabled {
  pointer-events: none;
}
.btn .btn-content {
  white-space: nowrap;
}
.btn .btn-content .content {
  padding: 0 17px;
}
.btn:hover .icon.ArrowTopRight {
  rotate: 45deg;
}
.btn.Link, .btn.LinkDark {
  padding: 8px 0;
  min-width: unset;
  min-height: unset;
  border-radius: 0;
  border-bottom: 2px solid;
  white-space: nowrap;
}
.btn.Link .btn-content, .btn.LinkDark .btn-content {
  padding-right: 0;
}
.btn.Link .btn-content .content, .btn.LinkDark .btn-content .content {
  padding: 0;
}
.btn.Primary {
  color: #29033E;
  background-color: #FFFFFF;
}
.btn.Primary:hover {
  background-color: #F6F5EF;
}
.btn.Primary:focus {
  background-color: #E6E4D7;
}
.btn.Primary:disabled {
  color: rgba(41, 3, 62, 0.3);
  background-color: rgba(255, 255, 255, 0.15);
}
.btn.Primary.InCircle .icon i {
  color: #FFFFFF;
  background-color: #29033E;
}
.btn.Primary.InCircle:hover .icon i {
  color: #F6F5EF;
}
.btn.Primary.InCircle:focus .icon i {
  color: #E6E4D7;
}
.btn.Primary.InCircle:disabled .icon i {
  color: rgba(41, 3, 62, 0.3);
  background-color: #AA88ED;
}
.btn.PrimaryDark {
  color: #F6F5EF;
  background-color: #29033E;
}
.btn.PrimaryDark:hover {
  background-color: #411C56;
}
.btn.PrimaryDark:focus {
  background-color: #59336E;
}
.btn.PrimaryDark:disabled {
  color: rgba(41, 3, 62, 0.3);
  background-color: rgba(41, 3, 62, 0.0705882353);
}
.btn.PrimaryDark.InCircle .icon i {
  color: #29033E;
  background-color: #F6F5EF;
}
.btn.PrimaryDark.InCircle:hover .icon i {
  color: #411C56;
}
.btn.PrimaryDark.InCircle:focus .icon i {
  color: #59336E;
}
.btn.PrimaryDark.InCircle:disabled .icon i {
  color: rgba(41, 3, 62, 0.3);
  background-color: #E3D5FF;
}
.btn.PrimaryOrange {
  color: #F6F5EF;
  background-color: #FD7644;
}
.btn.PrimaryOrange:hover {
  background-color: #E45B28;
}
.btn.PrimaryOrange:focus {
  background-color: #CA4919;
}
.btn.PrimaryOrange:disabled {
  color: #B8B6A9;
  background-color: #E6E4D7;
}
.btn.PrimaryOrange.InCircle .icon i {
  color: #FD7644;
  background-color: #F6F5EF;
}
.btn.PrimaryOrange.InCircle:hover .icon i {
  color: #E45B28;
}
.btn.PrimaryOrange.InCircle:focus .icon i {
  color: #CA4919;
}
.btn.PrimaryOrange.InCircle:disabled .icon i {
  color: #B8B6A9;
  background-color: #F6F5EF;
}
.btn.Secondary {
  color: #29033E;
  background-color: rgba(41, 3, 62, 0.0705882353);
}
.btn.Secondary:hover {
  background-color: rgba(41, 3, 62, 0.1490196078);
}
.btn.Secondary:focus {
  background-color: rgba(41, 3, 62, 0.2509803922);
}
.btn.Secondary:disabled {
  color: rgba(41, 3, 62, 0.3019607843);
  background-color: rgba(41, 3, 62, 0.0705882353);
}
.btn.SecondaryDark {
  color: #F6F5EF;
  background-color: rgba(246, 245, 239, 0.1019607843);
}
.btn.SecondaryDark:hover {
  background-color: rgba(246, 245, 239, 0.1490196078);
}
.btn.SecondaryDark:focus {
  background-color: rgba(246, 245, 239, 0.3019607843);
}
.btn.SecondaryDark:disabled {
  color: rgba(246, 245, 239, 0.3019607843);
  background-color: rgba(246, 245, 239, 0.1019607843);
}
.btn.SecondaryGrey {
  color: #29033E;
  background-color: #E6E4D7;
}
.btn.SecondaryGrey:hover {
  background-color: #DEDBC9;
}
.btn.SecondaryGrey:focus {
  background-color: #CECBB8;
}
.btn.SecondaryGrey:disabled {
  color: rgba(150, 147, 128, 0.5019607843);
  background-color: #E6E4D7;
}
.btn.Link {
  color: #29033E;
}
.btn.Link:hover {
  color: rgba(41, 3, 62, 0.6);
}
.btn.Link:focus {
  color: #29033E;
}
.btn.Link:disabled {
  color: rgba(41, 3, 62, 0.3019607843);
}
.btn.LinkDark {
  color: #FFFFFF;
}
.btn.LinkDark:hover {
  color: rgba(255, 255, 255, 0.6);
}
.btn.LinkDark:focus {
  color: #FFFFFF;
}
.btn.LinkDark:disabled {
  color: rgba(255, 255, 255, 0.3019607843);
}
.btn.Green {
  color: #F6F5EF;
  background-color: #5ABC8F;
}
.btn.Green:hover {
  background-color: #4ea37c;
}
.btn.Green:focus {
  background-color: #3d8262;
}
.btn.Green:disabled {
  color: #FFFFFF;
  background-color: #cae3d8;
}
.btn.InCircle .btn-content {
  padding-right: 44px;
}
.btn.InCircle .icon i {
  font-size: 20px;
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn.DoubleCentered .btn-content, .btn.Centered .btn-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.btn.DoubleCentered .icon i, .btn.Centered .icon i {
  font-size: 20px;
}
.btn.Centered .btn-content .content {
  padding: 0;
}
.btn.Medium {
  padding: 12px 24px;
  min-height: 48px;
}
.btn.Medium.Left .btn-content .content {
  padding: 0;
  padding-left: 5px;
}
.btn.Medium.InCircle .btn-content {
  padding-right: 34px;
}
.btn.Medium.InCircle .icon i {
  font-size: 16px;
  width: 34px;
  height: 34px;
  top: 6px;
  right: 6px;
}
.btn.Small {
  padding: 8px;
  min-height: 40px;
}
.btn.Small.InCircle .btn-content {
  padding-right: 30px;
}
.btn.Small.InCircle .icon i {
  font-size: 14px;
  width: 30px;
  height: 30px;
  top: 4px;
  right: 4px;
}
.btn.Circle, .btn.Rectangle {
  padding: 0;
  min-height: 0;
  min-width: 0;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn.Circle i, .btn.Rectangle i {
  font-size: 24px;
}
.btn.Circle.Primary:hover, .btn.Rectangle.Primary:hover {
  background-color: #29033E;
  color: #F6F5EF;
}
.btn.Circle.Primary:focus, .btn.Rectangle.Primary:focus {
  background-color: #531277;
  color: #F6F5EF;
}
.btn.Rectangle {
  border-radius: 8px;
  width: 32px;
  height: 32px;
}
.btn.transparent {
  background-color: transparent;
}
.btn.opaque, .btn.Circle.opaque {
  -webkit-box-shadow: 0 4px 36px 0 rgba(81, 76, 62, 0.2);
          box-shadow: 0 4px 36px 0 rgba(81, 76, 62, 0.2);
  background-color: hsla(0, 0%, 100%, 0.5);
  color: #29033E;
  backdrop-filter: blur(4px);
}
.btn.opaque:hover, .btn.Circle.opaque:hover {
  background-color: hsla(0, 0%, 100%, 0.8);
  color: #29033E;
}
.btn.opaque:focus, .btn.Circle.opaque:focus {
  background-color: hsla(0, 0%, 100%, 0.5);
  color: #29033E;
}
.btn.opaque:disabled, .btn.Circle.opaque:disabled {
  background-color: hsla(0, 0%, 100%, 0.2);
  color: #969380;
  backdrop-filter: blur(2px);
}

.hoverable-link {
  text-decoration: none;
  color: #29033E;
  font-weight: 500;
  -webkit-transition: color 300ms;
  transition: color 300ms;
  cursor: pointer;
}
.hoverable-link:hover, .hoverable-link:focus {
  color: rgba(41, 3, 62, 0.6);
}
.hoverable-link.dark {
  color: #F6F5EF;
}
.hoverable-link.dark:hover, .hoverable-link.dark:focus {
  color: rgba(255, 255, 255, 0.6);
}

/*#endregion*/
/*#region INPUTS */
.custom-input {
  width: 312px;
  position: relative;
  display: table;
}
.custom-input.outline .input-body {
  outline: 1px solid #DEDBC9;
}
.custom-input.filled .input-body {
  outline-color: #969380;
}
.custom-input.active .input-body {
  outline-color: #29033E;
}
.custom-input.error .input-body {
  outline-color: #FD7644;
}
.custom-input.error .input-body .left-content label {
  color: #E45B28;
}
.custom-input.disabled .input-body {
  background-color: rgba(230, 228, 215, 0.6980392157);
}
.custom-input.disabled .input-body .left-content label,
.custom-input.disabled .input-body .left-content input,
.custom-input.disabled .input-body .left-content select {
  color: #BAB7AA;
}
.custom-input.no-label .input-body {
  height: 48px;
}
.custom-input.no-label .input-body .left-content input,
.custom-input.no-label .input-body .left-content select {
  padding: 10.5px 32px;
}
.custom-input input,
.custom-input select,
.custom-input textarea {
  font-family: poppins;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  font-weight: 400;
  color: #29033E;
  background: none;
  border: none;
  outline: none;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.custom-input.TextArea .input-body {
  height: unset;
  min-height: 64px;
}
.custom-input .input-body {
  background-color: #FFFFFF;
  border-radius: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  height: 64px;
  -webkit-transition-property: outline-color, background-color;
  transition-property: outline-color, background-color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.custom-input .input-body .left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.custom-input .input-body .left-content label {
  position: absolute;
  left: 32px;
  top: 10.5px;
  font-size: 14px;
  font-weight: 500;
  color: #969380;
  text-transform: uppercase;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.custom-input .input-body .left-content input,
.custom-input .input-body .left-content select,
.custom-input .input-body .left-content textarea {
  padding: 31.5px 32px 10.5px;
}
.custom-input .input-body .left-content textarea {
  padding-top: 0;
  margin-top: 31.5px;
}
.custom-input .input-body .left-content .ri-arrow-down-s-line {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-right: 20px;
}
.custom-input .below-content {
  position: absolute;
  top: 100%;
  width: 100%;
}
.custom-input .below-content .validation-message {
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
  padding: 0 32px;
  color: #E45B28;
}
.custom-input.search-input .input-body {
  height: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
.custom-input.search-input .input-body i {
  font-size: 20px;
  color: #29033E;
}
.custom-input.search-input .input-body i.ri-search-line {
  padding: 0 8px 0 20px;
}
.custom-input.search-input .input-body i.ri-close-circle-line {
  padding: 0 20px 0 8px;
  cursor: pointer;
}
.custom-input.search-input .input-body input {
  padding: 0;
  width: 100%;
}
.custom-input.search-input .input-body input::-webkit-input-placeholder {
  color: #29033E;
}
.custom-input.search-input .input-body input::-moz-placeholder {
  color: #29033E;
}
.custom-input.search-input .input-body input:-ms-input-placeholder {
  color: #29033E;
}
.custom-input.search-input .input-body input::-ms-input-placeholder {
  color: #29033E;
}
.custom-input.search-input .input-body input::placeholder {
  color: #29033E;
}

.custom-checkbox {
  position: relative;
  display: table;
}
.custom-checkbox.small .checkbox-body .checkbox-container input[type=checkbox] {
  width: 12px;
  height: 12px;
}
.custom-checkbox.small .checkbox-body .checkbox-container input[type=checkbox]:checked:after {
  left: 2.5px;
  top: 0;
  width: 3px;
  height: 6px;
  border-width: 0px 1.5px 1.5px 0;
}
.custom-checkbox .checkbox-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.custom-checkbox .checkbox-body .checkbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.custom-checkbox .checkbox-body .checkbox-container input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #2F1657;
  border-radius: 1.5px;
  background-color: transparent;
  display: inline-block;
  position: relative;
  margin: 0;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.custom-checkbox .checkbox-body .checkbox-container input[type=checkbox]:checked {
  background-color: #2F1657;
}
.custom-checkbox .checkbox-body .checkbox-container input[type=checkbox]:checked:after {
  content: "";
  position: absolute;
  border: solid white;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 4.5px;
  top: 0;
  width: 4px;
  height: 10px;
  border-width: 0px 2px 2px 0;
}
.custom-checkbox .checkbox-body .checkbox-container input[type=checkbox]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px rgba(47, 22, 87, 0.3);
          box-shadow: 0 0 0 2px rgba(47, 22, 87, 0.3);
}
.custom-checkbox .checkbox-body .checkbox-container label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 8px;
  font-size: 15px;
  font-weight: 400;
  color: #2F1657;
  text-transform: none;
  margin: 0;
  cursor: pointer;
}
.custom-checkbox .below-content {
  position: absolute;
  top: 100%;
  width: 100%;
}
.custom-checkbox .below-content .validation-message {
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
  padding: 0 16px;
  color: #E45B28;
}
.custom-checkbox.error .checkbox-body {
  outline-color: #FD7644;
}
.custom-checkbox.disabled .checkbox-body {
  background-color: rgba(230, 228, 215, 0.6980392157);
}
.custom-checkbox.disabled .checkbox-body .checkbox-container label {
  color: #BAB7AA;
}
.custom-checkbox.disabled .checkbox-body .checkbox-container input[type=checkbox] {
  border-color: #BAB7AA;
  cursor: not-allowed;
}

/*#endregion*/
/*#region TOAST */
@media (min-width: 992px) {
  #toast-container.toast-bottom-right {
    right: 50px;
    bottom: 50px;
  }
}
#toast-container .toast {
  opacity: 1;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1215686275);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1215686275);
  border-radius: 0;
  background-size: 30px;
  color: #000000;
  padding: 15px 15px 15px 60px;
}
@media (min-width: 992px) {
  #toast-container .toast {
    width: 400px;
  }
}
#toast-container .toast .toast-title {
  display: none;
}
#toast-container .toast.toast-success {
  background-color: #CAEDDC;
  background-image: url(/icons/success.svg) !important;
}
#toast-container .toast.toast-info {
  background-color: #CEDCFF;
  background-image: url(/icons/info.svg) !important;
}
#toast-container .toast.toast-warning {
  background-color: #F9F1C8;
  background-image: url(/icons/warning.svg) !important;
}
#toast-container .toast.toast-error {
  background-color: #FFD3C3;
  background-image: url(/icons/error.svg) !important;
}

/*#endregion */
/*#region COLORS*/
.color-grey-1 {
  color: #FFFFFF !important;
}
.color-grey-1 a {
  color: #FFFFFF !important;
}

.color-grey-2 {
  color: #F6F5EF !important;
}
.color-grey-2 a {
  color: #F6F5EF !important;
}

.color-grey-3 {
  color: #E6E4D7 !important;
}
.color-grey-3 a {
  color: #E6E4D7 !important;
}

.color-grey-4 {
  color: #DEDBC9 !important;
}
.color-grey-4 a {
  color: #DEDBC9 !important;
}

.color-grey-5 {
  color: #969380 !important;
}
.color-grey-5 a {
  color: #969380 !important;
}

.color-grey-6 {
  color: #000000 !important;
}
.color-grey-6 a {
  color: #000000 !important;
}

.color-violet-1 {
  color: #E3D5FF !important;
}
.color-violet-1 a {
  color: #E3D5FF !important;
}

.color-violet-2 {
  color: #AA88ED !important;
}
.color-violet-2 a {
  color: #AA88ED !important;
}

.color-violet-3 {
  color: #29033E !important;
}
.color-violet-3 a {
  color: #29033E !important;
}

.color-orange-1 {
  color: #FFD3C3 !important;
}
.color-orange-1 a {
  color: #FFD3C3 !important;
}

.color-orange-2 {
  color: #FD7644 !important;
}
.color-orange-2 a {
  color: #FD7644 !important;
}

.color-orange-3 {
  color: #E45B28 !important;
}
.color-orange-3 a {
  color: #E45B28 !important;
}

.color-orange-4 {
  color: #CA4919 !important;
}
.color-orange-4 a {
  color: #CA4919 !important;
}

.color-blue-1 {
  color: #CEDCFF !important;
}
.color-blue-1 a {
  color: #CEDCFF !important;
}

.color-blue-2 {
  color: #789DFA !important;
}
.color-blue-2 a {
  color: #789DFA !important;
}

.color-yellow-1 {
  color: #F9F1C8 !important;
}
.color-yellow-1 a {
  color: #F9F1C8 !important;
}

.color-yellow-2 {
  color: #DEC753 !important;
}
.color-yellow-2 a {
  color: #DEC753 !important;
}

.color-green-1 {
  color: #CAEDDC !important;
}
.color-green-1 a {
  color: #CAEDDC !important;
}

.color-green-2 {
  color: #5ABC8F !important;
}
.color-green-2 a {
  color: #5ABC8F !important;
}

.fill-grey-1 {
  fill: #FFFFFF;
}

.bckgr-grey-1 {
  background-color: #FFFFFF;
}

.bckgr-gradient-grey-1 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(white));
  background: linear-gradient(0deg, #f6f5ef 0%, white 100%);
}

.fill-grey-2 {
  fill: #F6F5EF;
}

.bckgr-grey-2 {
  background-color: #F6F5EF;
}

.bckgr-gradient-grey-2 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#f6f5ef));
  background: linear-gradient(0deg, #f6f5ef 0%, #f6f5ef 100%);
}

.fill-grey-3 {
  fill: #E6E4D7;
}

.bckgr-grey-3 {
  background-color: #E6E4D7;
}

.bckgr-gradient-grey-3 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#e6e4d7));
  background: linear-gradient(0deg, #f6f5ef 0%, #e6e4d7 100%);
}

.fill-grey-4 {
  fill: #DEDBC9;
}

.bckgr-grey-4 {
  background-color: #DEDBC9;
}

.bckgr-gradient-grey-4 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#dedbc9));
  background: linear-gradient(0deg, #f6f5ef 0%, #dedbc9 100%);
}

.fill-grey-5 {
  fill: #969380;
}

.bckgr-grey-5 {
  background-color: #969380;
}

.bckgr-gradient-grey-5 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#969380));
  background: linear-gradient(0deg, #f6f5ef 0%, #969380 100%);
}

.fill-grey-6 {
  fill: #000000;
}

.bckgr-grey-6 {
  background-color: #000000;
}

.bckgr-gradient-grey-6 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(black));
  background: linear-gradient(0deg, #f6f5ef 0%, black 100%);
}

.fill-violet-1 {
  fill: #E3D5FF;
}

.bckgr-violet-1 {
  background-color: #E3D5FF;
}

.bckgr-gradient-violet-1 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#e3d5ff));
  background: linear-gradient(0deg, #f6f5ef 0%, #e3d5ff 100%);
}

.fill-violet-2 {
  fill: #AA88ED;
}

.bckgr-violet-2 {
  background-color: #AA88ED;
}

.bckgr-gradient-violet-2 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#aa88ed));
  background: linear-gradient(0deg, #f6f5ef 0%, #aa88ed 100%);
}

.fill-violet-3 {
  fill: #29033E;
}

.bckgr-violet-3 {
  background-color: #29033E;
}

.bckgr-gradient-violet-3 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#29033e));
  background: linear-gradient(0deg, #f6f5ef 0%, #29033e 100%);
}

.fill-orange-1 {
  fill: #FFD3C3;
}

.bckgr-orange-1 {
  background-color: #FFD3C3;
}

.bckgr-gradient-orange-1 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#ffd3c3));
  background: linear-gradient(0deg, #f6f5ef 0%, #ffd3c3 100%);
}

.fill-orange-2 {
  fill: #FD7644;
}

.bckgr-orange-2 {
  background-color: #FD7644;
}

.bckgr-gradient-orange-2 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#fd7644));
  background: linear-gradient(0deg, #f6f5ef 0%, #fd7644 100%);
}

.fill-orange-3 {
  fill: #E45B28;
}

.bckgr-orange-3 {
  background-color: #E45B28;
}

.bckgr-gradient-orange-3 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#e45b28));
  background: linear-gradient(0deg, #f6f5ef 0%, #e45b28 100%);
}

.fill-orange-4 {
  fill: #CA4919;
}

.bckgr-orange-4 {
  background-color: #CA4919;
}

.bckgr-gradient-orange-4 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#ca4919));
  background: linear-gradient(0deg, #f6f5ef 0%, #ca4919 100%);
}

.fill-blue-1 {
  fill: #CEDCFF;
}

.bckgr-blue-1 {
  background-color: #CEDCFF;
}

.bckgr-gradient-blue-1 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#cedcff));
  background: linear-gradient(0deg, #f6f5ef 0%, #cedcff 100%);
}

.fill-blue-2 {
  fill: #789DFA;
}

.bckgr-blue-2 {
  background-color: #789DFA;
}

.bckgr-gradient-blue-2 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#789dfa));
  background: linear-gradient(0deg, #f6f5ef 0%, #789dfa 100%);
}

.fill-yellow-1 {
  fill: #F9F1C8;
}

.bckgr-yellow-1 {
  background-color: #F9F1C8;
}

.bckgr-gradient-yellow-1 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#f9f1c8));
  background: linear-gradient(0deg, #f6f5ef 0%, #f9f1c8 100%);
}

.fill-yellow-2 {
  fill: #DEC753;
}

.bckgr-yellow-2 {
  background-color: #DEC753;
}

.bckgr-gradient-yellow-2 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#dec753));
  background: linear-gradient(0deg, #f6f5ef 0%, #dec753 100%);
}

.fill-green-1 {
  fill: #CAEDDC;
}

.bckgr-green-1 {
  background-color: #CAEDDC;
}

.bckgr-gradient-green-1 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#caeddc));
  background: linear-gradient(0deg, #f6f5ef 0%, #caeddc 100%);
}

.fill-green-2 {
  fill: #5ABC8F;
}

.bckgr-green-2 {
  background-color: #5ABC8F;
}

.bckgr-gradient-green-2 {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#5abc8f));
  background: linear-gradient(0deg, #f6f5ef 0%, #5abc8f 100%);
}

.fill-light-orange {
  fill: #F9E9DF;
}

.fill-light-green {
  fill: #e5f2e8;
}

.fill-light-blue {
  fill: #e8ecf5;
}

.bckgr-gradient-light-orange {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#f9e9df));
  background: linear-gradient(0deg, #f6f5ef 0%, #f9e9df 100%);
}

.bckgr-gradient-light-green {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#e5f2e8));
  background: linear-gradient(0deg, #f6f5ef 0%, #e5f2e8 100%);
}

.bckgr-gradient-light-blue {
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f5ef), to(#e8ecf5));
  background: linear-gradient(0deg, #f6f5ef 0%, #e8ecf5 100%);
}

/*#endregion*/
/*#region MISC*/
.modal .modal-content {
  border: none;
  border-radius: 24px;
  overflow: hidden;
}

.spinner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 20;
}

.video-container {
  aspect-ratio: 4/3;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  background-color: #242424;
}
.video-container:hover .video-gradient {
  opacity: 0.7;
}
.video-container.launched .video-gradient,
.video-container.launched .video-overlay,
.video-container.launched .video-play-button,
.video-container.launched .vds-poster img {
  opacity: 0;
  pointer-events: none;
}
.video-container .video-gradient {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.video-container .video-player-holder {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.video-container .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
@media (min-width: 768px) {
  .video-container .video-overlay {
    padding: 32px;
  }
}
.video-container .video-overlay .inner > div {
  position: absolute;
}
.video-container .video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #F6F5EF;
  width: 56px;
  height: 56px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  z-index: 2;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 36px;
  padding: 0.5% 0 0 0.5%;
  color: #29033E;
}
@media (min-width: 768px) {
  .video-container .video-play-button {
    width: 72px;
    height: 72px;
  }
}

.video-player-holder [data-media-player]:not([data-started]):not([data-buffering]) {
  cursor: pointer;
}
.video-player-holder [data-media-player]:not([data-started]):not([data-buffering]) .vds-controls {
  opacity: 0;
}
.video-player-holder [data-media-player] .vds-poster img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.video-player-holder [data-media-player] .vds-start-duration {
  display: none;
}
.video-player-holder [data-media-player] .vds-buffering-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 992px) {
  #hero .video-play-button {
    left: unset;
    right: 30px;
    top: 30px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.curved-border {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: -45px;
  height: 50px;
}
@media (min-width: 768px) {
  .curved-border {
    margin-top: -100px;
    height: 80px;
  }
}
@media (min-width: 992px) {
  .curved-border {
    height: 120px;
  }
}
.curved-border > div {
  width: calc(100% + 200px);
  left: -100px;
  position: absolute;
  bottom: 0;
  clip-path: ellipse(50% 50% at 50% 100%);
  top: -100px;
  height: 200px;
}
@media (min-width: 768px) {
  .curved-border > div {
    top: -150px;
    height: 300px;
  }
}

.divider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 80px;
  margin-top: -80px;
}
.divider svg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-width: 1000px;
}
@media (min-width: 576px) {
  .divider svg {
    min-width: 1500px;
  }
}
@media (min-width: 768px) {
  .divider svg {
    min-width: 2000px;
  }
}
.divider.left svg {
  right: -220px;
}
@media (min-width: 576px) {
  .divider.left svg {
    right: -350px;
  }
}
@media (min-width: 768px) {
  .divider.left svg {
    right: -400px;
  }
}
@media (min-width: 992px) {
  .divider.left svg {
    right: 0;
  }
}
.divider.right svg {
  left: -220px;
}
@media (min-width: 576px) {
  .divider.right svg {
    left: -350px;
  }
}
@media (min-width: 768px) {
  .divider.right svg {
    left: -400px;
  }
}
@media (min-width: 992px) {
  .divider.right svg {
    left: 0;
  }
}

.shadow {
  -webkit-filter: drop-shadow(0 0 36px rgba(81, 76, 62, 0.2));
          filter: drop-shadow(0 0 36px rgba(81, 76, 62, 0.2));
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.part {
  border-radius: 20px;
  margin-bottom: 1px;
}

.border-radius-24 {
  border-radius: 24px;
}

.floating-tag {
  position: absolute;
  padding: 8px 15px;
  border-radius: 20px;
  white-space: nowrap;
  z-index: 2;
}

.blog-post-preview img {
  width: 116px;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .blog-post-preview img {
    width: 132px;
  }
}

.course-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.course-card .part {
  background-color: #FFFFFF;
}
.course-card .part.top-part {
  padding: 16px;
}
.course-card .part.top-part .img-container {
  border-radius: 20px;
  overflow: hidden;
  display: block;
}
@media (min-width: 992px) {
  .course-card .part.top-part .img-container.radial-gradient {
    cursor: pointer;
  }
}
.course-card .part.top-part .img-container img {
  width: 100%;
  aspect-ratio: 17/9;
  -o-object-fit: cover;
     object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .course-card .part.top-part .img-container img {
    aspect-ratio: 5/3;
  }
}
.course-card .part.top-part .category-tags {
  position: absolute;
  top: 0;
  left: 0;
  padding: 28px;
  z-index: 2;
  pointer-events: none;
}
.course-card .part.bottom-part {
  padding: 24px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.tag {
  min-width: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  padding: 8.5px 16px;
}
.tag.small {
  padding: 0 10px;
  height: 32px;
}
.tag.tiny {
  padding: 0 10px;
  height: 24px;
}
.tag.Rating {
  color: #29033E;
  background-color: #F9F1C8;
}
.tag.Length {
  color: #29033E;
  background-color: #EEECDE;
}

.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.number-dot {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.number-dot.large {
  width: 28px;
  height: 28px;
}
@media (min-width: 768px) {
  .number-dot.large {
    width: 32px;
    height: 32px;
  }
}

.radial-gradient {
  position: relative;
}
.radial-gradient::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.6) 100%);
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}

.radial-gradient-hover-parent:hover .radial-gradient::after {
  opacity: 0;
}

.short-gradient {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  height: 900px;
  max-height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-color-1)), to(var(--grad-color-2)));
  background: linear-gradient(180deg, var(--grad-color-1), var(--grad-color-2));
}

.gradient-hider {
  position: absolute;
  width: 100%;
  height: 150px;
  bottom: 50px;
  left: 0;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--grad-color-1)), to(var(--grad-color-2)));
  background: linear-gradient(180deg, var(--grad-color-1), var(--grad-color-2));
}

.truncate-2,
.truncate-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.truncate-2.truncate-3,
.truncate-3.truncate-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.line-truncate {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.item-name {
  display: inline-block;
  width: 42vw;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  text-transform: none;
}
@media (min-width: 576px) {
  .item-name {
    width: 50vw;
  }
}
@media (min-width: 768px) {
  .item-name {
    width: 240px;
  }
}
@media (min-width: 992px) {
  .item-name {
    width: 200px;
  }
}
@media (min-width: 1200px) {
  .item-name {
    width: 220px;
  }
}
@media (min-width: 1400px) {
  .item-name {
    width: 240px;
  }
}

.external-article {
  color: #969380;
  text-decoration: none;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.external-article img {
  height: 24px;
  -webkit-filter: invert(57%) sepia(18%) saturate(281%) hue-rotate(14deg) brightness(100%) contrast(82%);
          filter: invert(57%) sepia(18%) saturate(281%) hue-rotate(14deg) brightness(100%) contrast(82%);
}
.external-article:hover {
  color: #29033E;
  text-decoration: underline;
}
.external-article:hover img {
  -webkit-filter: invert(7%) sepia(83%) saturate(3790%) hue-rotate(274deg) brightness(71%) contrast(105%);
          filter: invert(7%) sepia(83%) saturate(3790%) hue-rotate(274deg) brightness(71%) contrast(105%);
}

.account-box-container {
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .account-box-container {
    width: 648px;
  }
}
.account-box-container .dog-sniffing {
  left: -180px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.account-box-container .floating-tag {
  rotate: -4deg;
  top: -20px;
  left: 33px;
}
.account-box-container .bone {
  width: 88px;
}
@media (min-width: 768px) {
  .account-box-container .bone {
    width: 112px;
  }
}

.account-box {
  border-radius: 24px;
  background-color: #E3D5FF;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 48px 24px 24px;
  overflow: hidden;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
.account-box h2,
.account-box p,
.account-box a {
  color: #29033E;
}
@media (min-width: 768px) {
  .account-box {
    min-height: 600px;
    padding: 56px 80px;
  }
}

.levitate-on-hover {
  -webkit-transition-property: -webkit-filter, -webkit-transform;
  transition-property: -webkit-filter, -webkit-transform;
  transition-property: filter, transform;
  transition-property: filter, transform, -webkit-filter, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
@media (min-width: 992px) {
  .levitate-on-hover:hover {
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-filter: drop-shadow(0 0 36px rgba(81, 76, 62, 0.2)) !important;
            filter: drop-shadow(0 0 36px rgba(81, 76, 62, 0.2)) !important;
    z-index: 2;
  }
}

.rating-stars i {
  margin: 0 -2px;
}

.follower {
  position: relative;
}

.follower.is-following {
  position: fixed;
  z-index: 10;
}

.product-image {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px) {
  .product-image {
    width: 80px;
    height: 80px;
  }
}

/*#endregion*/
/*# sourceMappingURL=/app/Presentation/Client/wwwroot/src/scss/site.css.map */