/** Shopify CDN: Minification failed

Line 8871:12 Unexpected "2\\]"
Line 8875:12 Unexpected "4\\]"
Line 8879:11 Unexpected "0\\.5rem\\]"
Line 8883:11 Unexpected "0\\.75rem\\]"
Line 8887:11 Unexpected "1\\.25rem\\]"
Line 8891:11 Unexpected "2\\.25rem\\]"
Line 8895:11 Unexpected "2rem\\]"
Line 8899:17 Unexpected "1\\.875rem\\]"
Line 8903:17 Unexpected "5\\.5rem\\]"
Line 10779:52 Unexpected "{"
... and 19 more hidden warnings

**/
/* custom */
:root {
  --bg: #ffffff;
  --base_font1: "Helvetica Now Display";
  --base_font2: "Konnect";
  --base-light: #fff;
  --base-dark: #000;
  --color-primary: #38bfc8;
  --color-primary-light: #48a3be;
  --color-text: #1a1a1a;
  --base-light-color: #f5f5f5;
  --color-light-dark: #8c8c8c;
  --base-bg: #f5f5f5;
  --base-bg-light: #efefef;
  --base-footer-bg: #1a1a1a;
  --base-footer-color-light: #8c8c8c;
  --base-bg-btn: #303030;
  --footer-radius: 30px;
  --header-box-shadow: 0 9px 30px rgba(0, 0, 0, 0.19);
}

html {
  padding: 0 !important;
}

body {
  font-family: var(--base_font1);
  font-weight: 500;
}

.wrapper {
  width: 100%;
  max-width: 1880px;
  margin: 0 auto;
}

.backdrop--radial:before {
  pointer-events: none;
}

.main-content {
  overflow-x: hidden;
}

.btn {
  border-radius: 5px;
  padding: 16px 24px;
  font-size: 16px;
  transition: all linear 0.2s;
}
.btn:hover {
  opacity: 0.8;
}
.btn::before {
  display: none;
}

.site-header {
  min-height: auto;
  padding-top: 40px;
}
.site-header.scrolled {
  padding-top: 16px;
}
@media screen and (max-width: 1400px) {
  .site-header {
    padding-top: 0;
  }
  .site-header.scrolled {
    padding-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .site-header {
    margin: 0;
  }
}
.site-header .wrapper {
  gap: 0 10px;
}
@media screen and (max-width: 1400px) {
  .site-header .wrapper {
    position: relative;
    gap: 0 12px;
    background: var(--base-bg);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 9px 74px rgba(0, 0, 0, 0.19);
    padding-block: 8px;
  }
  .site-header .wrapper::after {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .site-header .wrapper {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1400px) {
  .site-header .wrapper .mobile-menu {
    padding: 0;
  }
}
.site-header .logo {
  margin: 0;
  padding: 0;
  box-shadow: var(--header-box-shadow);
  border-radius: 10px;
  padding: 18px 26px;
  background-color: var(--base-light);
}
@media screen and (max-width: 1400px) {
  .site-header .logo {
    box-shadow: none;
    position: absolute;
    left: calc(50% - 57px);
    background-color: transparent;
  }
}
@media screen and (max-width: 1023px) {
  .site-header .logo {
    position: absolute;
  }
}
.site-header .logo .logo__image-link {
  width: 63px;
  height: 27px;
}
.site-header .logo img {
  width: 63px;
}
.site-header .mobile-menu__button--burger svg {
  pointer-events: none;
}
@media screen and (max-width: 1400px) {
  .site-header .mobile-menu__button--burger {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 0;
    position: static;
  }
}
.site-header .search-mobile-button {
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  display: none;
}
@media screen and (max-width: 1400px) {
  .site-header .search-mobile-button {
    display: flex;
    width: 24px;
    height: 24px;
  }
}
.site-header .menu__item.mobile-button {
  display: none;
}
@media screen and (max-width: 1400px) {
  .site-header .menu__item.mobile-button {
    display: block;
    margin-left: auto !important;
  }
  .site-header .menu__item.mobile-button .btn {
    min-height: 36px;
    font-size: 11px;
    padding: 10px;
  }
}
.site-header .nav {
  flex: 1;
  position: static;
  width: 100%;
  padding: 0;
  gap: 0 10px;
  position: relative;
}
.site-header .nav-inner {
  display: flex;
  flex: 1;
  gap: 0 10px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .site-header .nav {
    display: none;
  }
}
.site-header .menu__items {
  padding: 0 20px;
  box-shadow: var(--header-box-shadow);
  border-radius: 10px;
  background-color: var(--base-light);
}
.site-header .menu__item--icon {
  background-color: var(--base-light);
  border-radius: 10px;
  margin: 0;
}
.site-header .menu__item--icon .navlink {
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.site-header .menu__item--icon .navlink:hover {
  opacity: 0.8;
}
.site-header .menu__item--icon .navlink--icon {
  aspect-ratio: 1/1;
  box-shadow: var(--header-box-shadow);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
}
.site-header .menu__item > .navlink {
  padding: 18px 10px;
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.site-header .menu__item > .navlink:hover {
  color: var(--color-primary);
}
.site-header .menu__item--secondary {
  flex: 1;
  gap: 0 10px;
  align-items: stretch;
  position: static;
  margin: 0;
}
.site-header .menu__item--secondary .menu__items,
.site-header .menu__item--secondary .menu__item {
  margin: 0;
}
.site-header .menu__item .header__dropdown {
  background-color: var(--base-bg);
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  /* box-shadow: 0px 44px 84px rgba(0, 0, 0, 0.11); */
  /* min-height: 80vh; */
  filter: drop-shadow(0 9px 74px rgba(0,0,0,.34));
}
.site-header .menu__item .header__dropdown__wrapper {
  padding: 40px 92px 40px 40px;
  max-height: 100%;
  height: 100%;
  min-height: 380px;
  position: relative;
}
.site-header .menu__item .header__dropdown__wrapper .header__dropdown__inner {
  width: 100%;
}
.site-header .menu__item .header__dropdown .header__grandparent__links {
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 14px 0;
  position: relative;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family {
  padding: 0;
  max-width: 100%;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family .navtext span {
  display: block;
  font-size: 14px;
  line-height: 1.42;
  font-family: var(--base_font1);
  color: #8c8c8c;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family:has(.child-nav):has(.navlink--grandchild) .navlink--child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 15px;
  width: 8px;
  height: 8px;
  border-left: 2px solid var(--base-dark);
  border-bottom: 2px solid var(--base-dark);
  transform: rotate(-135deg);
  transition: all 0.25s ease;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family:has(.child-nav) .navlink--child:hover::after {
  border-color: var(--color-primary);
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family:hover .child-nav {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family .navlink--child {
  margin: 0;
  padding: 0 34px 0 0;
  position: relative;
  max-width: 324px;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family .navlink--child .navtext {
  padding: 0;
  font-size: 30px;
  line-height: 1.3;
  font-family: var(--base_font2);
  text-transform: capitalize;
  letter-spacing: -0.5px;
  color: currentColor;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family.active .navlink--child,
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family .navlink--child:hover {
  color: var(--color-primary);
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family .child-nav {
  height: 100%;
  display: none;
  position: absolute;
  left: 324px;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 356px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s ease;
  padding: 0 0 0 40px;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family .child-nav a .navtext {
  font-size: 16px;
  text-transform: capitalize;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family .child-nav a .navtext:hover {
  opacity: 1;
}
.site-header .menu__item .header__dropdown .header__grandparent__links .dropdown__family .child-nav:hover a:not(:hover) {
  color: #8c8c8c;
}
.site-header .menu__item .search-popdown {
  flex: 1;
  width: 100%;
  box-shadow: var(--header-box-shadow);
  border-radius: 10px;
}
.site-header .menu__item .search-popdown predictive-search {
  height: 100%;
}
.site-header .menu__item .search-popdown__body {
  height: 100%;
}
.site-header .menu__item .search-popdown__main {
  height: 100%;
}
.site-header .menu__item .search-popdown .search-form {
  height: 100%;
}
.site-header .menu__item .search-popdown .search-form__input-holder {
  background-color: transparent;
  max-width: 100%;
}
.site-header .menu__item .search-popdown .search-form__input {
  padding: 20px 20px 20px 74px;
  height: 100%;
  border-radius: 10px;
  background-color: var(--base-light);
  font-family: var(--base_font1);
  font-size: 16px;
  line-height: 1.43;
}
.site-header .menu__item .search-popdown .search-form__input::-moz-placeholder {
  color: #8c8c8c;
}
.site-header .menu__item .search-popdown .search-form__input::placeholder {
  color: #8c8c8c;
}
.site-header .menu__item .search-popdown .search-form__label {
  width: 24px;
  height: 24px;
  left: 30px;
}
.site-header .menu__item .search-popdown .search-form__inner {
  padding: 0;
  min-height: 100%;
  background: transparent;
  border-radius: 10px;
  overflow: hidden;
}
.site-header .menu__item .search-popdown .search-form .predictive-search {
  max-height: 80vh;
  overflow-y: scroll;
  background-color: var(--base-light-color);
  transform: scale(1);
  opacity: 0;
  pointer-events: none;
  position: static;
}
.site-header .menu__item .search-popdown__results {
  max-width: 100%;
  width: 100%;
  top: calc(100% + 10px);
  min-width: 730px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  overflow-y: auto;
}
.site-header .menu__item .search-popdown__results .predictive-search {
  margin: 0;
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  border: none;
}
.site-header .menu__item .search-popdown__results .static-blc .predictive-search__group {
  padding-bottom: 0;
  border-bottom: none;
}
.site-header .menu__item .search-popdown__results .static-blc .predictive-search__group::after {
  display: none;
}
.site-header .menu__item .search-popdown.show .predictive-search {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.site-header .menu__item .search-popdown.show .predictive-search__results {
  visibility: visible;
}
.site-header .menu__item .search-popdown.show .search-popdown__results {
  background-color: var(--base-light-color);
  border-radius: 10px;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.site-header .menu__item .navtext {
  font-family: var(--base_font1);
  font-size: 16px;
  font-weight: 500;
}
.site-header .menu__item .navtext::before, .site-header .menu__item .navtext::after {
  display: none;
}
.site-header .menu__item .btn {
  border-radius: 10px;
  text-align: center;
  background: linear-gradient(135deg, rgb(55, 145, 172) 0%, rgb(49, 46, 139) 100%);
  color: #f5f5f5;
  border: none;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--base_font1);
  font-size: 16px;
  font-weight: 500;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.site-header .menu__item .btn:hover {
  opacity: 0.8;
}
.site-header .menu__item .btn::before {
  display: none;
}
.site-header .menu__item.is-visible .header__dropdown .active .child-nav {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.site-header .drawer__overlay.search-show {
  opacity: 0.5;
  visibility: visible;
  z-index: 9;
}
.site-header.show-search {
  isolation: isolate;
}
.site-header.show-search .wrapper {
  z-index: 10;
}
.site-header.show-search .wrapper .logo,
.site-header.show-search .wrapper .nav {
  z-index: 10;
}

.header-top-line {
  position: absolute;
  top: -44px;
  font-size: 12px;
  font-weight: 700;
  color: #8c8c8c;
  text-transform: uppercase;
}

* {
  scrollbar-width: auto !important;
}

#searchResults-mobile {
  position: static;
}

.site-header .mobile-header-btn {
  display: none;
}
@media screen and (max-width: 1400px) {
  .site-header .mobile-header-btn {
    display: block;
  }
  .site-header .mobile-header-btn .btn {
    font-size: 11px;
    border-radius: 4px;
    padding: 10px;
    letter-spacing: -0.15px;
  }
}

@media screen and (max-width: 767px) {
  .mobile-cart-btn {
    display: none !important;
  }
}

.mobile-search {
  margin: 0 auto 0 0;
  padding: 0;
}

.search-popdown {
  width: auto;
}
.search-popdown__toggle svg {
  width: 20px;
  height: 20px;
}
.search-popdown__body--fixed {
  top: 0;
  background: var(--base-bg);
  height: 100dvh;
  max-width: 640px;
  transform: translateX(-100%);
  transition: all linear 0.2s;
}
.search-popdown__body--fixed .predictive-search {
  transform: scaleY(1);
  display: none;
  margin: 0;
}
.search-popdown__body--fixed .search-popdown__results {
  height: auto;
  max-height: calc(100dvh - 110px);
  overflow-y: auto;
  background-color: var(--base-bg);
}
.search-popdown__body--fixed .search-form__inner {
  background-color: var(--base-bg);
  padding-block: 0;
  border-bottom: 1px solid #d2d2d2;
  min-height: auto;
  transform: scaleY(1) !important;
}
.search-popdown__body--fixed .search-form__input-holder {
  transform: scaleY(1) !important;
}
.search-popdown__body--fixed .search-form__input-holder .search-form__label {
  width: 24px;
  height: 24px;
}
.search-popdown__body--fixed .search-form__input-holder .search-form__label svg {
  width: 18px;
  height: 18px;
}
.search-popdown__body--fixed .search-form__input-holder .search-form__label {
  left: 0px;
}
.search-popdown__body--fixed .search-form__input-holder .search-popdown__close {
  display: none;
}
.search-popdown__body--fixed .search-form__input-holder .search-form__input {
  padding: 5px 34px;
  min-height: 48px;
}
.site-header.show-search-popup .wrapper {
  z-index: 10;
}
.site-header.show-search-popup .drawer__overlay {
  opacity: 0.5;
  visibility: visible;
  z-index: 9;
}
.site-header.show-search-popup .search-popdown__body {
  transform: translateX(0);
}
.site-header.show-search-popup .search-popdown .predictive-search {
  display: block;
  visibility: visible;
}

.mobile-toogle-search {
  display: none;
  padding: 19px 21px;
}
.mobile-toogle-search__link {
  cursor: pointer;
}
.mobile-toogle-search__link svg {
  width: 22px;
  height: 22px;
  pointer-events: none;
}
@media screen and (max-width: 1400px) {
  .mobile-toogle-search {
    display: block;
  }
}

body.is-overflow {
  overflow-y: hidden;
}

.drawer {
  width: 100%;
  max-width: 640px;
  transition: all linear 0.2s;
  background-color: var(--base-bg);
  padding-bottom: 0;
}
.drawer__header .drawer__close-button {
  position: static;
  transform: none;
  width: 22px;
  height: 22px;
  padding: 0;
}
.drawer--right {
  left: -640px;
}
.drawer.is-open {
  left: 0;
  transition: all linear 0.2s;
}
.drawer .mobile-nav {
  margin-top: 0;
  border-top: 1px solid var(--base-bg-light);
  position: static;
}
.drawer .mobile-nav .mobile-menu__item {
  border-bottom: 1px solid var(--base-bg-light);
  position: static;
}
.drawer .mobile-nav .mobile-menu__item .mobile-navlink {
  font-size: 20px;
  font-weight: 500;
  font-family: var(--base_font2);
  padding: 16px 20px;
  align-self: center;
}
.drawer .mobile-nav .mobile-menu__item .mobile-navlink .mobile-nav__sub-sublist::before {
  display: none;
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items {
  position: static;
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items .mobile-nav__trigger svg {
  transform: rotate(-90deg);
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items .back-block {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--base-bg-light);
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items .back-block__link {
  width: 40px;
  height: 40px;
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items .back-block__link svg {
  transform: rotate(90deg);
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items .back-block a {
  font-size: 16px;
  padding-left: 5px;
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items > .mobile-dropdown {
  background-color: var(--base-bg);
  right: -100%;
  top: 62px;
  height: 100% !important;
  position: absolute;
  z-index: 10;
  margin: 0;
  transition: all linear 0.2s;
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items > .mobile-dropdown.is-expanded {
  right: 0;
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items > .mobile-dropdown > .mobile-nav__sublist {
  height: 100%;
  background-color: var(--base-bg);
  position: absolute;
  width: 100%;
  top: 60px;
  padding: 0;
  overflow: unset;
}
.drawer .mobile-nav .mobile-menu__item.mobile-menu__item--has-items > .mobile-dropdown > .mobile-nav__sublist > .mobile-menu__item--has-items > .mobile-dropdown {
  top: -60px;
}

.mobile-secondary-menu {
  padding: 32px 20px;
}
.mobile-secondary-menu ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.mobile-secondary-menu ul li {
  list-style: none;
}
.mobile-secondary-menu ul li a {
  padding: 0;
  font-size: 16px;
  font-family: var(--base_font2);
  font-weight: 500;
}
.mobile-secondary-menu ul li a .sub-text {
  display: block;
  color: #8c8c8c;
  font-size: 12px;
  margin-top: 2px;
}

.mobile-small-banner__btn {
  display: block;
  color: var(--base-light-color);
  padding: 16px 20px;
  background: rgb(56, 191, 200);
  background: linear-gradient(90deg, rgb(56, 191, 200) 0%, rgb(77, 100, 174) 100%);
  border-radius: 10px 10px 0 0;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--base_font2);
}
.mobile-small-banner__btn svg {
  position: absolute;
  top: 22px;
  right: 20px;
  transform: rotate(-90deg);
  width: 12px;
  height: 12px;
}
.mobile-small-banner__btn svg path {
  stroke: var(--base-light-color);
}
.mobile-small-banner__btn .sub-text {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 8px;
  font-family: var(--base_font1);
  text-wrap: pretty;
}

.menu-social {
  padding: 20px 20px 16px;
}
.menu-social__sub-title {
  font-size: 12px;
  line-height: 1.47;
  font-weight: 500;
  color: #8c8c8c;
}
.menu-social__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}
.menu-social__list a {
  font-size: 14px;
  line-height: 1.47;
  font-weight: 500;
}

.mobile-bottom-small-menu {
  border-top: 1px solid #d2d2d2;
  padding: 16px 20px 20px;
}
.mobile-bottom-small-menu__sub-title {
  font-size: 12px;
  line-height: 1.47;
  font-weight: 500;
  color: #8c8c8c;
}
.mobile-bottom-small-menu__list {
  display: flex;
  flex-direction: column;
  gap: 0 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-bottom-small-menu__list a {
  font-size: 14px;
  line-height: 1.47;
  font-weight: 500;
}

.js-drawer-open .site-header .wrapper {
  z-index: 10000;
}

.shopify-section-header {
  position: sticky;
  top: 0;
}

.site-footer {
  padding-top: 60px;
  padding-bottom: 20px;
  background-color: var(--base-footer-bg);
  border-radius: var(--footer-radius) var(--footer-radius) 0 0;
}
.site-footer .footer-content {
  display: flex;
}
.site-footer .footer-content {
  display: grid;
  grid-template-rows: repeat(2, 1fr) repeat(3, 0);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
@media screen and (min-width: 768px) {
  .site-footer .footer-content {
    grid-template-columns: repeat(2, 1fr) repeat(3, 0);
  }
}
@media screen and (max-width: 767px) {
  .site-footer .footer-content {
    display: flex;
    flex-direction: column;
    gap: 40px 0;
  }
}
.site-footer .footer-content:after {
  display: none;
}
.site-footer .footer-logo {
  grid-area: 1/1/2/2;
}
.site-footer .footer-logo .background-size-cover {
  background-color: transparent;
}
.site-footer .footer-menus {
  grid-area: 1/2/3/3;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  display: grid;
  gap: 100px 20px;
}
@media screen and (max-width: 1023px) {
  .site-footer .footer-menus {
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menus {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 16px;
  }
}
.site-footer .footer-menus .footer-block {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menus .footer-block {
    width: 100%;
    max-width: calc(50% - 16px);
    transform: none;
    gap: 16px 0;
  }
}
.site-footer .footer-menus .footer-block:nth-child(3) {
  grid-area: 3/1/4/2;
}
.site-footer .footer-menus .footer-block:nth-child(4) {
  grid-area: 1/2/2/3;
}
.site-footer .footer-menus .footer-block .footer-title__button {
  font-size: 12px;
  color: var(--base-footer-color-light);
  text-transform: uppercase;
  font-family: var(--base_font1);
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menus .footer-block .footer-title__button {
    font-size: 10px;
  }
}
.site-footer .footer-menus .footer-block .footer-links {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
@media screen and (max-width: 767px) {
  .site-footer .footer-menus .footer-block .footer-links {
    transform: none;
  }
}
.site-footer .footer-menus .footer-block .footer-links li {
  margin: 0;
}
.site-footer .footer-menus .footer-block .footer-links .footer-link {
  font-size: 30px;
  line-height: 1.46;
  font-family: var(--base_font1);
  color: var(--base-light-color);
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
@media screen and (max-width: 1023px) {
  .site-footer .footer-menus .footer-block .footer-links .footer-link {
    font-size: 14px;
  }
}
.site-footer .footer-menus .footer-block .footer-links .footer-link:hover {
  color: var(--color-primary);
}
.site-footer .footer-copyright__menu {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px 0;
}
.site-footer .footer-copyright__link {
  font-family: var(--base_font1);
  font-size: 20px;
  color: var(--base-footer-color-light);
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
@media screen and (max-width: 1023px) {
  .site-footer .footer-copyright__link {
    font-size: 12px;
  }
}
.site-footer .footer-copyright__link:hover {
  color: var(--color-primary);
}
.site-footer .footer-bottom {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .site-footer .footer-bottom {
    margin-top: 41px;
  }
}
.site-footer .footer-bottom .footer-copyright__copy {
  font-size: 16px;
  color: var(--base-footer-color-light);
  font-family: var(--base_font1);
}
@media screen and (max-width: 767px) {
  .site-footer .footer-bottom .footer-copyright__copy {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  #SiteFooter .footer-right__logo-image {
    width: 68px !important;
  }
}

.btn--scroll-top {
  margin: 0;
  border-radius: 5px;
  width: 60px;
  height: auto;
  aspect-ratio: 1/1;
  min-width: auto;
  position: fixed;
  right: 40px;
  bottom: 25vh;
  z-index: 100;
  background-color: var(--base-bg-btn);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
@media screen and (max-width: 1023px) {
  .btn--scroll-top {
    right: 20px;
    bottom: 20px;
    width: 40px;
    padding: 8px;
  }
  .btn--scroll-top svg {
    width: 20px;
    height: 20px;
  }
}
.btn--scroll-top.is-visible {
  opacity: 1;
  pointer-events: all;
}

.announcement__slide {
  padding: 12px 0;
}
.announcement__block {
  position: relative;
  padding: 0 27px;
}
.announcement__block::before {
  content: "";
  background-color: var(--base-light-color);
  position: absolute;
  top: calc(50% - 3px);
  left: -3px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.announcement__block span {
  font-size: 16px;
  font-weight: 500;
  color: var(--base-light-color);
}

.search-banner {
  margin-top: 30px;
  padding: 30px;
  border-radius: 20px;
  background: linear-gradient(to right, hsl(from var(--search-banner-bg) calc(h - 40) calc(s + 18) calc(l + 1)), var(--search-banner-bg));
  width: calc(100% - 48px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .search-banner {
    border-radius: 10px;
    padding: 20px;
    width: calc(100% - 40px);
  }
}
.search-banner__sub-title {
  font-size: 12px;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--base-light-color);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .search-banner__sub-title {
    font-size: 10px;
  }
}
.search-banner__title {
  color: var(--base-light-color);
  font-size: 50px;
  line-height: 1.24;
  font-family: var(--base_font2);
  font-weight: 500;
  margin-top: 20px;
}
@media screen and (max-width: 1023px) {
  .search-banner__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .search-banner__title {
    font-size: 30px;
  }
}
.search-banner__cta-blc {
  margin-top: 20px;
}
.search-banner__cta-blc .cta {
  padding: 14px 24px;
  background-color: var(--base-light-color);
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #1a1a1a;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .search-banner__cta-blc .cta {
    padding: 16px 20px;
  }
}

.search-blc-product__title {
  font-size: 12px !important;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--color-light-dark);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .search-blc-product__title {
    font-size: 10px !important;
  }
}

.search-blc-product {
  margin-top: 30px;
  width: calc(100% - 48px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .search-blc-product {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 640px) {
  .search-blc-product {
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: 0;
  }
}
.search-blc-product.predictive-search__group {
  padding: 0;
}
.search-blc-product__list {
  margin-top: 24px;
  display: flex;
  gap: 0 24px;
}
@media screen and (max-width: 640px) {
  .search-blc-product__list {
    overflow-x: auto;
    gap: 0 16px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
}
.search-blc-product__list .predictive-search__item {
  padding: 0;
  background-color: var(--base-light);
  width: 100%;
  max-width: calc(33.3333333333% - 16px);
  padding: 16px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 640px) {
  .search-blc-product__list .predictive-search__item {
    min-width: 236px;
    border-radius: 10px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
  }
}
.search-blc-product__list a {
  position: relative;
}
@media screen and (max-width: 640px) {
  .search-blc-product__list_item {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
.search-blc-product__list_item .label {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 3;
  font-size: 10px;
  color: var(--base-light-color);
  padding: 6px 10px;
  border-radius: 50px;
  background-color: var(--color-primary-light);
  text-transform: uppercase;
}
@media screen and (max-width: 640px) {
  .search-blc-product__list_item .label {
    top: 0px;
    left: 0px;
  }
}
.search-blc-product__list_item__image {
  width: 100%;
  max-width: 120px;
  aspect-ratio: 1/1;
  margin-top: 24px;
  margin-inline: auto;
}
@media screen and (max-width: 640px) {
  .search-blc-product__list_item__image {
    max-width: 82px;
  }
}
.search-blc-product__list_item__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.search-blc-product__list_item__title {
  text-decoration: none;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
  font-family: var(--base_font2);
  color: var(--color-text);
  margin-top: 18px;
  display: block;
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.search-blc-product__list_item__title:hover {
  color: var(--color-primary);
}
@media screen and (max-width: 640px) {
  .search-blc-product__list_item__title {
    margin-top: auto;
  }
}

.predictive-search__group {
  padding: 40px 24px 0;
}
.predictive-search__group:not(.search-blc-product) {
  padding: 40px 24px 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .predictive-search__group:not(.search-blc-product) {
    padding: 24px 20px 16px;
  }
}
.predictive-search__group:not(.search-blc-product):after {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(100% - 48px);
  height: 1px;
  background-color: #d2d2d2;
}
@media screen and (max-width: 767px) {
  .predictive-search__group:not(.search-blc-product) .predictive-search__list .predictive-search__link {
    font-size: 14px;
  }
}
.predictive-search__group .predictive-search__list {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .predictive-search__group .predictive-search__list {
    margin-top: 16px;
  }
}
.predictive-search__group .predictive-search__list .predictive-search__item {
  padding: 0;
}
.predictive-search__group .predictive-search__list .predictive-search__item:not(:last-child) {
  padding: 0 0 18px;
}
.predictive-search__group .predictive-search__list .predictive-search__item .predictive-search__link mark {
  font-weight: 700;
}
.predictive-search__group .predictive-search__heading {
  padding: 0;
  font-size: 12px !important;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--color-light-dark);
  font-weight: 700;
  margin: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  .predictive-search__group .predictive-search__heading {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .static-blc .predictive-search__group .predictive-search__item .predictive-search__link {
    font-size: 20px;
  }
}

.predictive-search__actions {
  border: none;
  padding: 0;
  margin: 24px 0 0 0;
}
.predictive-search__actions button {
  padding: 18px 30px;
  background-color: var(--base-bg-btn);
  color: var(--base-light-color);
  font-size: 16px;
  line-height: 1.47;
  font-weight: 500;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.predictive-search__actions button:hover {
  opacity: 0.8 !important;
  background-color: var(--base-bg-btn) !important;
  color: var(--base-light-color);
}
.predictive-search__actions button::before, .predictive-search__actions button::after {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .predictive-search__actions button {
    padding: 11px 19px;
    font-size: 12px;
  }
}

.search-blc-btn-menu__item {
  padding: 0;
}
.search-blc-btn-menu__item:not(:last-child) {
  padding: 0 0 18px;
}
.search-blc-btn-menu__item a {
  font-weight: 700;
}

.bottom-menu {
  margin-top: 40px;
  padding: 40px 24px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .bottom-menu {
    margin-top: 32px;
    padding: 32px 20px;
  }
}
.bottom-menu::before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #d2d2d2;
  width: calc(100% - 48px);
  left: 24px;
  top: 0;
}
.bottom-menu .search-blc-btn-menu__item {
  padding: 0;
}
.bottom-menu .search-blc-btn-menu__item:not(:last-child) {
  padding: 0 0 18px;
}
.bottom-menu .search-blc-btn-menu__item a {
  font-weight: 700;
}

.search-blc-banners {
  margin-top: 30px;
  width: calc(100% - 48px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .search-blc-banners {
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: 0;
  }
}
.search-blc-banners__list {
  margin-top: 24px;
  display: flex;
  gap: 0 20px;
}
@media screen and (max-width: 640px) {
  .search-blc-banners__list {
    margin-top: 16px;
    overflow-x: auto;
    gap: 0 16px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
}
.search-blc-banners__list_item {
  width: 100%;
  max-width: calc(50% - 10px);
  background-color: var(--base-light);
  border-radius: 20px;
  position: relative;
  aspect-ratio: 179/124;
  overflow: clip;
}
@media screen and (max-width: 640px) {
  .search-blc-banners__list_item {
    min-width: 236px;
    scroll-snap-align: start;
    border-radius: 10px;
  }
}
.search-blc-banners__list_item a {
  display: flex;
  height: 100%;
}
.search-blc-banners__list_item__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-blc-banners__list_item__content {
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 30px 50px 30px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .search-blc-banners__list_item__content {
    padding: 16px;
  }
}
.search-blc-banners__list_item__title {
  text-decoration: none;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 500;
  font-family: var(--base_font2);
  color: var(--base-light-color);
  text-wrap: balance;
  max-width: 230px;
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
@media screen and (max-width: 767px) {
  .search-blc-banners__list_item__title {
    font-size: 16px;
    text-transform: capitalize;
  }
}
@media screen and (max-width: 767px) {
  .search-blc-banners__list_item .cta-banners svg {
    width: 24px;
    height: 24px;
  }
}

.search-blc-popular {
  margin-top: 30px;
  width: calc(100% - 48px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .search-blc-popular {
    width: calc(100% - 40px);
  }
}
.search-blc-popular__list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.search-blc-popular__list_item {
  width: 100%;
  padding: 10px 10px 10px 30px;
  border-radius: 20px;
  position: relative;
  border: 1px solid #d2d2d2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .search-blc-popular__list_item {
    flex-direction: column-reverse;
    padding: 16px;
    gap: 12px 0;
  }
}
.search-blc-popular__list_item .content {
  flex: 1;
  max-width: 340px;
  width: 100%;
}
.search-blc-popular__list_item__image {
  width: 100%;
  max-width: 120px;
  aspect-ratio: 120/151;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .search-blc-popular__list_item__image {
    max-width: 100%;
    aspect-ratio: 2.92/1;
  }
  .search-blc-popular__list_item__image .image-fill {
    padding: 0 !important;
  }
  .search-blc-popular__list_item__image .image-fill figure {
    position: static;
  }
}
.search-blc-popular__list_item__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-blc-popular__list_item__title {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 500;
  font-family: var(--base_font2);
  color: var(--color-text);
  display: block;
  text-decoration: underline !important;
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
@media screen and (max-width: 767px) {
  .search-blc-popular__list_item__title {
    font-size: 16px;
    text-decoration: none !important;
    text-transform: capitalize;
  }
}
.search-blc-popular__list_item__title:hover {
  text-decoration: none !important;
}
.search-blc-popular__list_item__cta {
  margin-top: 16px;
}
.search-blc-popular__list_item__cta a {
  padding: 14px 24px;
  background-color: var(--color-text);
  color: var(--base-light-color);
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
@media screen and (max-width: 767px) {
  .search-blc-popular__list_item__cta a {
    font-size: 14px !important;
    padding: 16px 20px !important;
    text-transform: capitalize;
  }
}
.search-blc-popular__list_item__cta a:hover {
  opacity: 0.8;
}

.related-products,
.recent-products {
  padding-top: 60px;
  padding: 0;
  padding-bottom: 220px;
}
@media screen and (max-width: 767px) {
  .related-products,
  .recent-products {
    padding-bottom: 60px;
  }
}
.related-products .section__header,
.recent-products .section__header {
  margin-bottom: 68px;
}
@media screen and (max-width: 767px) {
  .related-products .section__header,
  .recent-products .section__header {
    margin-bottom: 24px;
  }
}
.related-products .section__header .section__heading,
.recent-products .section__header .section__heading {
  font-size: 60px;
  line-height: 1;
  font-weight: 500;
  font-family: var(--base_font2);
  text-align: left;
}
@media screen and (max-width: 1399px) {
  .related-products .section__header .section__heading,
  .recent-products .section__header .section__heading {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  .related-products .section__header .section__heading,
  .recent-products .section__header .section__heading {
    font-size: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .related-products .carousel__container,
  .recent-products .carousel__container {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .related-products .carousel,
  .recent-products .carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  .related-products .carousel,
  .recent-products .carousel {
    padding-bottom: 64px;
    position: relative;
  }
  .related-products .carousel .flickity-button,
  .recent-products .carousel .flickity-button {
    position: absolute;
    bottom: 0;
    width: 40px;
    aspect-ratio: 1/1;
    background-color: var(--base-bg-btn);
    display: flex;
    align-items: center;
    justify-content: center;
    left: inherit;
    opacity: 1;
    visibility: visible;
    transform: none !important;
    border-radius: 8px;
    top: inherit !important;
  }
  .related-products .carousel .flickity-button:focus,
  .recent-products .carousel .flickity-button:focus {
    outline: none;
    box-shadow: none;
  }
  .related-products .carousel .flickity-button::before,
  .recent-products .carousel .flickity-button::before {
    width: 20px;
    height: 20px;
    -webkit-mask-image: none;
            mask-image: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9.25C2.58579 9.25 2.25 9.58579 2.25 10C2.25 10.4142 2.58579 10.75 3 10.75V9.25ZM15.5303 10.5303C15.8232 10.2374 15.8232 9.76256 15.5303 9.46967L10.7574 4.6967C10.4645 4.40381 9.98959 4.40381 9.6967 4.6967C9.40381 4.98959 9.40381 5.46447 9.6967 5.75736L13.9393 10L9.6967 14.2426C9.40381 14.5355 9.40381 15.0104 9.6967 15.3033C9.98959 15.5962 10.4645 15.5962 10.7574 15.3033L15.5303 10.5303ZM3 10.75H15V9.25H3V10.75Z' fill='%23F5F5F5'/%3E%3C/svg%3E");
  }
  .related-products .carousel .flickity-button.previous,
  .recent-products .carousel .flickity-button.previous {
    right: 72px;
  }
  .related-products .carousel .flickity-button.previous::before,
  .recent-products .carousel .flickity-button.previous::before {
    transform: rotate(180deg);
  }
  .related-products .carousel .flickity-button.previous:disabled::before,
  .recent-products .carousel .flickity-button.previous:disabled::before {
    transform: rotate(0);
  }
  .related-products .carousel .flickity-button.next,
  .recent-products .carousel .flickity-button.next {
    right: 20px;
  }
  .related-products .carousel .flickity-button.next::before,
  .recent-products .carousel .flickity-button.next::before {
    transform: rotate(0);
  }
  .related-products .carousel .flickity-button.next:disabled::before,
  .recent-products .carousel .flickity-button.next:disabled::before {
    transform: rotate(180deg);
  }
  .related-products .carousel .flickity-button:disabled,
  .recent-products .carousel .flickity-button:disabled {
    transform: none;
    border: 1px solid #d2d2d2;
    background-color: transparent;
  }
  .related-products .carousel .flickity-button:disabled::before,
  .recent-products .carousel .flickity-button:disabled::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 10.75C17.4142 10.75 17.75 10.4142 17.75 10C17.75 9.58579 17.4142 9.25 17 9.25L17 10.75ZM4.46967 9.46967C4.17678 9.76256 4.17678 10.2374 4.46967 10.5303L9.24264 15.3033C9.53553 15.5962 10.0104 15.5962 10.3033 15.3033C10.5962 15.0104 10.5962 14.5355 10.3033 14.2426L6.06066 10L10.3033 5.75736C10.5962 5.46447 10.5962 4.98959 10.3033 4.6967C10.0104 4.40381 9.53553 4.40381 9.24264 4.6967L4.46967 9.46967ZM17 9.25L5 9.25L5 10.75L17 10.75L17 9.25Z' fill='%23303030'/%3E%3C/svg%3E");
  }
  .related-products .carousel .flickity-page-dots,
  .recent-products .carousel .flickity-page-dots {
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    bottom: 12px;
    left: 20px;
    display: flex;
    align-items: center;
    gap: 0 6px;
  }
  .related-products .carousel .flickity-page-dots .dot,
  .recent-products .carousel .flickity-page-dots .dot {
    background-color: #8c8c8c;
    margin: 0;
    width: 6px;
    height: 6px;
    opacity: 1;
    border: none;
  }
  .related-products .carousel .flickity-page-dots .dot.is-selected,
  .recent-products .carousel .flickity-page-dots .dot.is-selected {
    width: 30px;
    background-color: var(--base-bg-btn);
  }
}
@media screen and (min-width: 1024px) {
  .related-products .carousel .carousel__item,
  .recent-products .carousel .carousel__item {
    --space: 60px;
    width: 100%;
    max-width: calc(25% - var(--space));
    margin-left: var(--space);
    margin-right: 0;
  }
  .related-products .carousel .carousel__item:first-child,
  .recent-products .carousel .carousel__item:first-child {
    margin-left: 0;
  }
  .related-products .carousel .carousel__item:nth-child(2),
  .recent-products .carousel .carousel__item:nth-child(2) {
    margin-inline: var(--space);
  }
}
@media screen and (min-width: 992px) and (max-width: 1499px) {
  .related-products .carousel .carousel__item,
  .recent-products .carousel .carousel__item {
    --space: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .related-products .carousel .carousel__item,
  .recent-products .carousel .carousel__item {
    margin-right: 16px;
    width: calc(100% - 88px);
  }
}
.related-products .carousel .carousel__item .product-grid-item__image,
.recent-products .carousel .carousel__item .product-grid-item__image {
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .related-products .carousel .carousel__item .product-grid-item__image,
  .recent-products .carousel .carousel__item .product-grid-item__image {
    --product-media-padding-top: 79%;
  }
}
.related-products .carousel .carousel__item .product-grid-item__image .product__media__holder,
.recent-products .carousel .carousel__item .product-grid-item__image .product__media__holder {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .related-products .carousel .carousel__item .product-grid-item__image,
  .recent-products .carousel .carousel__item .product-grid-item__image {
    overflow: inherit;
  }
  .related-products .carousel .carousel__item .product-grid-item__image .product__media__container,
  .recent-products .carousel .carousel__item .product-grid-item__image .product__media__container {
    overflow: inherit;
  }
}
.related-products .carousel .carousel__item .product-grid-item__info,
.recent-products .carousel .carousel__item .product-grid-item__info {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.related-products .carousel .carousel__item .product-grid-item__title,
.recent-products .carousel .carousel__item .product-grid-item__title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
  font-family: var(--base_font2);
  color: var(--color-text);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.related-products .carousel .carousel__item .product-grid-item__title:hover,
.recent-products .carousel .carousel__item .product-grid-item__title:hover {
  color: var(--color-primary);
}
@media screen and (max-width: 1399px) {
  .related-products .carousel .carousel__item .product-grid-item__title,
  .recent-products .carousel .carousel__item .product-grid-item__title {
    font-size: 24px;
  }
}
.related-products .carousel .carousel__item .product-cutline,
.recent-products .carousel .carousel__item .product-cutline {
  margin: 12px 0 0 0;
  font-size: 16px;
  line-height: 1.625;
  font-weight: 500;
  color: #686868 !important;
}
.related-products .carousel .carousel__item .product-grid-item__price,
.recent-products .carousel .carousel__item .product-grid-item__price {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text);
}
.related-products .carousel .carousel__item .product-grid-item__price s,
.recent-products .carousel .carousel__item .product-grid-item__price s {
  color: var(--color-light-dark);
}
.related-products .carousel .carousel__item .product-grid-item__quick-buy,
.recent-products .carousel .carousel__item .product-grid-item__quick-buy {
  --size: 80px;
  top: calc(50% - var(--size) / 2);
  bottom: inherit;
  right: inherit;
  left: calc(50% - var(--size) / 2);
  width: var(--size);
  height: var(--size);
}
@media screen and (max-width: 1023px) {
  .related-products .carousel .carousel__item .product-grid-item__quick-buy,
  .recent-products .carousel .carousel__item .product-grid-item__quick-buy {
    --size: 60px;
    top: initial;
    left: initial;
    right: 8px;
    bottom: -12px;
  }
}
@media screen and (max-width: 767px) {
  .related-products .carousel .carousel__item .product-grid-item__quick-buy,
  .recent-products .carousel .carousel__item .product-grid-item__quick-buy {
    --size: 40px;
  }
}
.related-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick,
.recent-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick {
  width: var(--size);
  height: var(--size);
  position: static;
  background-color: var(--color-primary);
  border-radius: 100%;
}
.related-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__inner,
.recent-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__inner {
  width: 100%;
  height: 100%;
  background-color: transparent;
  box-shadow: none;
  flex-direction: column;
}
.related-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__inner svg,
.recent-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__inner svg {
  width: 34px;
  height: 34px;
}
@media screen and (max-width: 767px) {
  .related-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__inner svg,
  .recent-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__inner svg {
    width: 18px;
    height: 18px;
  }
}
.related-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__inner svg path,
.recent-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__inner svg path {
  fill: var(--base-light);
  stroke: var(--base-light);
}
.related-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__text,
.recent-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__text {
  opacity: 1;
  color: var(--base-light-color);
  font-weight: 500;
  font-size: 12px;
}
.related-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__loader,
.recent-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__loader {
  left: 50%;
  top: 50px;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
}
.related-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__loader svg,
.recent-products .carousel .carousel__item .product-grid-item__quick-buy .btn--quick .btn__loader svg {
  display: block;
  width: 100%;
  height: 100%;
}

.breadcrumbs-section {
  --link-color: #686868;
  padding-top: 36px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .breadcrumbs-section {
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
.breadcrumbs-section .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0 2px;
}
.breadcrumbs-section .breadcrumbs__link {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  margin: 0;
  color: var(--link-color);
}
@media screen and (max-width: 1023px) {
  .breadcrumbs-section .breadcrumbs__link {
    font-size: 12px;
  }
}
.breadcrumbs-section .breadcrumbs__current {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  margin: 0;
  color: var(--color-text);
}
@media screen and (max-width: 1023px) {
  .breadcrumbs-section .breadcrumbs__current {
    font-size: 12px;
  }
}
.breadcrumbs-section .breadcrumbs__sep {
  font-size: 0;
  margin: 0;
  position: relative;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.breadcrumbs-section .breadcrumbs__sep::before {
  content: "";
  width: 7px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 1.5L5.25 6L0.75 10.5' stroke='%23686868' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1023px) {
  .breadcrumbs-section .breadcrumbs__sep::before {
    width: 3px;
    height: 6px;
  }
}

.collection__header__title {
  font-size: 100px;
  line-height: 1.15;
  font-family: var(--base_font2);
  font-weight: 500;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .collection__header__title {
    font-size: 40px;
  }
}
.collection__header__list-collection {
  margin: 0;
  margin-top: 40px;
  list-style: none;
  padding: 0;
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .collection__header__list-collection {
    flex-wrap: nowrap;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    margin-top: 20px;
    gap: 8px;
  }
}
.collection__header__list-collection li {
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .collection__header__list-collection li {
    scroll-snap-align: start;
  }
}
.collection__header__list-collection li a {
  padding: 8px 8px 8px 36px;
  display: flex;
  align-items: center;
  gap: 0 24px;
  font-size: 20px;
  font-weight: 500;
  border-radius: 150px;
  border: 1px solid #d2d2d2;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
  width: -moz-max-content;
  width: max-content;
}
.collection__header__list-collection li a.active {
  background-color: var(--base-light-color);
  border-color: transparent;
}
.collection__header__list-collection li a:hover {
  background-color: var(--base-light-color);
  border-color: transparent;
}
@media screen and (max-width: 1023px) {
  .collection__header__list-collection li a {
    padding: 4px 4px 4px 16px;
    gap: 12px;
    font-size: 14px;
  }
}
.collection__header__list-collection li a img {
  width: 60px;
  flex: 0 0 60px;
  aspect-ratio: 1/1;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .collection__header__list-collection li a img {
    flex: 0 0 48px;
    width: 48px;
  }
}

.collection-section {
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  .collection-section {
    margin-top: 32px;
  }
}

.collection__inner {
  width: 100%;
  margin-top: 56px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .collection__inner {
    margin-top: 24px;
  }
}
.collection__inner::before {
  content: "";
  position: absolute;
  left: -40px;
  width: 100vw;
  top: -1px;
  height: 1px;
  background-color: #d2d2d2;
  z-index: 2;
  pointer-events: none;
}
.collection__inner .filter-top-blc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: auto;
  padding: 20px 0;
  z-index: 10;
}
.collection__inner .collection__filters__toggle {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.collection__inner .collection__filters__toggle::after {
  content: attr(aria-label);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}
.collection__inner .collection__filters__toggle svg {
  pointer-events: none;
}
.collection__inner .collection__filters {
  background: rgba(0, 0, 0, 0.5);
  transition: none;
}
.collection__inner .collection__filters.collection__filters--visible .collection__filters-wrapper {
  left: 0;
}
.collection__inner .collection__filters .collection__filters-wrapper {
  background-color: #fff;
  max-width: 300px;
  left: -100%;
  transition: all linear 0.2s;
}
.collection__inner .collection__filters .collection__filters-wrapper .collection__filters-header {
  padding-top: 20px;
}
.collection__inner .collection__filters .collection__filters-wrapper .collection__filters-header .collection__filters__title {
  font-family: var(--base_font2);
  font-weight: 500;
  font-size: 26px;
}
.collection__inner .collection__filters .collection__filters-wrapper .filter__price__field {
  border-radius: 5px;
}
.collection__inner .collection__filters .collection__filters-wrapper .collection__filters__close-bottom {
  background-color: var(--color-text);
  border-radius: 5px;
  border: none;
  font-size: 16px;
}
.collection__inner .collection__products-count {
  flex-grow: unset;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}
.collection__inner .collection__sort-bar {
  margin: 0;
}
.collection__inner .collection__sort-bar .collection__sort__label {
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.collection__inner .collection__sort-bar .collection__sort__label svg {
  display: block;
  width: 11px;
  height: 8px;
}
.collection__inner .collection__sort-bar .collection__sort__option-wrapper {
  right: 0;
  border-color: #d2d2d2;
  border-radius: 5px;
  padding: 15px;
}
.collection__inner .collection__sort-bar .collection__sort__option-wrapper .collection__filter-tags .collection__filter-tag {
  margin-bottom: 5px;
}
.collection__inner .collection__sort-bar .collection__sort__option-wrapper .collection__filter-tags .collection__filter-tag .collection__sort__button {
  font-size: 14px;
  color: var(--color-text);
}
.collection__inner .collection__sort-bar .collection__sort__option-wrapper .collection__filter-tags .collection__filter-tag .collection__sort__button:hover {
  color: var(--color-light-dark);
}

.collection__products {
  width: 100%;
}
.collection__products .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 115px 0;
}
@media screen and (max-width: 991px) {
  .collection__products .grid {
    gap: 32px 30px;
  }
}
@media screen and (max-width: 767px) {
  .collection__products .grid {
    gap: 32px 16px;
  }
}
.collection__products .grid__item {
  --space: 60px;
  width: 100%;
  max-width: calc(25% - var(--space));
  margin-inline: var(--space);
}
@media screen and (max-width: 991px) {
  .collection__products .grid__item {
    --space: 30px;
    max-width: calc(50% - var(--space) / 2);
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .collection__products .grid__item {
    --space: 16px;
    margin: 0;
  }
}
.collection__products .grid__item:hover .product-grid-item__title {
  color: var(--color-primary);
}
@media screen and (min-width: 992px) {
  .collection__products .grid__item:nth-child(1), .collection__products .grid__item:nth-child(4n), .collection__products .grid__item:nth-child(4n+5) {
    margin: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1499px) {
  .collection__products .grid__item {
    --space: 30px;
  }
}
.collection__products .grid__item .product-grid-item__image {
  border-radius: 20px;
  margin-bottom: 24px;
  padding: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .collection__products .grid__item .product-grid-item__image {
    overflow: inherit;
  }
}
.collection__products .grid__item .product-grid-item__image .product__media__container {
  position: static;
  transform: none;
}
@media screen and (max-width: 1023px) {
  .collection__products .grid__item .product-grid-item__image .product__media__container {
    overflow: inherit;
  }
  .collection__products .grid__item .product-grid-item__image .product__media__container .product__media__holder {
    border-radius: 8px;
    overflow: hidden;
  }
}
.collection__products .grid__item .product-grid-item__image .product__media__container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  mix-blend-mode: multiply;
}
.collection__products .grid__item .product-grid-item__image .product__media__image {
  position: static;
}
.collection__products .grid__item .product-grid-item__image .product__media {
  background-color: var(--base-bg);
  position: static;
}
.collection__products .grid__item .product-grid-item__info {
  gap: 0;
}
.collection__products .grid__item .product-grid-item__info .product-cutline {
  margin-top: 12px;
  margin-bottom: 0;
  color: #686868 !important;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.65;
  font-family: var(--base_font1);
}
@media screen and (max-width: 767px) {
  .collection__products .grid__item .product-grid-item__info .product-cutline {
    font-size: 12px;
    margin-top: 4px;
    line-height: 1.5;
  }
}
.collection__products .grid__item .product-grid-item__title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
  font-family: var(--base_font2);
  color: var(--color-text);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
@media screen and (max-width: 1399px) {
  .collection__products .grid__item .product-grid-item__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .collection__products .grid__item .product-grid-item__title {
    font-size: 16px;
  }
}
.collection__products .grid__item .product-grid-item__price {
  margin-top: 20px;
  color: var(--color-text);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.65;
  font-family: var(--base_font1);
}
@media screen and (max-width: 767px) {
  .collection__products .grid__item .product-grid-item__price {
    font-size: 14px;
    margin-top: 8px;
  }
}
.collection__products .grid__item .product-grid-item__quick-buy {
  --size: 80px;
  top: calc(50% - var(--size) / 2);
  bottom: inherit;
  right: inherit;
  left: calc(50% - var(--size) / 2);
  width: var(--size);
  height: var(--size);
}
@media screen and (max-width: 1023px) {
  .collection__products .grid__item .product-grid-item__quick-buy {
    --size: 60px;
    top: initial;
    left: initial;
    right: 8px;
    bottom: -12px;
  }
}
@media screen and (max-width: 767px) {
  .collection__products .grid__item .product-grid-item__quick-buy {
    --size: 40px;
  }
}
.collection__products .grid__item .product-grid-item__quick-buy .btn--quick {
  width: var(--size);
  height: var(--size);
  position: static;
  background-color: var(--color-primary);
  border-radius: 100%;
}
.collection__products .grid__item .product-grid-item__quick-buy .btn--quick .btn__inner {
  width: 100%;
  height: 100%;
  background-color: transparent;
  box-shadow: none;
  flex-direction: column;
}
.collection__products .grid__item .product-grid-item__quick-buy .btn--quick .btn__inner svg {
  width: 34px;
  height: 34px;
}
@media screen and (max-width: 767px) {
  .collection__products .grid__item .product-grid-item__quick-buy .btn--quick .btn__inner svg {
    width: 18px;
    height: 18px;
  }
}
.collection__products .grid__item .product-grid-item__quick-buy .btn--quick .btn__inner svg path {
  fill: var(--base-light);
  stroke: var(--base-light);
}
.collection__products .grid__item .product-grid-item__quick-buy .btn--quick .btn__text {
  opacity: 1;
  color: var(--base-light-color);
  font-weight: 500;
  font-size: 12px;
}
.collection__products .grid__item .product-grid-item__quick-buy .btn--quick .btn__loader {
  left: 50%;
  top: 50px;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
}
.collection__products .grid__item .product-grid-item__quick-buy .btn--quick .btn__loader svg {
  display: block;
  width: 100%;
  height: 100%;
}
.collection__products .grid__item.soldout .product-grid-item__info,
.collection__products .grid__item.soldout .product__media__holder {
  opacity: 0.4;
}
.collection__products .grid__item.soldout .product-grid-item__quick-buy {
  display: none !important;
}
.collection__products .grid__item.soldout .product__badge__item--sold {
  padding: 8px !important;
  border-radius: 5px !important;
}
.collection__products .grid__item.soldout .product__badge__item--sold span {
  font-size: 16px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .collection__products .grid__item.soldout .product__badge__item--sold span {
    font-size: 12px;
  }
}
.collection__products .collection-promo {
  display: flex;
  flex-direction: column;
  gap: 18px 0;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .collection__products .collection-promo {
    width: 100%;
    max-width: 100%;
    gap: 12px 0;
  }
}
.collection__products .collection-promo__inner {
  flex: 1;
  border-radius: 20px;
  overflow: hidden;
}
.collection__products .collection-promo__inner .collection-promo__bg {
  padding-top: 0 !important;
}
@media screen and (max-width: 991px) {
  .collection__products .collection-promo__inner .collection-promo__bg {
    aspect-ratio: 1/0.52;
  }
}
.collection__products .collection-promo__content {
  position: absolute;
  inset: 0;
  padding: 30px;
}
@media screen and (max-width: 1399px) {
  .collection__products .collection-promo__content {
    padding: 25px;
  }
}
.collection__products .collection-promo__body {
  justify-content: space-between;
  flex-direction: column;
  gap: 15px 0;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .collection__products .collection-promo__body {
    justify-content: center;
  }
}
.collection__products .collection-promo__heading {
  margin: 0;
  font-size: 40px;
  font-weight: 500;
  font-family: var(--base_font2);
  color: var(--base-light-color);
}
@media screen and (max-width: 1399px) {
  .collection__products .collection-promo__heading {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .collection__products .collection-promo__heading {
    font-size: 20px;
  }
}
.collection__products .collection-promo__text {
  color: var(--base-light-color);
  line-height: 1.625;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .collection__products .collection-promo__text {
    font-size: 12px;
  }
}
.collection__products .collection-promo__button {
  margin: 0;
}
.collection__products .collection-promo__button .btn {
  width: 100%;
  max-width: 100%;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: var(--base-light);
  padding: 25px 10px;
  border-radius: 100px;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
@media screen and (max-width: 1399px) {
  .collection__products .collection-promo__button .btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .collection__products .collection-promo__button .btn {
    font-size: 12px;
    padding: 10px;
  }
}
.collection__products .collection-promo__button .btn::before {
  display: none;
}
.collection__products .collection-promo__button .btn:hover {
  opacity: 0.8;
}

.product__badge {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  top: 16px;
  left: 16px;
}
@media screen and (max-width: 1200px) {
  .product__badge {
    top: 8px;
    left: 8px;
  }
}
.product__badge__item {
  border-radius: 100px !important;
  padding: 6px 10px;
  font-size: 13px;
  font-family: var(--base_font1);
  line-height: 1.2;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .product__badge__item {
    font-size: 10px;
    padding: 4px 8px;
  }
}
.product__badge__item-badge-20ff {
  background: #e69464;
}
.product__badge__item-badge-best {
  background: #48a3be;
}
.product__badge__item-badge-gift {
  background: #3eb7ac;
}
.product__badge__item--sold {
  background: #d03d3d;
}

.predictive-search__item .product__badge {
  top: 0;
  left: 0;
}
.predictive-search__item .product__badge__item {
  font-size: 10px;
}

.product__badge__item.soldout {
  position: absolute !important;
  z-index: 10 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.collection__products .collection--no-results {
  padding: 0;
}
.collection__products .collection--no-results .no-matches {
  font-size: 16px;
}
.collection__products .collection--no-results .btn {
  border-radius: 5px;
  font-size: 16px;
}

.product-single {
  font-family: var(--base_font1);
  font-weight: 500;
  padding-bottom: 0;
}
.product-single__wrapper {
  --spaceBottom: 100px;
  display: flex;
  align-items: flex-start;
  gap: 10px 40px;
  padding-bottom: var(--spaceBottom);
  margin-bottom: var(--spaceBottom);
  border-bottom: 1px solid #d2d2d2;
}
@media screen and (max-width: 1023px) {
  .product-single__wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .product-single__wrapper {
    gap: 32px 0;
    border-bottom: none;
    --spaceBottom: 60px;
  }
}
.product-single__wrapper .product__title {
  font-size: 60px;
  line-height: 1.15;
  font-weight: 500;
  font-family: var(--base_font2);
  color: var(--color-text);
  margin: 40px 0 0 0;
}
@media screen and (max-width: 1200px) {
  .product-single__wrapper .product__title {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__title {
    font-size: 30px;
    margin: 0;
  }
}
.product-single__wrapper .product__price {
  align-items: center;
  margin: 12px 0 0 0;
  gap: 0 10px;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__price {
    margin: 0;
  }
}
.product-single__wrapper .product__price--regular {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__price--regular {
    font-size: 16px;
  }
}
.product-single__wrapper .product__price--off {
  background-color: #54ba80;
  font-size: 12px;
}
.product-single__wrapper .product__price * {
  margin: 0;
}
.product-single__wrapper p.product-cutline {
  font-size: 20px;
  line-height: 1.65;
}
.product-single__wrapper .product__description p {
  font-size: 20px;
  line-height: 1.65;
  color: #505050;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__description p {
    font-size: 14px;
  }
}
.product-single__wrapper .product__submit__holder {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__submit__holder {
    margin-top: 24px;
    padding: 0;
  }
}
.product-single__wrapper .product__submit__holder .product__submit__buttons {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.product-single__wrapper .product__submit__holder .product__submit__buttons .btn {
  padding: 24px;
  background-color: var(--base-bg-btn);
  color: var(--base-bg);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__submit__holder .product__submit__buttons .btn {
    border-radius: 8px;
    padding: 16px;
    font-size: 14px;
  }
}
.product-single__wrapper .product__submit__holder .product__submit__buttons .btn:hover {
  opacity: 0.8;
}
.product-single__wrapper .product__submit__holder .product__submit__buttons .btn::before {
  display: none;
}
.product-single__wrapper .product__submit__holder .select-nums {
  flex: 1;
  max-width: 216px;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__submit__holder .select-nums {
    flex: auto;
    max-width: 159px;
  }
}
.product-single__wrapper .product__submit__holder .select-nums .select__fieldset {
  height: 100%;
}
.product-single__wrapper .product__submit__holder .select-nums .select__label {
  display: none;
}
.product-single__wrapper .product__submit__holder .select-nums .select-popout {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.product-single__wrapper .product__submit__holder .select-nums .quantity-selector {
  height: 100%;
  display: flex;
}
.product-single__wrapper .product__submit__holder .select-nums .quantity-selector .quantity__btn {
  flex: 1;
  background: #f5f5f5;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__submit__holder .select-nums .quantity-selector .quantity__btn {
    aspect-ratio: 1/1;
    flex: 0 0 53px;
  }
}
.product-single__wrapper .product__submit__holder .select-nums .quantity-selector .quantity__btn svg {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__submit__holder .select-nums .quantity-selector .quantity__btn svg {
    width: 28px;
    height: 28px;
  }
}
.product-single__wrapper .product__submit__holder .select-nums .quantity-selector .quantity__selector {
  border: none;
  padding: 0;
  text-align: center;
  flex: 1;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__submit__holder .select-nums .quantity-selector .quantity__selector {
    aspect-ratio: 1/1;
    flex: 0 0 53px;
    font-size: 14px;
  }
}
.product-single__wrapper .product__submit__holder .product__form__errors {
  width: 100%;
}
.product-single__wrapper .present-block + .product__accordions {
  margin-top: 60px;
  border-top: 1px solid #d2d2d2;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .present-block + .product__accordions {
    margin-top: 40px;
  }
}
.product-single__wrapper .product__form__wrapper {
  padding-bottom: 0;
}
.product-single__wrapper .product__form__wrapper + .product__accordions {
  margin-top: 60px;
  border-top: 1px solid #d2d2d2;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__form__wrapper + .product__accordions {
    margin-top: 40px;
  }
}
.product-single__wrapper .product__form__wrapper .product__selectors {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper {
  width: 100%;
  margin: 0;
}
.product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper .select__label {
  font-size: 20px;
  line-height: 1.65;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper .select__label {
    font-size: 14px;
  }
}
.product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper .select-popout__toggle {
  border-color: #d2d2d2;
  height: 64px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper .select-popout__toggle {
    border-radius: 8px;
    font-size: 14px;
    height: 53px;
  }
}
.product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper .select-popout__toggle .icon-select {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
  transform: none;
}
.product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper .select-popout__toggle[aria-expanded=true] .icon-select {
  transform: rotate(180deg);
}
.product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper .select-popout__list {
  border-color: #d2d2d2;
  border-radius: 5px;
}
.product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper .select-popout__list .select-popout__value {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__form__wrapper .product__selectors .selector-wrapper .select-popout__list .select-popout__option {
    font-size: 14px;
  }
}
.product-single__wrapper .product__accordions {
  padding: 0;
}
.product-single__wrapper .product__accordions .product__accordion {
  border-bottom: 1px solid #d2d2d2;
}
.product-single__wrapper .product__accordions .product__accordion__title {
  padding: 24px 42px 24px 0;
  font-size: 20px;
  font-family: var(--base_font2);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .product-single__wrapper .product__accordions .product__accordion__title {
    font-size: 16px;
    padding: 20px 35px 20px 0;
  }
}
.product-single__wrapper .product__accordions .product__accordion__title .icon-select {
  position: absolute;
  right: 0;
  height: auto;
  top: calc(50% - 8px);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.product-single__wrapper .product__accordions .product__accordion__title.is-expanded .icon-select {
  transform: rotate(180deg);
}
.product-single__wrapper .product__accordions .product__accordion__inner {
  padding: 0 42px 24px 0;
  color: #505050;
  font-size: 16px;
}
.product-single *:not(.popup-quick-view__gallery) .product-single__gallery {
  flex: 1;
  max-width: 50%;
}
@media screen and (max-width: 1023px) {
  .product-single *:not(.popup-quick-view__gallery) .product-single__gallery {
    width: 100%;
    display: block;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .product-single *:not(.popup-quick-view__gallery) .product-single__gallery {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .product-single *:not(.popup-quick-view__gallery) .product-single__gallery .product-single__media-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .product-single *:not(.popup-quick-view__gallery) .product-single__gallery .product-single__media-slider .product-single__media-slide {
    border-radius: 30px;
  }
  .product-single *:not(.popup-quick-view__gallery) .product-single__gallery .product-single__media-slider .product-single__media-slide:not(:first-child) {
    width: calc(50% - 10px);
  }
  .product-single *:not(.popup-quick-view__gallery) .product-single__gallery .product-single__media-slider .product-single__media-slide .product-single__media--image-height {
    display: none;
  }
  .product-single *:not(.popup-quick-view__gallery) .product-single__gallery .product-single__media-slider .product-single__media-slide figure {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
  .product-single *:not(.popup-quick-view__gallery) .product-single__gallery .product-single__media-slider .product-single__media-slide figure img {
    width: 100%;
    height: 100%;
    position: static;
  }
}
.product-single *:not(.popup-quick-view__gallery) .product-single__gallery .product-single__media-slider {
  position: relative;
}
.product-single *:not(.popup-quick-view__gallery) .product-single__gallery .product-single__media-slider .flickity-page-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.product-single *:not(.popup-quick-view__gallery) .product-single__gallery .flickity-page-dots {
  bottom: inherit;
  display: flex;
  gap: 0 4px;
  left: 16px !important;
  top: 16px !important;
}
.product-single *:not(.popup-quick-view__gallery) .product-single__gallery .flickity-page-dots li {
  margin: 0;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  opacity: 1;
}
.product-single *:not(.popup-quick-view__gallery) .product-single__gallery .flickity-page-dots li.is-selected {
  background-color: var(--color-text);
}
.product-single__details {
  flex: 1;
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .product-single__details {
    max-width: 100%;
  }
}
.product-single .product-single__thumbnails {
  display: none !important;
}

div.product__cutline {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-text);
  padding: 0;
  margin-bottom: 12px;
}
div.product__cutline p {
  margin: 0;
}

.product__title-and-price {
  margin-bottom: 12px;
}

.product-collections {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 19px;
  font-size: 13px;
}
@media screen and (max-width: 1200px) {
  .product-collections {
    margin-bottom: 12px;
  }
}
.product-collections__item {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.product__subs__wrap {
  --activeColor: #544c53;
}
@media screen and (max-width: 767px) {
  .product__subs__wrap {
    margin-top: 16px;
  }
}
.product__subs__wrap__title {
  font-size: 20px;
  line-height: 1.65;
  font-weight: 500;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .product__subs__wrap__title {
    font-size: 14px;
  }
}
.product__subs__wrap .product__subs {
  display: flex;
  gap: 0 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .product__subs__wrap .product__subs {
    flex-direction: column;
    gap: 12px;
  }
}
.product__subs__wrap .product__subs__group {
  flex: 1;
  max-width: 50%;
  border: none;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .product__subs__wrap .product__subs__group {
    max-width: 100%;
    min-width: 100%;
  }
}
.product__subs__wrap .product__subs__group input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.product__subs__wrap .product__subs__group label {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 5px;
  box-shadow: 0px 0px 0 1px #d2d2d2;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .product__subs__wrap .product__subs__group label {
    border-radius: 8px;
    padding: 16px 20px;
  }
}
.product__subs__wrap .product__subs__group label .radio-el {
  font-size: 16px;
  line-height: 1.5;
  min-height: 24px;
  font-weight: 700;
  padding: 0 0 0 36px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .product__subs__wrap .product__subs__group label .radio-el {
    font-size: 14px;
    line-height: 24px;
  }
}
.product__subs__wrap .product__subs__group label .radio-el::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 1px solid #1a1a1a;
}
.product__subs__wrap .product__subs__group label .sale {
  position: absolute;
  background-color: #54ba80;
  color: var(--base-light-color);
  border-radius: 200px;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 10px;
  top: -16px;
  right: 16px;
}
@media screen and (max-width: 767px) {
  .product__subs__wrap .product__subs__group label .sale {
    display: none;
  }
}
.product__subs__wrap .product__subs__group label .text {
  font-size: 14px;
  line-height: 1.47;
  color: #8c8c8c;
  margin: 2px 0 0 0;
  padding: 0 0 0 36px;
  letter-spacing: -0.3px;
  pointer-events: none;
}
.product__subs__wrap .product__subs__group input[type=radio]:checked + label {
  box-shadow: 0px 0px 0 2px var(--activeColor);
}
.product__subs__wrap .product__subs__group input[type=radio]:checked + label .radio-el::before {
  background-color: var(--activeColor);
  border-color: var(--activeColor);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 7.5L3.75 9.75L10.5 1.5' stroke='%23F5F5F5' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.product__subs__wrap .product__subs__option {
  padding: 0;
}
.product__subs__wrap .product__subs__plans {
  flex: 0 0 100%;
  margin: 24px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
@media screen and (max-width: 767px) {
  .product__subs__wrap .product__subs__plans {
    margin: 12px 0 0 0;
    gap: 0 10px;
  }
}
.product__subs__wrap .product__subs__plans.hidden {
  display: none;
}
.product__subs__wrap .product__subs__plans .product__subs__wrap__title {
  width: 100%;
  min-width: 100%;
}
.product__subs__wrap .product__subs__plans input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.product__subs__wrap .product__subs__plans input:checked + label {
  background-color: #303030;
  color: var(--base-light-color);
}
.product__subs__wrap .product__subs__plans .product__subs__option {
  flex: 1;
  position: relative;
  font-size: 16px;
  padding: 20px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .product__subs__wrap .product__subs__plans .product__subs__option {
    font-size: 12px;
    padding: 12px 5px;
    border-radius: 8px;
  }
}

.present-block {
  margin-top: 20px;
  background-color: var(--base-light-color);
  padding: 20px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .present-block {
    padding: 16px 20px;
  }
}
.present-block .product__icon__row {
  display: flex;
  gap: 0 20px;
}
@media screen and (max-width: 767px) {
  .present-block .product__icon__row {
    gap: 0 12px;
    align-items: flex-start;
  }
}
.present-block .product__icon {
  width: 40px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .present-block .product__icon {
    width: 30px;
  }
}
.present-block .product__icon svg {
  width: 100%;
  height: 100%;
}
.present-block .product__icon__text {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  letter-spacing: -0.3px;
}
@media screen and (max-width: 767px) {
  .present-block .product__icon__text {
    font-size: 12px;
  }
}

.popup-quick-view__inner {
  width: auto;
  max-width: 600px;
}
.popup-quick-view__content .product__price {
  display: flex;
  gap: 0 10px;
}
.popup-quick-view__content .product__price span {
  margin: 0;
  font-weight: 700;
}
.popup-quick-view__title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
  font-family: var(--base_font2);
}
@media screen and (max-width: 767px) {
  .popup-quick-view__title {
    font-size: 20px;
  }
}
.popup-quick-view .product__selectors {
  display: flex;
  flex-direction: column;
}
.popup-quick-view .product__selectors .selector-wrapper .select__label {
  font-size: 20px;
  line-height: 1.65;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 12px;
}
.popup-quick-view .product__selectors .selector-wrapper .select-popout__toggle {
  border-color: #d2d2d2;
  height: 50px;
  border-radius: 5px;
}

.product__selectors .selector-wrapper .select-popout{
  border: 1px solid #d2d2d2;
  border-radius: 5px;
}

.product__selectors .selector-wrapper .select-popout ul.select-popout__list__scroll{
  background-color: var(--bg);
  border: 1px solid #d2d2d2;
}

.product__selectors .selector-wrapper .select-popout ul.select-popout__list__scroll li:hover{
  color: #000000 !Important;
}

.popup-quick-view__foot .btn {
  padding: 13px;
  background-color: var(--base-bg-btn);
  color: var(--base-bg);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.popup-quick-view__foot .btn:hover {
  opacity: 0.8;
}
.popup-quick-view .select-popout {
  width: 100%;
  max-width: 100%;
}
.popup-quick-view .select-popout__toggle {
  border-color: #d2d2d2;
  height: 50px;
  border-radius: 5px;
}
.popup-quick-view .select-popout__list {
  border-color: #d2d2d2;
  border-radius: 5px;
}
.popup-quick-view .quantity-selector {
  width: auto;
  display: flex;
  margin-top: 12px;
}
.popup-quick-view .quantity-selector .cart__item__quantity-field {
  width: 36px;
  padding: 0;
  border: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.47;
  font-weight: 500;
}
.popup-quick-view .quantity-selector .quantity__btn--decrease,
.popup-quick-view .quantity-selector .quantity__btn--increase {
  position: static;
  width: 36px;
  height: 36px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  box-shadow: none;
  flex: 0 0 36px;
  border-radius: 5px;
}
@media screen and (max-width: 600px) {
  .popup-quick-view .quantity-selector .quantity__btn--decrease,
  .popup-quick-view .quantity-selector .quantity__btn--increase {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 2px;
  }
}
.popup-quick-view .quantity-selector .quantity__btn--decrease svg,
.popup-quick-view .quantity-selector .quantity__btn--increase svg {
  width: 15px;
  height: 15px;
  color: var(--color-text);
}
.popup-quick-view .quantity-selector .quantity__input {
  border: none;
  width: 32px;
  padding: 0;
  font-size: 14px;
  text-align: center;
}

.shopify-section--marquee {
  width: 100%;
  max-width: 1880px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 0 var(--gutter);
}
.shopify-section--marquee .marquee-inner {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1023px) {
  .shopify-section--marquee .marquee-inner {
    flex-direction: column;
    gap: 10px;
  }
}
.shopify-section--marquee .marquee-inner .announcement {
  overflow: hidden;
  border-radius: 150px;
  flex: 1;
}
.shopify-section--marquee .marquee-inner .announcement__slide {
  padding: 25px 0;
}
@media screen and (max-width: 1023px) {
  .shopify-section--marquee .marquee-inner .announcement__slide {
    padding: 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .shopify-section--marquee .marquee-inner .announcement__slide {
    padding: 10px 0;
  }
}
.shopify-section--marquee .marquee-inner .announcement__slide .text-highlight__break {
  font-size: 20px;
  background: -webkit-linear-gradient(0deg, rgb(56, 191, 200) 0%, rgb(77, 100, 174) 30%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 1023px) {
  .shopify-section--marquee .marquee-inner .announcement__slide .text-highlight__break {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .shopify-section--marquee .marquee-inner .announcement__slide .text-highlight__break {
    font-size: 12px;
  }
}
.shopify-section--marquee .marquee-inner .announcement__block {
  padding: 0 25px !important;
}
.shopify-section--marquee .marquee-inner .announcement__block:before {
  width: 8px;
  height: 8px;
  top: calc(50% - 4px);
  background: rgb(56, 191, 200);
  background: linear-gradient(90deg, rgb(56, 191, 200) 0%, rgb(77, 100, 174) 34%);
}
.shopify-section--marquee .marquee-inner .btn {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  padding: 10px 35px;
  border-radius: 150px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .shopify-section--marquee .marquee-inner .btn {
    font-size: 16px;
    padding: 15px 35px;
  }
}
@media screen and (max-width: 767px) {
  .shopify-section--marquee .marquee-inner .btn {
    font-size: 12px;
    padding: 10px 35px;
  }
}
.shopify-section--marquee .marquee-inner .btn::before {
  display: none;
}

.image-with-text {
  padding: 0;
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .image-with-text {
    margin-bottom: 120px;
  }
}
.image-with-text__items {
  pointer-events: all;
  gap: 30px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1023px) {
  .image-with-text__items {
    flex-direction: column;
  }
}
.image-with-text__image {
  --bgBlock: #544c53;
  flex: 1;
  max-width: 910px;
  background-color: var(--bgBlock);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .image-with-text__image {
    aspect-ratio: 1/1;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .image-with-text__image {
    border-radius: 10px;
  }
}
.image-with-text__image-bg {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 1/1;
  border-radius: 100% !important;
  position: static;
  height: auto;
}
@media screen and (max-width: 1200px) {
  .image-with-text__image-bg {
    max-width: 370px;
  }
}
@media screen and (max-width: 767px) {
  .image-with-text__image-bg {
    max-width: 50%;
  }
}
.image-with-text__image-bg img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-with-text__content {
  pointer-events: all;
  padding: 0 50px;
}
@media screen and (max-width: 1023px) {
  .image-with-text__content {
    padding: 0;
    display: block !important;
    flex-basis: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .image-with-text__content {
    padding: 0 !important;
  }
}
.image-with-text__content-items {
  width: 100%;
  max-width: 600px;
  margin: 100px auto;
}
@media screen and (max-width: 1023px) {
  .image-with-text__content-items {
    max-width: 100%;
    margin: 0;
  }
}
.image-with-text__heading {
  font-size: 60px;
  line-height: 1.15;
  font-family: var(--base_font2);
  color: var(--color-text);
}
@media screen and (max-width: 1200px) {
  .image-with-text__heading {
    font-size: 48px;
  }
}
@media screen and (max-width: 1023px) {
  .image-with-text__heading {
    font-size: 30px;
    line-height: 1.2;
  }
}
.image-with-text__text {
  margin: 40px 0 0 0;
}
@media screen and (max-width: 1023px) {
  .image-with-text__text {
    margin: 24px 0 0 0;
  }
}
.image-with-text__text p {
  font-size: 30px;
  line-height: 1.45;
  color: #8c8c8c;
}
@media screen and (max-width: 1200px) {
  .image-with-text__text p {
    font-size: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .image-with-text__text p {
    font-size: 16px;
    line-height: 1.6;
  }
}
.image-with-text__gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .image-with-text__gallery {
    margin: 24px 0 0 0;
  }
}
.image-with-text__gallery_item {
  width: 100%;
  max-width: 100px;
}
@media screen and (max-width: 767px) {
  .image-with-text__gallery_item {
    max-width: 85px;
  }
}
.image-with-text__gallery_item img {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.large-text {
  margin: 0 0 120px 0;
}
.large-text__inner {
  display: flex;
  gap: 0 20px;
  border-top: 1px solid #d2d2d2;
  padding-top: 100px;
}
@media screen and (max-width: 1340px) {
  .large-text__inner {
    gap: 0 50px;
  }
}
@media screen and (max-width: 767px) {
  .large-text__inner {
    flex-direction: column;
    padding-top: 0;
    border: none;
  }
}
.large-text__left {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.large-text__left-content {
  height: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
}
.large-text__heading {
  font-size: 60px;
  line-height: 1.15;
  font-family: var(--base_font2);
  margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  .large-text__heading {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .large-text__heading {
    font-size: 30px;
    margin-bottom: 8px;
  }
}
.large-text__heading p {
  font-size: inherit;
  margin: 0;
}
.large-text__heading + .large-text__image {
  margin-top: auto;
}
.large-text__text {
  font-size: 30px;
  line-height: 1.45;
  color: #8c8c8c;
}
@media screen and (max-width: 1200px) {
  .large-text__text {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .large-text__text {
    font-size: 16px;
  }
}
.large-text__text p {
  font-size: inherit;
  margin: 0;
  font-weight: 500;
}
.large-text__text + .large-text__image {
  margin-top: auto;
}
.large-text__buttons {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .large-text__buttons {
    margin-top: 16px;
  }
}
.large-text__buttons .btn-plus {
  font-size: 20px;
  color: #8c8c8c;
  display: flex;
  align-items: center;
  gap: 0 8px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .large-text__buttons .btn-plus {
    font-size: 16px;
  }
}
.large-text__buttons .btn-plus.is-active {
  color: var(--color-text);
}
.large-text__buttons .btn-plus.is-active svg path {
  fill: var(--color-text);
}
.large-text__buttons .btn-plus.is-active + .resources-block {
  height: -moz-fit-content;
  height: fit-content;
}
.large-text__buttons .resources-block {
  margin-top: 16px;
  height: 0;
  overflow: hidden;
}
.large-text__buttons .resources-block p {
  font-size: 16px;
  line-height: 1.47;
  color: var(--color-text);
}
@media screen and (max-width: 767px) {
  .large-text__buttons .resources-block p {
    font-size: 14px;
  }
}
.large-text__buttons .resources-block ol,
.large-text__buttons .resources-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.large-text__buttons .resources-block ol li,
.large-text__buttons .resources-block ul li {
  padding: 0 0 0 36px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .large-text__buttons .resources-block ol li,
  .large-text__buttons .resources-block ul li {
    padding: 0 0 0 24px;
  }
}
.large-text__buttons .resources-block ol li:before,
.large-text__buttons .resources-block ul li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 11px;
  width: 4px;
  height: 4px;
  background: var(--color-text);
}
@media screen and (max-width: 767px) {
  .large-text__buttons .resources-block ol li:before,
  .large-text__buttons .resources-block ul li:before {
    left: 0px;
  }
}
.large-text__buttons .resources-block ol li:not(:last-child),
.large-text__buttons .resources-block ul li:not(:last-child) {
  margin-bottom: 6px;
}
.large-text__buttons .resources-block ol li a,
.large-text__buttons .resources-block ul li a {
  font-size: 16px;
  line-height: 1.47;
  color: var(--color-text);
  transition: color linear 0.2s;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .large-text__buttons .resources-block ol li a,
  .large-text__buttons .resources-block ul li a {
    font-size: 14px;
  }
}
.large-text__buttons .resources-block ol li a:hover,
.large-text__buttons .resources-block ul li a:hover {
  color: var(--color-primary);
}
.large-text__buttons + .large-text__image {
  margin-top: auto;
}
.large-text__image_caption, .large-text__image {
  max-width: 430px;
}
@media screen and (max-width: 767px) {
  .large-text__image_caption, .large-text__image {
    display: none;
  }
}
.large-text__image_caption {
  max-width: 430px;
  font-size: 14px;
  line-height: 1.55;
  color: #8c8c8c;
  margin: auto 0 20px 0;
}
.large-text__image_caption p {
  margin: 0;
}
.large-text__right {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .large-text__right {
    margin-top: 24px;
  }
}
.large-text__right p {
  margin: 0 0 12px 0;
  font-size: 16px;
  line-height: 1.65;
  color: var(--color-text);
}
.large-text__right p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .large-text__right p {
    font-size: 14px;
  }
}
.large-text__right ol li {
  font-size: 16px;
  line-height: 1.65;
  color: var(--color-text);
  transition: color linear 0.2s;
}
.large-text__right ol li:hover {
  color: var(--color-primary);
}
@media screen and (max-width: 767px) {
  .large-text__right ol li {
    font-size: 14px;
  }
}
.large-text__right ol li a {
  font-size: 16px;
  line-height: 1.65;
  color: var(--color-text);
  transition: color linear 0.2s;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .large-text__right ol li a {
    font-size: 14px;
  }
}
.large-text__right ol li a:hover {
  color: var(--color-primary);
}

.mosaic {
  margin-top: 220px;
  border-top: 1px solid #d2d2d2;
  padding-top: 250px;
  padding-bottom: 250px;
}
@media screen and (max-width: 1023px) {
  .mosaic {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 60px;
  }
}
.mosaic__grid {
  justify-content: flex-start;
  margin: 0 !important;
  align-items: stretch !important;
}
@media screen and (max-width: 1023px) {
  .mosaic__grid {
    gap: 20px;
  }
}
.mosaic__item {
  --space: 60px;
  margin-left: var(--space);
  max-width: calc(25% - var(--space));
  padding: 0;
  background-color: #f5f5f5;
  border-radius: 20px;
}
@media screen and (max-width: 1500px) {
  .mosaic__item {
    --space: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .mosaic__item {
    --space: 20px;
    width: 100%;
    max-width: calc(50% - 10px);
    margin-left: 0;
  }
  .mosaic__item--1 .mosaic__item__heading {
    font-size: 30px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 600px) {
  .mosaic__item--1 {
    aspect-ratio: 320/480;
  }
}
@media screen and (max-width: 600px) {
  .mosaic__item {
    max-width: 100%;
  }
}
.mosaic__item.original-height {
  align-self: stretch;
}
@media screen and (min-width: 1024px) {
  .mosaic__item--1 {
    margin: 0;
  }
  .mosaic__item--1 .mosaic__item__heading {
    font-size: 40px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1500px) {
  .mosaic__item--1 .mosaic__item__heading {
    font-size: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .mosaic__item--2 {
    margin-inline: var(--space);
  }
}
.mosaic__item__content {
  padding: 30px !important;
}
@media screen and (max-width: 1600px) {
  .mosaic__item__content {
    padding: 30px 15px !important;
  }
}
@media screen and (max-width: 1023px) {
  .mosaic__item__content {
    padding: 20px !important;
  }
}
.mosaic__item__image {
  position: static;
  width: 100%;
  margin-bottom: 67px;
  flex: 1;
}
.mosaic__item__image::after {
  display: none;
}
.mosaic__item__image .image-fill {
  width: 100%;
  padding: 0 !important;
}
.mosaic__item__image .image-fill figure {
  position: static;
}
.mosaic__item__image .image-fill figure img {
  max-height: 260px;
  width: auto;
  margin: 0 auto;
}
.mosaic__item__subheading {
  padding: 8px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.47;
  font-weight: 700;
  border-radius: 5px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1023px) {
  .mosaic__item__subheading {
    font-size: 12px;
  }
}
.mosaic__item__heading {
  font-family: var(--base_font2);
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
  margin: 16px 0 30px;
  position: relative;
  z-index: 2;
  margin-top: 0;
}
@media screen and (max-width: 1023px) {
  .mosaic__item__heading {
    font-size: 20px;
  }
}
.mosaic__item__buttons {
  width: 100%;
  margin-top: auto;
  display: flex;
  gap: 0 20px;
}
.mosaic__item__btn {
  flex: 1;
  margin: 0;
  padding: 24px 5px;
  font-size: 16px;
  text-align: center;
  border-radius: 10px;
  transition: all linear 0.2s;
  letter-spacing: -0.2px;
  height: 100%;
}
.mosaic__item__btn:before {
  display: none;
}
.mosaic__item__btn.btn--outline {
  border-color: #d2d2d2;
}
.mosaic__item__btn:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1023px) {
  .mosaic__item__btn {
    padding: 16px 5px;
  }
}

.accordions-section {
  margin-bottom: 120px;
}
.accordions-section__inner {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1340px) {
  .accordions-section__inner {
    gap: 0 50px;
  }
}
@media screen and (max-width: 767px) {
  .accordions-section__inner {
    flex-direction: column-reverse;
    gap: 32px 0;
  }
}
.accordions-section__container {
  flex: 1;
}
.accordions-section__container_inner {
  max-width: 600px;
  margin: 0 auto;
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  .accordions-section__container_inner {
    padding-top: 0;
    max-width: 100%;
  }
}
.accordions-section__container .section__heading {
  font-size: 60px;
  line-height: 1.15;
  font-family: var(--base_font2);
  margin-bottom: 40px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .accordions-section__container .section__heading {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .accordions-section__container .section__heading {
    font-size: 30px;
    margin-bottom: 24px;
  }
}
.accordions-section__container .section__heading p {
  font-size: inherit;
  margin: 0;
}
.accordions-section__container .accordion__list {
  border-top: 1px solid #d2d2d2;
}
.accordions-section__container .accordion__item:after {
  background-color: #d2d2d2;
}
.accordions-section__container .accordion__item__title {
  padding-block: 24px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .accordions-section__container .accordion__item__title {
    padding-block: 20px;
  }
}
.accordions-section__container .accordion__item__title__text {
  font-family: var(--base_font2);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 1023px) {
  .accordions-section__container .accordion__item__title__text {
    font-size: 16px;
  }
}
.accordions-section__container .accordion__item__title svg {
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  transition: all linear 0.2s;
}
.accordions-section__container .accordion__item__title.is-expanded svg {
  transform: rotate(-180deg);
}
.accordions-section__container .accordion__item__text {
  padding-bottom: 24px;
}
.accordions-section__container .accordion__item__text .image {
  width: 80px;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 100%;
  margin-bottom: 24px;
}
@media screen and (max-width: 1023px) {
  .accordions-section__container .accordion__item__text .image {
    margin-bottom: 16px;
  }
}
.accordions-section__container .accordion__item__text .image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.accordions-section__container .accordion__item__text .text {
  font-size: 20px;
  line-height: 1.6;
  color: #505050;
}
@media screen and (max-width: 1023px) {
  .accordions-section__container .accordion__item__text .text {
    font-size: 14px;
  }
}
.accordions-section__image {
  flex: 1;
}
.accordions-section__image .image-fill {
  padding: 0 !important;
  height: 100%;
}
.accordions-section__image .image-fill figure {
  position: static;
  border-radius: 30px;
  overflow: hidden;
}
.accordions-section__image .image-fill figure img {
  position: static;
  aspect-ratio: 1/0.84;
}
@media screen and (max-width: 767px) {
  .accordions-section__image .image-fill figure img {
    aspect-ratio: 1/1;
  }
}

.section__header {
  position: relative;
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1023px) {
  .section__header {
    margin-bottom: 24px !important;
  }
}
.section__header .section__heading {
  font-size: 100px;
  line-height: 1.15;
  font-family: var(--base_font2);
  font-weight: 500;
  margin: 0;
  text-align: left;
  padding-bottom: 40px;
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  .section__header .section__heading {
    font-size: 40px;
    margin-top: 32px;
    padding-bottom: 24px;
  }
}
.section__header .section__heading-line {
  position: absolute;
  bottom: 0;
  left: -50vw;
  width: 200vw;
  background-color: #d2d2d2;
}
@media screen and (max-width: 1023px) {
  .section__header .section__heading-line {
    left: 0;
    width: 100%;
  }
}

.heading-block {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 120px;
}
@media screen and (max-width: 1023px) {
  .heading-block {
    margin-bottom: 32px;
    flex-direction: column;
    gap: 12px;
  }
}
.heading-block__title {
  font-size: 60px;
  line-height: 1.15;
  font-family: var(--base_font2);
  font-weight: 500;
  max-width: 410px;
  letter-spacing: -1px;
  margin: 0;
}
@media screen and (max-width: 1400px) {
  .heading-block__title {
    font-size: 40px;
    max-width: 340px;
  }
}
@media screen and (max-width: 1023px) {
  .heading-block__title {
    order: 2;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .heading-block__title {
    font-size: 30px;
  }
}
.heading-block__text {
  font-size: 20px;
  line-height: 1.65;
  color: #505050;
  width: 100%;
  max-width: 755px;
  margin-left: auto;
}
.heading-block__text p {
  margin: 0;
}
@media screen and (max-width: 1400px) {
  .heading-block__text {
    max-width: 490px;
  }
}
@media screen and (max-width: 1023px) {
  .heading-block__text {
    order: 3;
    max-width: 100%;
  }
  .heading-block__text br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .heading-block__text {
    font-size: 12px;
  }
  .heading-block__text p {
    font-size: 12px;
  }
}
.heading-block__count {
  font-size: 13px;
  color: #505050;
}
@media screen and (max-width: 1023px) {
  .heading-block__count {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .heading-block__count {
    font-size: 10px;
  }
}

.list-collections-section__container {
  padding-bottom: 250px;
}
@media screen and (max-width: 1023px) {
  .list-collections-section__container {
    padding-bottom: 120px;
  }
}
.list-collections-section__container .grid {
  margin: 0 !important;
}
@media screen and (max-width: 1023px) {
  .list-collections-section__container .grid {
    flex-direction: column;
    gap: 24px;
  }
}
.list-collections-section__container .grid-sizer, .list-collections-section__container .grid__item {
  flex-basis: auto;
  width: calc(33.1% - 10px);
  margin-bottom: 20px;
}
@media screen and (max-width: 1340px) {
  .list-collections-section__container .grid-sizer, .list-collections-section__container .grid__item {
    width: calc(33% - 10px);
  }
}
@media screen and (max-width: 1023px) {
  .list-collections-section__container .grid-sizer, .list-collections-section__container .grid__item {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .list-collections-section__container .grid-sizer {
    display: none;
  }
}
.list-collections-section__container .grid .list-collections__item {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1/1.033333333;
  max-height: 620px;
}
@media screen and (max-width: 1023px) {
  .list-collections-section__container .grid .list-collections__item {
    aspect-ratio: 1/1.25;
    border-radius: 10px;
    margin-bottom: 0;
  }
}
.list-collections-section__container .grid .list-collections__item.list-collections__item--wide_block {
  width: calc(66.5% - 10px);
  aspect-ratio: 1.967741935/1;
}
@media screen and (max-width: 1340px) {
  .list-collections-section__container .grid .list-collections__item.list-collections__item--wide_block {
    width: calc(66.3% - 10px);
  }
}
@media screen and (max-width: 1023px) {
  .list-collections-section__container .grid .list-collections__item.list-collections__item--wide_block {
    max-width: 100%;
    aspect-ratio: 1/1.25;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .list-collections-section__container .grid .list-collections__item.list-collections__item--high_block {
    height: 1000px;
    aspect-ratio: 1/1.366666667;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
}
.list-collections-section__container .grid .list-collections__item__outer {
  position: relative;
  height: 100%;
}
.list-collections-section__container .grid .list-collections__item__outer:hover .list-collections__item__title {
  text-decoration: underline;
  text-decoration-thickness: 4px;
}
.list-collections-section__container .grid .list-collections__item__image {
  padding-top: 0;
  position: absolute;
  inset: 0;
  height: auto;
}
.list-collections-section__container .grid .list-collections__item__image-bg {
  position: static;
}
.list-collections-section__container .grid .list-collections__item__content {
  position: relative;
  z-index: 2;
  padding: 60px 40px;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--base-light-color);
  height: 100%;
}
@media screen and (max-width: 1400px) {
  .list-collections-section__container .grid .list-collections__item__content {
    padding: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .list-collections-section__container .grid .list-collections__item__content {
    padding: 30px 20px;
  }
}
.list-collections-section__container .grid .list-collections__item__content span {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 19px;
  color: currentColor;
}
@media screen and (max-width: 1023px) {
  .list-collections-section__container .grid .list-collections__item__content span {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .list-collections-section__container .grid .list-collections__item__content span {
    font-size: 10px;
  }
}
.list-collections-section__container .grid .list-collections__item__content .list-collections__item__title {
  font-size: 60px;
  line-height: 1.2;
  max-width: 370px;
  width: 100%;
  color: currentColor;
  text-align: left;
  transition: all linear 0.2s;
}
@media screen and (max-width: 1400px) {
  .list-collections-section__container .grid .list-collections__item__content .list-collections__item__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .list-collections-section__container .grid .list-collections__item__content .list-collections__item__title {
    font-size: 30px;
  }
}
.list-collections-section__container .grid .list-collections__item__content .mobile-btn {
  padding: 16px 24px;
  font-size: 14px;
  background-color: var(--base-light-color);
  border-radius: 8px;
  margin: auto 0 0 0;
  color: var(--color-text);
  font-family: var(--base_font1);
  font-weight: 500;
  display: none;
}
@media screen and (max-width: 640px) {
  .list-collections-section__container .grid .list-collections__item__content .mobile-btn {
    display: block;
  }
}
.list-collections-section__container .grid .list-collections__item--bottom-left .list-collections__item__content {
  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
  .list-collections-section__container .grid .list-collections__item--bottom-left .list-collections__item__content {
    justify-content: flex-start;
  }
}

.collection__filters .collection__sort {
  display: none !important;
}

.collection-header {
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  .collection-header {
    margin-top: 32px;
  }
}

.search-page {
  margin-top: 40px;
}
.search-page__head--text {
  font-size: 20px;
  color: #686868;
  margin: 20px 0 0 0;
}
@media screen and (max-width: 1023px) {
  .search-page__head--text {
    font-size: 12px;
    margin: 16px 0 0 0;
  }
}
.search-page__title {
  margin: 0 !important;
  padding: 0;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
}
.search-page .mobile-toogle-search {
  display: none !important;
}
.search-page .search-popdown .search-form__inner {
  padding: 0;
  margin-top: 10px;
}
.search-page .search-popdown .search-form__inner .search-form__input-holder {
  max-width: 100%;
  background: transparent;
}
.search-page .search-popdown .search-form__inner .search-form__input-holder .search-form__label {
  display: none;
}
.search-page .search-popdown .search-form__inner .search-form__input-holder input {
  background: transparent;
  font-size: 30px;
  font-family: var(--base_font2);
  padding: 20px 0;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 0;
}
.search-page .search-popdown .search-form__inner .search-form__input-holder .search-popdown__close {
  opacity: 1;
  visibility: visible;
  width: 26px;
  height: 26px;
  background: #33363f;
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .search-page .search-popdown .search-form__inner .search-form__input-holder .search-popdown__close {
    display: flex;
  }
}
.search-page .search-popdown .search-form__inner .search-form__input-holder .search-popdown__close svg {
  width: 18px;
  height: 18px;
  color: var(--base-light-color);
}
.search-page .collection__inner::before {
  display: none;
}
@media screen and (max-width: 1023px) {
  .search-page .collection__inner {
    margin-top: 78px;
  }
}

.js-drawer-open-cart .cart-drawer {
  --drawer-width: 735px;
  transition: all linear 0.2s;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .js-drawer-open-cart .cart-drawer {
    --drawer-width: 535px;
  }
}
@media screen and (max-width: 600px) {
  .js-drawer-open-cart .cart-drawer {
    --drawer-width: 100%;
  }
}

.cart-drawer {
  width: 100%;
  border-radius: 30px 0 0 30px;
  max-width: var(--drawer-width);
  padding: 40px;
  transform: none !important;
  transition: all linear 0.2s;
  left: inherit;
  right: calc(-1 * var(--drawer-width));
  background: linear-gradient(180deg, rgb(255, 255, 255) 40%, rgb(248, 248, 248) 100%); /* added 10/23/25 fix cart open menu bg set transparent above 1200px width */
}
@media screen and (max-width: 1200px) {
  .cart-drawer {
    padding: 40px 20px;
    border-radius: 20px 0 0 20px;
  }
}
@media screen and (max-width: 1023px) {
  .cart-drawer {
    background: linear-gradient(180deg, rgb(255, 255, 255) 40%, rgb(248, 248, 248) 100%);
  }
}
@media screen and (max-width: 600px) {
  .cart-drawer {
    border-radius: 0;
  }
}
.cart-drawer__body {
  min-height: 45vh;
}
.cart-drawer__head {
  padding: 0 0 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  .cart-drawer__head {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.cart-drawer__head h3 {
  font-size: 30px;
  font-family: var(--base_font2);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0 8px;
}
.cart-drawer__head .loader {
  display: none;
}
.cart-drawer__close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  padding: 0;
  width: 40px;
  height: 40px;
  margin: 0 0 0 auto;
}
.cart-drawer__close .close-wrap {
  width: 24px;
  height: 24px;
  background: var(--base-bg-btn);
  border-radius: 100%;
  display: flex;
}
.cart-drawer__close svg {
  width: 20px;
  height: 20px;
  color: var(--base-light-color);
  margin: auto;
}
.cart-drawer__item-qty {
  font-size: 30px;
  font-family: var(--base_font2);
  font-weight: 500;
}
.cart-drawer__item-qty::before, .cart-drawer__item-qty::after {
  display: none;
}
.cart-drawer__items {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}
.cart-drawer__items .cart__item {
  padding: 0;
  align-items: center;
  gap: 0 20px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .cart-drawer__items .cart__item {
    gap: 0 12px;
  }
}
.cart-drawer__items .cart__item__image {
  margin: 0;
  background-color: #f5f5f5;
  border-radius: 10px;
}
.cart-drawer__items .cart__item__image a {
  width: 140px;
  height: auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 600px) {
  .cart-drawer__items .cart__item__image a {
    width: 100px;
  }
}
.cart-drawer__items .cart__item__content {
  width: auto;
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 0 20px;
}
@media screen and (max-width: 600px) {
  .cart-drawer__items .cart__item__content {
    flex-direction: column;
    gap: 12px;
  }
}
.cart-drawer__items .cart__item__content-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}
@media screen and (max-width: 600px) {
  .cart-drawer__items .cart__item__content-inner {
    gap: 4px;
  }
}
.cart-drawer__items .cart__item__content-inner .cart__item__info {
  max-width: 100%;
}
.cart-drawer__items .cart__item__content-inner .cart__item__title a {
  font-size: 16px;
  font-family: var(--base_font2);
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
  .cart-drawer__items .cart__item__content-inner .cart__item__title a {
    font-size: 14px;
  }
}
.cart-drawer__items .cart__item__content-inner .cart__item__price {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .cart-drawer__items .cart__item__content-inner .cart__item__price {
    font-size: 12px;
  }
}
.cart-drawer__items .cart__item__bottom {
  margin: 0;
}
@media screen and (max-width: 600px) {
  .cart-drawer__items .cart__item__bottom {
    width: 100%;
  }
}
.cart-drawer__items .cart__item__bottom .cart__item__remove {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
@media screen and (max-width: 600px) {
  .cart-drawer__items .cart__item__bottom .cart__item__remove {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 0 0 auto;
  }
}
.cart-drawer__items .cart__item__bottom .cart__item__remove svg {
  width: 16px;
  height: 16px;
}
.cart-drawer__items .cart__item__bottom .cart__item__remove svg path {
  fill: var(--base-footer-bg);
}
.cart-drawer__foot {
  padding: 0;
}
.cart-drawer__foot .cart__foot-inner {
  padding-top: 20px;
}
.cart-drawer__foot .cart__foot-inner .total-block {
  width: 100%;
  margin-bottom: 32px;
}
.cart-drawer__foot .cart__foot-inner .total-block h4 {
  font-size: 40px;
  line-height: 1.3;
  margin: 0 0 24px;
}
.cart-drawer__foot .cart__foot-inner .total-block_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-drawer__foot .cart__foot-inner .total-block_row span {
  font-size: 16px;
  font-family: var(--base_font2);
  font-weight: 500;
}
.cart-drawer__foot .cart__foot-inner .total-block_row .cart__total__money {
  font-size: 24px;
}
.cart-drawer__foot .cart__foot-inner .cart__buttons-wrapper .cart__checkout {
  background: var(--base-bg-btn);
  font-size: 16px;
  border-radius: 10px;
  padding: 18px 20px;
  color: var(--base-light-color);
  transition: all linear 0.2s;
  max-width: 100%;
  font-weight: 500;
  letter-spacing: -0.3px;
}
@media screen and (max-width: 600px) {
  .cart-drawer__foot .cart__foot-inner .cart__buttons-wrapper .cart__checkout {
    font-size: 14px;
    padding: 16px 10px;
  }
}
.cart-drawer__foot .cart__foot-inner .cart__buttons-wrapper .cart__checkout::before {
  display: none;
}
.cart-drawer__foot .cart__foot-inner .cart__buttons-wrapper .cart__checkout:hover {
  opacity: 0.8;
}
.cart-drawer__foot .cart__foot-inner .cart__buttons-wrapper .cart__checkout.link {
  background: transparent;
  border: none;
  color: #505050;
}
.cart-drawer__foot .cart__foot-inner .cart_section {
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid #d2d2d2;
}
@media screen and (max-width: 1023px) {
  .cart-drawer__foot .cart__foot-inner .cart_section {
    margin-top: 40px;
  }
}
.cart-drawer__foot .cart__foot-inner .cart_section .title {
  font-size: 30px;
}
.cart-drawer__foot .cart__foot-inner .cart_section .search-blc-product__list {
  flex-wrap: nowrap;
  gap: 0 14px;
  position: relative;
  isolation: isolate;
}
@media screen and (min-width: 1024px) {
  .cart-drawer__foot .cart__foot-inner .cart_section .search-blc-product__list:before {
    pointer-events: none;
    content: "";
    position: absolute;
    height: calc(100% + 60px);
    width: calc(100% + 80px);
    left: -40px;
    z-index: -1;
    background-image: linear-gradient(#fff, rgba(0, 0, 0, 0.05));
  }
}
@media screen and (max-width: 1023px) {
  .cart-drawer__foot .cart__foot-inner .cart_section .search-blc-product__list {
    overflow-x: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
}
.cart-drawer__foot .cart__foot-inner .cart_section .search-blc-product__list .predictive-search__item {
  max-width: inherit;
  flex: 1;
  scroll-snap-align: start;
}
.cart-drawer__empty-message {
  padding: 0;
  font-size: 16px;
}
.cart-drawer__empty-message .cart-empty-buttons {
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .cart-drawer__empty-message .cart-empty-buttons {
    margin-top: 24px;
  }
}
.cart-drawer__empty-message .cart-empty-buttons .btn {
  padding: 18px 20px;
  border-radius: 10px;
  font-size: 16px;
  transition: all linear 0.2s;
}
@media screen and (max-width: 600px) {
  .cart-drawer__empty-message .cart-empty-buttons .btn {
    font-size: 14px;
    padding: 16px 10px;
  }
}
.cart-drawer__empty-message .cart-empty-buttons .btn::before {
  display: none;
}
.cart-drawer__empty-message .cart-empty-buttons .btn:hover {
  opacity: 0.8;
}

.cart__item__quantity {
  width: auto;
  display: flex;
}
.cart__item__quantity .cart__item__quantity-field {
  width: 36px;
  padding: 0;
  border: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.47;
  font-weight: 500;
}
.cart__item__quantity .cart__item__quantity-minus,
.cart__item__quantity .cart__item__quantity-plus {
  position: static;
  width: 36px;
  height: 36px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  box-shadow: none;
  flex: 0 0 36px;
  border-radius: 5px;
}
@media screen and (max-width: 600px) {
  .cart__item__quantity .cart__item__quantity-minus,
  .cart__item__quantity .cart__item__quantity-plus {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 2px;
  }
}
.cart__item__quantity .cart__item__quantity-minus svg,
.cart__item__quantity .cart__item__quantity-plus svg {
  width: 15px;
  height: 15px;
  color: var(--color-text);
}

@media screen and (max-width: 1023px) {
  .template-cart .cart {
    margin-top: 20px;
    padding-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .template-cart .cart {
    margin-bottom: 0;
    padding-bottom: 40px;
    background: linear-gradient(180deg, rgb(255, 255, 255) 40%, rgb(248, 248, 248) 100%);
  }
}
.template-cart .cart__inner {
  flex-wrap: wrap;
  gap: 0 188px;
}
@media screen and (max-width: 1400px) {
  .template-cart .cart__inner {
    gap: 0 80px;
  }
}
@media screen and (max-width: 1023px) {
  .template-cart .cart__inner {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .template-cart .cart__inner {
    display: flex;
  }
}
.template-cart .cart__inner .cart__content {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .template-cart .cart__inner .cart__content {
    order: 1;
  }
}
.template-cart .cart__inner .cart__content .cart__title {
  font-size: 100px;
  line-height: 1.15;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .template-cart .cart__inner .cart__content .cart__title {
    font-size: 40px;
  }
}
.template-cart .cart__inner .cart__content .cart-drawer__item-qty {
  display: none;
}
.template-cart .cart__inner .cart__content .back-btn {
  background: var(--base-light-color);
  padding: 18px 24px;
  font-size: 16px;
  letter-spacing: -0.2px;
  margin: 0;
  border-radius: 10px;
  transition: all linear 0.2s;
}
@media screen and (max-width: 1023px) {
  .template-cart .cart__inner .cart__content .back-btn {
    font-size: 14px;
    padding: 12px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.template-cart .cart__inner .cart__content .back-btn::before {
  display: none;
}
.template-cart .cart__inner .cart__content .back-btn:hover {
  opacity: 0.8;
}
.template-cart .cart__inner .cart__content .cart__items__wrapper {
  margin-top: 20px;
}
.template-cart .cart__inner .cart__content .cart__items__wrapper .cart__items {
  padding-top: 40px;
  padding-bottom: 100px;
  margin-bottom: 40px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
@media screen and (max-width: 1023px) {
  .template-cart .cart__inner .cart__content .cart__items__wrapper .cart__items {
    padding-top: 20px;
    padding-bottom: 28px;
  }
}
.template-cart .cart__inner .cart__content .cart__items__wrapper .cart__items .cart__item {
  border: none;
  position: relative;
  padding: 49px 0 0 0;
  overflow: visible;
  display: flex;
  align-items: center;
  gap: 0 24px;
}
@media screen and (max-width: 767px) {
  .template-cart .cart__inner .cart__content .cart__items__wrapper .cart__items .cart__item {
    padding: 14px 0 0 0;
  }
}
.template-cart .cart__inner .cart__content .cart__items__wrapper .cart__items .cart__item:not(:first-child) {
  padding-top: 40px;
}
@media screen and (max-width: 1023px) {
  .template-cart .cart__inner .cart__content .cart__items__wrapper .cart__items .cart__item:not(:first-child) {
    padding-top: 20px;
  }
}
.template-cart .cart__inner .cart__content .cart__items__wrapper .cart__items .cart__item:not(:first-child) .cart__item_sub-title {
  display: none;
}
.template-cart .cart__inner .cart__content .cart__item__content {
  flex-wrap: nowrap;
  width: auto;
  flex: 1;
}
.template-cart .cart__inner .cart__content .cart__item__content-inner {
  display: flex;
  gap: 0 60px;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .template-cart .cart__inner .cart__content .cart__item__content-inner {
    gap: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .template-cart .cart__inner .cart__content .cart__item__content-inner {
    flex-wrap: wrap;
    gap: 0 12px;
  }
}
.template-cart .cart__inner .cart__content .cart__item_sub-title {
  font-size: 13px;
  line-height: 1.47;
  text-transform: uppercase;
  color: #8c8c8c;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 767px) {
  .template-cart .cart__inner .cart__content .cart__item_sub-title {
    display: none;
  }
}
.template-cart .cart__inner .cart__content .cart__item__image {
  margin: 0;
}
.template-cart .cart__inner .cart__content .cart__item__image a {
  width: 110px;
  height: 110px;
}
@media screen and (max-width: 767px) {
  .template-cart .cart__inner .cart__content .cart__item__image a {
    width: 100px;
    height: 100px;
  }
}
.template-cart .cart__inner .cart__content .cart__item__info {
  max-width: 315px;
  flex: 1;
  font-size: 16px;
  font-family: var(--base_font2);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .template-cart .cart__inner .cart__content .cart__item__info {
    max-width: 100%;
    width: 100%;
    flex-basis: 100%;
    margin-bottom: 4px;
  }
}
.template-cart .cart__inner .cart__content .cart__item__info p {
  line-height: 1.5;
}
.template-cart .cart__inner .cart__content .cart__item__title {
  font-size: 16px;
  font-family: var(--base_font2);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .template-cart .cart__inner .cart__content .cart__item__title {
    font-size: 14px;
  }
}
.template-cart .cart__inner .cart__content .cart__item__price {
  width: auto;
  flex: 1;
  max-width: 430px;
  padding: 0;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .template-cart .cart__inner .cart__content .cart__item__price {
    max-width: 100%;
    margin: 0;
    width: 100%;
    flex-basis: 100%;
    font-size: 12px;
    margin-bottom: 12px;
  }
}
.template-cart .cart__inner .cart__content .cart__item__bottom {
  width: auto;
  flex: 1;
  max-width: 520px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .template-cart .cart__inner .cart__content .cart__item__bottom .cart__item__quantity-minus,
  .template-cart .cart__inner .cart__content .cart__item__bottom .cart__item__quantity-plus {
    background: transparent;
  }
}
.template-cart .cart__inner .cart__content .cart__item__subtotal {
  font-weight: 700;
  font-size: 17px;
}
@media screen and (max-width: 767px) {
  .template-cart .cart__inner .cart__content .cart__item__subtotal {
    display: none;
  }
}
.template-cart .cart__inner .cart__content .cart__item__remove {
  width: 40px;
  height: 40px;
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  padding: 5px;
}
@media screen and (max-width: 1200px) {
  .template-cart .cart__inner .cart__content .cart__item__remove {
    width: 30px;
    height: 30px;
  }
}
.template-cart .cart__inner .cart__content .cart__item__remove span {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--base-bg-btn);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
@media screen and (max-width: 1200px) {
  .template-cart .cart__inner .cart__content .cart__item__remove span {
    padding: 2px;
  }
}
.template-cart .cart__inner .cart__content .cart__item__remove span svg {
  width: 100%;
  height: 100%;
}
.template-cart .cart__inner .cart__content .cart__item__remove span svg path {
  stroke: var(--base-light-color);
}
.template-cart .cart__inner .cart__aside {
  position: static;
  margin-left: auto;
  width: 100%;
  max-width: 830px;
  flex: 1;
}
@media screen and (max-width: 1023px) {
  .template-cart .cart__inner .cart__aside {
    max-width: 100%;
    order: 2;
  }
}
.template-cart .cart__inner .cart__aside__title {
  font-size: 30px;
}
.template-cart .cart__inner .cart__aside .cart__total {
  padding: 0;
  margin: 0 0 32px 0;
}
.template-cart .cart__inner .cart__aside .cart__total span {
  font-size: 16px;
  letter-spacing: -0.3px;
  font-family: var(--base_font2);
  text-transform: capitalize;
  font-weight: 500;
}
.template-cart .cart__inner .cart__aside .cart__total .cart__total__money {
  font-size: 24px;
  font-weight: 500;
  font-family: var(--base_font2);
}
.template-cart .cart__inner .cart__aside .cart__pair {
  border: none;
  padding: 0;
  margin: 0 0 32px 0;
}
.template-cart .cart__inner .cart__aside .cart__foot-inner .cart__text {
  color: #8c8c8c;
}
.template-cart .cart__inner .cart__aside .cart__checkout {
  max-width: 100%;
  width: 100%;
  background-color: var(--base-bg-btn);
  border-radius: 10px;
  font-size: 16px;
  padding: 20px;
  transition: all linear 0.2s;
}
.template-cart .cart__inner .cart__aside .cart__checkout::before {
  display: none;
}
.template-cart .cart__inner .cart__aside .cart__checkout:hover {
  opacity: 0.8;
}

.cart__product {
  width: 100%;
  max-width: 820px;
}
@media screen and (max-width: 1200px) {
  .cart__product {
    flex: 1;
  }
}
@media screen and (max-width: 1023px) {
  .cart__product {
    max-width: 100%;
    order: 3;
    margin-top: 40px;
  }
}
.cart__product .title {
  font-size: 30px;
  margin-bottom: 16px;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .cart__product .title:not(.mobile-view) {
    display: none;
  }
}
.cart__product .title.mobile-view {
  display: none;
}
@media screen and (max-width: 1023px) {
  .cart__product .title.mobile-view {
    display: block;
    order: 2;
    font-size: 20px;
    padding-top: 45px;
    border-top: 1px solid #dfdfdf;
    margin-top: 20px;
  }
}
.cart__product-inner {
  display: flex;
  gap: 0 20px;
}
@media screen and (max-width: 1200px) {
  .cart__product-inner {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .cart__product-inner {
    flex-direction: column;
  }
}
.cart__product .search-banner {
  order: 2;
  max-width: 320px;
  padding: 20px 10px 20px 20px;
  margin: 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  .cart__product .search-banner {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .cart__product .search-banner {
    order: 1;
  }
}
.cart__product .search-banner__sub-title {
  font-size: 10px;
  margin-bottom: 16px;
}
.cart__product .search-banner__title {
  font-size: 30px;
  letter-spacing: -0.3px;
  margin-top: 0;
}
.cart__product .search-banner__cta-blc {
  margin-top: auto;
  padding: 16px 19px;
}
.cart__product .search-blc-product__list {
  order: 1;
  gap: 0 20px;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .cart__product .search-blc-product__list {
    order: 3;
  }
}
.cart__product .search-blc-product__list .predictive-search__item {
  max-width: 100%;
}
@media screen and (min-width: 641px) {
  .cart__product .search-blc-product__list .predictive-search__item {
    filter: drop-shadow(rgba(0, 0, 0, 0.05) 0 24px 34px);
  }
}
.cart__product .search-blc-product__list .predictive-search__item .search-blc-product__list_item__title {
  margin-bottom: 0;
}

.redirect {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  z-index: -9999;
  opacity: 0;
  visibility: hidden;
  position: none;
  transition: all linear 0.2s;
  padding: 20px;
}
.redirect.is-active {
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.redirect__container {
  max-width: 910px;
  width: 100%;
  border-radius: 30px;
  margin: auto;
  background: #fff;
  padding: 60px 20px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .redirect__container {
    border-radius: 20px;
  }
}
.redirect__container_logo {
  width: 250px;
  height: auto;
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  .redirect__container_logo {
    margin: 0 auto 14px;
  }
}
.redirect__container_title {
  font-size: 40px;
  font-family: var(--base_font2);
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .redirect__container_title {
    font-size: 30px;
  }
}
.redirect__container_title span {
  color: var(--color-primary);
}
.redirect__container_subtitle {
  font-size: 20px;
  line-height: 1.47;
  color: var(--color-light-dark);
}
@media screen and (max-width: 767px) {
  .redirect__container_subtitle {
    font-size: 16px;
  }
}
.redirect__container_text {
  max-width: 500px;
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .redirect__container_text {
    margin: 24px auto 0;
  }
}
.redirect__container_text p {
  font-size: 16px;
  line-height: 1.65;
  font-weight: 700;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .redirect__container_text p {
    font-size: 12px;
  }
}
.redirect__container_cta {
  margin: 40px 0 0 0;
}
@media screen and (max-width: 767px) {
  .redirect__container_cta {
    margin: 24px 0 0 0;
  }
}
.redirect__container_cta--link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  background-color: var(--color-primary);
  color: var(--base-light-color);
  padding: 24px 76px;
  border-radius: 5px;
  transition: all linear 0.2s;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .redirect__container_cta--link {
    width: 100%;
    justify-content: center;
    padding: 16px 10px;
  }
}
.redirect__container_cta--link:hover {
  opacity: 0.8;
}

.log-pages-inner {
  display: flex;
  padding: 40px 0;
  gap: 0 60px;
}
@media screen and (max-width: 1023px) {
  .log-pages-inner {
    gap: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .log-pages-inner {
    flex-direction: column-reverse;
    gap: 40px 0;
  }
}
.log-pages-inner .form-vertical-wrapper {
  max-width: 100%;
  flex: 0.8;
  align-self: flex-end;
}
.log-pages-inner .log-block {
  max-width: 440px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .log-pages-inner .log-block {
    max-width: 100%;
  }
}
.log-pages-inner .log-image {
  width: 100%;
  max-width: 960px;
  flex: 1;
}
.log-pages-inner .log-image .image-fill {
  padding-top: 0 !important;
  height: 100%;
}
.log-pages-inner .log-image .image-fill figure {
  position: static;
}
.log-pages-inner .log-image .image-fill figure img {
  position: static;
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  .log-pages-inner .log-image .image-fill figure img {
    aspect-ratio: 1.488372093/1;
    border-radius: 10px;
  }
}
.log-pages-inner .section__header {
  text-align: left;
  margin-bottom: 30px !important;
}
@media screen and (max-width: 767px) {
  .log-pages-inner .section__header {
    margin-bottom: 24px !important;
  }
}
.log-pages-inner .section__header img {
  position: static;
  width: 75px;
  height: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .log-pages-inner .section__header img {
    display: none;
  }
}
.log-pages-inner .section__heading {
  font-size: 40px;
  line-height: 1.25;
  font-weight: 500;
  margin: 0;
  padding: 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .log-pages-inner .section__heading {
    font-size: 30px;
  }
}
.log-pages-inner .input--full {
  border-radius: 5px;
  border-color: #d2d2d2;
  margin-bottom: 20px;
  font-size: 16px;
  padding: 20px 24px;
}
.log-pages-inner .input--full::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.log-pages-inner .input--full::placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.log-pages-inner .input--full::-ms-input-placeholder {
  color: #8c8c8c;
}
@media screen and (max-width: 767px) {
  .log-pages-inner .input--full {
    border-radius: 8px;
    padding: 13px 20px;
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.log-pages-inner .return {
  text-align: left;
  margin-top: -5px;
  margin-bottom: 20px;
}
.log-pages-inner .return p {
  margin: 0;
}
.log-pages-inner .return p a {
  font-size: 14px;
  color: var(--color-text);
}
@media screen and (max-width: 767px) {
  .log-pages-inner .return p a {
    font-size: 12px;
  }
}
.log-pages-inner .return p a:before, .log-pages-inner .return p a:after {
  bottom: 0;
}
.log-pages-inner .btn {
  font-size: 16px;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 0;
}
.log-pages-inner .btn.sing-up-btn {
  background: #303030;
}
@media screen and (max-width: 767px) {
  .log-pages-inner .btn {
    border-radius: 8px;
    padding: 16px 20px;
    font-size: 14px;
  }
}
.log-pages-inner .account__subheading {
  margin-top: 30px;
  font-size: 14px;
  color: #686868;
}
.log-pages-inner .account__subheading a {
  color: var(--color-primary);
  margin: 0 0 0 10px;
}
.log-pages-inner .account__subheading a:before, .log-pages-inner .account__subheading a:after {
  bottom: 0;
  background: var(--color-primary);
}
.log-pages-inner .account-nootice {
  margin-top: 115px;
  font-size: 16px;
  line-height: 1.6;
  color: #686868;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .log-pages-inner .account-nootice {
    margin-top: 60px;
    font-size: 12px;
  }
}

.template-404 #four-oh-four h1 {
  font-size: 100px;
  line-height: 1;
  font-family: var(--base_font2);
  font-weight: 500;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .template-404 #four-oh-four h1 {
    font-size: 60px;
  }
}
.template-404 #four-oh-four p {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .template-404 #four-oh-four p {
    font-size: 16px;
  }
}
.dropdown_item {
  position: relative;
}

.dropdown_menu {
  position: absolute;
  top: 75px;
  right: 0;
  padding: 20px 30px;
  background-color: var(--base-bg);
  filter: drop-shadow(0 9px 74px rgba(0, 0, 0, .34));
  border-radius: 8px;
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  z-index: 100;
}

.dropdown_menu ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dropdown_item:hover .dropdown_menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown_menu ul li{
  display: flex;
}
.dropdown_menu ul li:hover{
    color: var(--color-primary);
}
.dropdown_menu ul li:not(:hover){
  opacity: 0.5;
}
.site-header .menu__item .btn.inn{
  background: #38bfc8;
  min-width: unset !important;
}
@media screen and (max-width: 500px){
  .site-header .logo {
    position: relative;
    left: -20px;
    padding: 0;
  }
  .site-header .wrapper .mobile-menu{
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
:root {
    --header-height: 64px;
    --scrollbar-width: 0;
    --container-gap-x: 1.25rem;
    --container-lg: calc(56.875rem + var(--container-gap-x)*2);
    --container-3xl: calc(1840px + var(--container-gap-x)*2);
    --web-screen: 1380px;
    --color-primary: #44bfc9;
    --color-light: #f5f5f5;
    --arrow-r: url(../3a8ac2debd41a51b6812.svg);
    --arrow-l-long: url(../2e5364b6e233537cdb14.svg);
    --remove-icon: url(../45a8d7a86ff103ef9740.svg);
    --checkmark: url(../dea68f1d8a6aa6dbd1a5.svg);
    --facebook-icon: url(../c0018a3e412e0f93f72d.svg);
    --twitter-icon: url(../929b95ed322040f5f20c.svg)
}

@media (min-width: 768px) {
    :root {
        --scrollbar-width:15px
    }
}

@media (min-width: 1380px) {
    :root {
        --header-height:140px
    }
}

@media (min-width: 1536px) {
    :root {
        --container-gap-x:2.5rem
    }
}

body {
    --root-gap-y: var(--admin-bar-height,0px)
}

body.admin-bar {
    --admin-bar-height: 32px
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        --admin-bar-height:46px
    }
}

@media screen and (max-width: 600px) {
    body.admin-bar {
        --admin-bar-height:0px
    }
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,:after,:before {
    border: 0 solid;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: Helvetica Now Display,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field {
    padding-bottom: 0;
    padding-top: 0
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3E%3Cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple],[size]:where(select:not([size="1"])) {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox],[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: #6b7280;
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

[type=checkbox]:checked,[type=radio]:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0%27/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    [type=checkbox]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 16 16%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%273%27/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    [type=radio]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover {
    background-color: currentColor;
    border-color: transparent
}

[type=checkbox]:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

@media (forced-colors:active) {
    [type=checkbox]:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover {
    background-color: currentColor;
    border-color: transparent
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-radius: 0;
    border-width: 0;
    font-size: unset;
    line-height: inherit;
    padding: 0
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

@font-face {
    font-display: swap;
    font-family: Helvetica Now Display;
    font-style: normal;
    font-weight: 500;
    src: local("Helvetica Now Display"),url(../57136efe69fe4f51af32.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Now Display;
    font-style: normal;
    font-weight: 400;
    src: local("Helvetica Now Display"),url(../7a5d20e347c39360a736.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Helvetica Now Display;
    font-style: normal;
    font-weight: 700;
    src: local("Helvetica Now Display"),url(../b5c5af6ff13fd2db9746.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Konnect;
    font-style: normal;
    font-weight: 500;
    src: local("Konnect"),url(../d17a805a0df78a438200.woff) format("woff")
}

body {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

h1,h2,h3,h4,h5,h6 {
    font-family: Konnect,sans-serif
}

b,strong {
    font-weight: 700
}

.overlay {
    background-color: rgba(26,26,26,.7);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.module {
    padding-bottom: 3.75rem;
    padding-top: 3.75rem
}

@media (min-width: 1688px) {
    .module {
        padding-bottom:clamp(3.75rem,6.6vw,7.75rem);
        padding-top: clamp(3.75rem,6.6vw,7.75rem)
    }
}

.module:target {
    padding-top: 0;
    position: relative;
    --scroll-offset-y: calc(var(--header-height) + var(--top-space));
    --top-space: 3.75rem
}

@media (min-width: 1688px) {
    .module:target {
        --scroll-offset-y:var(--top-space);
        --top-space: clamp(3.75rem,6.6vw,7.75rem)
    }
}

.module:target:before {
    bottom: 100%;
    content: "";
    display: block;
    height: var(--scroll-offset-y);
    left: 0;
    margin-top: calc(var(--header-height)*-1);
    pointer-events: none;
    position: relative;
    visibility: hidden;
    width: 100%;
    z-index: -10
}

.title-main {
    font-size: 2.5rem;
    line-height: 3.375rem;
    margin-bottom: 1.75rem
}

@media (min-width: 1280px) {
    .title-main {
        font-size:4.5rem;
        line-height: 1
    }
}

@media (min-width: 1688px) {
    .title-main {
        font-size:6.25rem;
        line-height: 1
    }
}

.title-xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 1.5rem
}

@media (min-width: 1280px) {
    .title-xl {
        font-size:3rem;
        line-height: 1.4
    }
}

@media (min-width: 1688px) {
    .title-xl {
        font-size:3.75rem;
        line-height: 1
    }
}

.title-lg {
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1.4;
    margin-bottom: 1.5rem
}

@media (min-width: 1280px) {
    .title-lg {
        font-size:1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1688px) {
    .title-lg {
        font-size:2.5rem
    }
}

.title-sm {
    font-family: Helvetica Now Display,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(104 104 104/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .title-sm {
        margin-bottom:1.75rem
    }
}

.text-gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.text-gradient-red {
    --tw-gradient-from: #ae4c63 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(174,76,99,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: #cc9975 var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(174 76 99/var(--tw-text-opacity))
}

.text-gradient-orange,.text-gradient-red {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.text-gradient-orange {
    --tw-gradient-from: #cc9975 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(25,46%,63%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-from-position: 45%;
    --tw-gradient-to: #d4cd4c var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(204 153 117/var(--tw-text-opacity))
}

.text-gradient-green {
    --tw-gradient-from: #4cae82 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(76,174,130,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: #2e838b var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(46 131 139/var(--tw-text-opacity))
}

.text-gradient-blue,.text-gradient-green {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.text-gradient-blue {
    --tw-gradient-from: #38bfc8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(56,191,200,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: #4d64ae var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(56 191 200/var(--tw-text-opacity))
}

@media (min-width: 1280px) {
    .mce-content p {
        font-size:1.875rem;
        line-height: 2.25rem;
        line-height: 1.4
    }
}

.scrollable-x {
    overflow-x: auto;
    scroll-padding-left: 1.5rem;
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.scrollable-init-x {
    margin-right: calc(var(--container-gap-x)*-1)
}

@media (min-width: 1380px) {
    .web-hidden {
        display:none!important
    }
}

.all-hidden {
    display: none!important
}

img:is([sizes=auto i],[sizes^="auto," i]) {
    contain-intrinsic-size: none
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-gap-x);
    padding-right: var(--container-gap-x);
    width: 100%
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

@media (min-width: 1636px) {
    .container {
        max-width:1636px
    }
}

.form-input,.form-multiselect,.form-select,.form-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.form-input::-moz-placeholder,.form-textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

.form-input::placeholder,.form-textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

.form-input::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

.form-input::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

.form-input::-webkit-datetime-edit {
    display: inline-flex
}

.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field {
    padding-bottom: 0;
    padding-top: 0
}

.button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .625rem;
    border-width: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    min-height: var(--button-height);
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    --button-height: 3.375rem
}

@media (min-width: 768px) {
    .button {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media (hover: hover) {
    .button:hover {
        opacity:.8
    }
}

@media (min-width: 768px) {
    .button {
        --button-height:3.75rem
    }
}

.button-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(68 191 201/var(--tw-bg-opacity))
}

:is(.single-page .subscribe-form) .button-primary {
    background: #f5f5f5;
    border: 2px solid #38bfc8;
    border-radius: 30px
}

.button-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(48 48 48/var(--tw-bg-opacity))
}

.button-secondary.button-outline {
    --tw-text-opacity: 1;
    color: rgb(48 48 48/var(--tw-text-opacity))
}

@media (hover: hover) {
    .button-secondary.button-outline:hover {
        --tw-bg-opacity:1;
        background-color: rgb(48 48 48/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(245 245 245/var(--tw-text-opacity));
        opacity: 1
    }
}

.button-light {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

.button-accent {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #3791ac var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(55,145,172,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-from-position: 15%;
    --tw-gradient-to: #312e8b var(--tw-gradient-to-position)
}

.button-outline {
    background-color: transparent;
    outline-color: currentColor;
    outline-offset: 0;
    outline-style: solid;
    outline-width: 1px;
    transition-duration: .15s;
    transition-property: background,color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.button-sm {
    font-size: .875rem;
    line-height: 1.25rem;
    --button-height: 3.125rem
}

@media (min-width: 1280px) {
    .button-xl {
        --button-height:4.375rem
    }
}

.form-input,.form-select,.form-textarea {
    border-radius: .375rem;
    height: 3.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(210 210 210/var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition-duration: .15s;
    transition-property: border,color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 768px) {
    .form-input,.form-select,.form-textarea {
        height:3.75rem
    }
}

:is(.form-input,.form-textarea,.form-select):focus {
    --tw-border-opacity: 1;
    border-color: rgb(68 191 201/var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(68 191 201/var(--tw-ring-opacity))
}

.form-input.form-input--outline {
    border-radius: 0;
    padding-left: 0
}

.form-input.form-input--outline,.form-input.form-input--outline:focus {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent
}

.form-input.form-input--outline:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-width: 0;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    background-image: var(--remove-icon);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    filter: invert(54%) sepia(0) saturate(0) hue-rotate(50deg) brightness(102%) contrast(95%);
    height: 1.25rem;
    opacity: 1;
    width: 1.25rem
}

@media (min-width: 1380px) {
    input[type=search]::-webkit-search-cancel-button {
        height:1.75rem;
        width: 1.75rem
    }
}

.dialog {
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    max-width: 56.875rem;
    width: 100%;
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

@media not all and (min-width: 640px) {
    .dialog {
        margin-bottom:0
    }
}

@media (min-width: 768px) {
    .dialog {
        border-radius:1.875rem
    }
}

.dialog:not([open]) {
    pointer-events: none
}

@media not all and (min-width: 640px) {
    .dialog[open] {
        animation:slide-up .3s cubic-bezier(.5,-.5,.1,1.5) forwards
    }
}

@media (min-width: 640px) {
    .dialog[open] {
        animation:slide-down .2s cubic-bezier(.5,-.5,.1,1.5) forwards
    }
}

.dialog::backdrop {
    background-color: rgba(26,26,26,.7)
}

.dialog>.button-close {
    position: absolute;
    right: 1.5rem;
    top: 1rem
}

.dialog-header {
    display: flex;
    justify-content: flex-end;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem
}

.dialog-header+.dialog-content {
    padding-top: 0
}

.dialog-content {
    padding: 2rem
}

.card {
    border-radius: .625rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

@media (min-width: 768px) {
    .card {
        border-radius:1.875rem
    }
}

.badge {
    border-radius: 9999px;
    display: inline-flex;
    --tw-bg-opacity: 1;
    background-color: rgb(140 140 140/var(--tw-bg-opacity));
    font-size: 10px;
    letter-spacing: .05em;
    line-height: 1;
    padding: 8px 10px;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity));
    text-decoration-line: none
}

.badge-xl {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .5rem .75rem;
    text-transform: none
}

@media (min-width: 1024px) {
    .badge-xl {
        font-size:1rem;
        line-height: 1.5rem
    }
}

#sb_instagram {
    padding: 0!important
}

@media (min-width: 1536px) {
    #sb_instagram {
        max-width:var(--container-3xl)
    }
}

#sb_instagram .sbi_photo,#sb_instagram .sbi_photo_wrap {
    display: flex;
    width: 100%
}

#sb_instagram .sbi_photo {
    min-height: 100%
}

:is(#sb_instagram .sbi_photo) img {
    border-radius: 1.25rem;
    height: 100%
}

#sb_instagram #sbi_images {
    gap: 1.125rem!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
    scroll-padding-left: 1.5rem!important;
    scroll-snap-type: x var(--tw-scroll-snap-strictness)!important
}

@media not all and (min-width: 1024px) {
    #sb_instagram #sbi_images {
        display:flex!important;
        grid-template-columns: none!important;
        margin-right: calc(var(--container-gap-x)*-1)!important;
        overflow-x: auto!important;
        padding-bottom: var(--scrollbar-width)!important;
        width: auto!important
    }
}

:is(#sb_instagram #sbi_images) .sbi_item {
    aspect-ratio: 1/1;
    display: flex;
    scroll-snap-align: start
}

@media not all and (min-width: 1024px) {
    :is(#sb_instagram #sbi_images) .sbi_item {
        min-width:20rem
    }
}

#sb_instagram .sbi_follow_btn {
    display: none
}

@media not all and (min-width: 768px) {
    .filter-wrap {
        margin-right:calc(var(--container-gap-x)*-1);
        overflow: hidden
    }

    .filter-wrap .swiper {
        overflow: visible
    }
}

.filter-list {
    display: flex;
    gap: .5rem;
    --btn-h: 3.375rem
}

@media (min-width: 768px) {
    .filter-list {
        gap:1rem;
        --btn-h: 4.25rem
    }
}

@media (min-width: 1536px) {
    .filter-list {
        --btn-h:4.75rem
    }
}

@media not all and (min-width: 768px) {
    .filter-list>li:last-child {
        margin-right:calc(var(--container-gap-x) + 10px)
    }
}

.filter-list .trigger {
    align-items: center;
    border-radius: 62rem;
    display: inline-flex;
    justify-content: center;
    min-height: var(--btn-h);
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center;
    transition-duration: .15s;
    transition-property: color,background-color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 768px) {
    .filter-list .trigger {
        font-size:1.25rem;
        line-height: 1.75rem;
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
}

.current:is(.filter-list .trigger) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (hover: hover) {
    :is(.filter-list .trigger):hover {
        --tw-bg-opacity:1;
        background-color: rgb(26 26 26/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

.navigation.pagination {
    max-width: 100%
}

@media (min-width: 768px) {
    .navigation.pagination {
        width:100%
    }
}

.navigation.pagination:only-child {
    width: 100%
}

.pagination-module {
    display: flex!important;
    justify-content: flex-end!important;
    max-width: 100%!important;
    width: 100%!important
}

.pagination-module .pagination-group {
    border-radius: .375rem;
    display: inline-flex;
    gap: .625rem;
    justify-content: space-between;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    padding: .375rem
}

@media not all and (min-width: 768px) {
    .pagination-module .pagination-group {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

@media (min-width: 768px) {
    .pagination-module .pagination-group {
        border-radius:.625rem;
        justify-content: center;
        width: auto
    }
}

.pagination-module .count-pages {
    align-items: center;
    display: inline-flex;
    gap: .625rem;
    order: -9999;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
    --tw-text-opacity: 1;
    color: rgb(104 104 104/var(--tw-text-opacity))
}

:is(.pagination-module .count-pages) .current {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

.pagination {
    display: flex;
    justify-content: center;
    --link-size: 2.5rem
}

@media (min-width: 768px) {
    .pagination {
        justify-content:flex-end;
        --link-size: 3.75rem
    }
}

.pagination .nav-links {
    display: flex;
    gap: .625rem
}

.pagination .page-numbers {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    height: var(--link-size);
    justify-content: center;
    width: var(--link-size)
}

@media (min-width: 768px) {
    .pagination .page-numbers {
        border-radius:.625rem
    }
}

.current:is(.pagination .page-numbers) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

@media not all and (min-width: 640px) {
    :is(.pagination .page-numbers):not(.next):not(.prev) {
        display:none
    }
}

.pagination .next,.pagination .prev {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

:is(.pagination .prev) .arrow {
    transform: scaleX(-1)
}

.breadcrumbs {
    font-size: 0;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(104 104 104/var(--tw-text-opacity))
}

@media not all and (min-width: 1380px) {
    .breadcrumbs {
        padding-top:1.5rem
    }
}

.breadcrumbs .breadcrumb_last {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

.breadcrumbs a {
    transition-duration: .15s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.breadcrumbs a:hover {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

@media not all and (min-width: 640px) {
    :is(.breadcrumbs .container)>span {
        display:block;
        overflow-x: auto;
        white-space: nowrap
    }
}

.breadcrumbs span {
    align-items: center;
    display: inline-flex
}

@media (min-width: 640px) {
    .breadcrumbs span {
        flex-wrap:wrap
    }
}

:is(.breadcrumbs span) span {
    align-items: center;
    display: inline-block;
    font-size: .75rem;
    line-height: 1rem
}

@media not all and (min-width: 640px) {
    :is(.breadcrumbs span) span {
        max-width:200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width: 640px) {
    :is(.breadcrumbs span) span {
        display:inline-flex;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

:is(:is(.breadcrumbs span) span):after {
    background-image: var(--arrow-r);
    content: "";
    display: inline-flex;
    filter: invert(39%) sepia(13%) saturate(13%) hue-rotate(347deg) brightness(95%) contrast(75%);
    height: .75rem;
    margin: 0 4px;
    min-width: .75rem;
    width: .75rem;
    --tw-translate-y: 0.125rem;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 640px) {
    :is(:is(.breadcrumbs span) span):after {
        height:1.125rem;
        width: 1.125rem
    }
}

:is(:is(.breadcrumbs span) span):last-child:after {
    display: none
}

.share-content-item .social {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    --size: 1.875rem
}

@media (min-width: 768px) {
    .share-content-item .social {
        gap:.625rem;
        --size: 2.5rem
    }
}

:is(.share-content-item .social) .item {
    cursor: pointer;
    height: var(--size);
    position: relative;
    width: var(--size)
}

:is(:is(.share-content-item .social) .item) .icon {
    height: auto;
    max-width: 100%;
    pointer-events: none
}

:is(:is(.share-content-item .social) .item) iframe {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.bottom-0 {
    bottom: 0
}

.bottom-3 {
    bottom: .75rem
}

.bottom-32 {
    bottom: 8rem
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-8 {
    bottom: 2rem
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-3 {
    left: .75rem
}

.left-4 {
    left: 1rem
}

.left-5 {
    left: 1.25rem
}

.right-0 {
    right: 0
}

.right-16 {
    right: 4rem
}

.right-3 {
    right: .75rem
}

.right-5 {
    right: 1.25rem
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-2\.5 {
    top: .625rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.z-40 {
    z-index: 40
}

.z-\[3\] {
    z-index: 3
}

.z-\[4\] {
    z-index: 4
}

.z-\[5\] {
    z-index: 5
}

.order-first {
    order: -9999
}

.\!m-0 {
    margin: 0!important
}

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-\[calc\(-1_\*_var\(--container-gap-x\)\)\] {
    margin-left: calc(var(--container-gap-x)*-1);
    margin-right: calc(var(--container-gap-x)*-1)
}

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

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.my-14 {
    margin-bottom: 3.5rem;
    margin-top: 3.5rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.my-9 {
    margin-bottom: 2.25rem;
    margin-top: 2.25rem
}

.\!mb-0 {
    margin-bottom: 0!important
}

.\!mt-0 {
    margin-top: 0!important
}

.-mb-5 {
    margin-bottom: -1.25rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-14 {
    margin-bottom: 3.5rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-24 {
    margin-bottom: 6rem
}

.mb-28 {
    margin-bottom: 7rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.mb-\[2rem\] {
    margin-bottom: 2rem
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mt-0 {
    margin-top: 0
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-auto {
    margin-top: auto
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

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

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.line-clamp-4 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-\[128\/152\] {
    aspect-ratio: 128/152
}

.aspect-\[320\/380\] {
    aspect-ratio: 320/380
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

.h-16 {
    height: 4rem
}

.h-\[--header-height\] {
    height: var(--header-height)
}

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.min-h-32 {
    min-height: 8rem
}

.min-h-36 {
    min-height: 9rem
}

.min-h-40 {
    min-height: 10rem
}

.min-h-96 {
    min-height: 24rem
}

.min-h-\[--menu-height\] {
    min-height: var(--menu-height)
}

.min-h-\[100dvh\] {
    min-height: 100dvh
}

.min-h-\[20rem\] {
    min-height: 20rem
}

.\!w-full {
    width: 100%!important
}

.w-10 {
    width: 2.5rem
}

.w-2\/4 {
    width: 50%
}

.w-4\/6 {
    width: 66.666667%
}

.w-\[--icon-size\] {
    width: var(--icon-size)
}

.w-\[--menu-height\] {
    width: var(--menu-height)
}

.w-\[3\.75rem\] {
    width: 3.75rem
}

.w-\[5rem\] {
    width: 5rem
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-10 {
    min-width: 2.5rem
}

.min-w-44 {
    min-width: 11rem
}

.min-w-48 {
    min-width: 12rem
}

.min-w-52 {
    min-width: 13rem
}

.min-w-\[--icon-size\] {
    min-width: var(--icon-size)
}

.min-w-\[14\.75rem\] {
    min-width: 14.75rem
}

.min-w-\[18\.125rem\] {
    min-width: 18.125rem
}

.min-w-\[3\.75rem\] {
    min-width: 3.75rem
}

.min-w-\[8\.75rem\] {
    min-width: 8.75rem
}

.\!max-w-full {
    max-width: 100%!important
}

.max-w-10 {
    max-width: 2.5rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-72 {
    max-width: 18rem
}

.max-w-80 {
    max-width: 20rem
}

.max-w-\[21\.25rem\] {
    max-width: 21.25rem
}

.max-w-\[22\.5rem\] {
    max-width: 22.5rem
}

.max-w-\[22rem\] {
    max-width: 22rem
}

.max-w-\[25\.6rem\] {
    max-width: 25.6rem
}

.max-w-\[26\.4rem\] {
    max-width: 26.4rem
}

.max-w-\[26rem\] {
    max-width: 26rem
}

.max-w-\[3\.125rem\] {
    max-width: 3.125rem
}

.max-w-\[34\.375rem\] {
    max-width: 34.375rem
}

.max-w-\[35\.625rem\] {
    max-width: 35.625rem
}

.max-w-\[37\.5rem\] {
    max-width: 37.5rem
}

.max-w-\[39\.5rem\] {
    max-width: 39.5rem
}

.max-w-\[4\.25rem\] {
    max-width: 4.25rem
}

.max-w-\[4\.375rem\] {
    max-width: 4.375rem
}

.max-w-\[40\.75rem\] {
    max-width: 40.75rem
}

.max-w-\[41rem\] {
    max-width: 41rem
}

.max-w-\[43\.75rem\] {
    max-width: 43.75rem
}

.max-w-\[44rem\] {
    max-width: 44rem
}

.max-w-\[47\.25rem\] {
    max-width: 47.25rem
}

.max-w-\[56\.25rem\] {
    max-width: 56.25rem
}

.max-w-\[56\.875rem\] {
    max-width: 56.875rem
}

.max-w-\[58\.25rem\] {
    max-width: 58.25rem
}

.max-w-\[60\%\] {
    max-width: 60%
}

.max-w-\[74rem\] {
    max-width: 74rem
}

.max-w-full {
    max-width: 100%
}

.max-w-md {
    max-width: 28rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.flex-1 {
    flex: 1 1 0%
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.translate-y-\[26\%\] {
    --tw-translate-y: 26%
}

.rotate-90,.translate-y-\[26\%\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-\[270deg\] {
    --tw-rotate: 270deg
}

.rotate-\[270deg\],.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-opacity {
    animation: opacity .12s ease
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.animate-slide-down {
    animation: slide-down .2s cubic-bezier(.5,-.5,.1,1.5) forwards
}

@keyframes slide-in-left {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

.animate-slide-in-left {
    animation: slide-in-left .3s cubic-bezier(.19,1,.22,1) forwards
}

@keyframes slide-up {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.animate-slide-up {
    animation: slide-up .3s cubic-bezier(.5,-.5,.1,1.5) forwards
}

.animate-spin {
    animation: spin 1s linear infinite
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-start {
    scroll-snap-align: start
}

.scroll-pl-6 {
    scroll-padding-left: 1.5rem
}

.grid-cols-\[0\.5fr_2fr_0\.5fr\] {
    grid-template-columns: .5fr 2fr .5fr
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.\!flex-nowrap {
    flex-wrap: nowrap!important
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-14 {
    gap: 3.5rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-36 {
    gap: 9rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.\!gap-y-14 {
    row-gap: 3.5rem!important
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-4 {
    row-gap: 1rem
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.rounded {
    border-radius: .375rem
}

.rounded-2lg {
    border-radius: 1.25rem
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .625rem
}

.rounded-md {
    border-radius: .375rem
}

.\!rounded-b-none {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-t-\[1\.25rem\] {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem
}

.rounded-t-xl {
    border-top-left-radius: 1.875rem;
    border-top-right-radius: 1.875rem
}

.border {
    border-width: 1px
}

.border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(210 210 210/var(--tw-border-opacity))
}

.border-light {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(68 191 201/var(--tw-border-opacity))
}

.\!bg-light {
    --tw-bg-opacity: 1!important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))!important
}

.bg-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity))
}

.bg-dark\/40 {
    background-color: rgba(26,26,26,.4)
}

.bg-light {
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.bg-light,.bg-primary {
    --tw-bg-opacity: 1
}

.bg-primary {
    background-color: rgb(68 191 201/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.from-blue-100 {
    --tw-gradient-from: #4d64ae var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(77,100,174,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-green-50 {
    --tw-gradient-from: #4cae82 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(76,174,130,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-primary {
    --tw-gradient-from: #44bfc9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(68,191,201,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-15\% {
    --tw-gradient-from-position: 15%
}

.from-75\% {
    --tw-gradient-from-position: 75%
}

.to-blue-100 {
    --tw-gradient-to: #4d64ae var(--tw-gradient-to-position)
}

.to-green-100 {
    --tw-gradient-to: #2e838b var(--tw-gradient-to-position)
}

.to-primary {
    --tw-gradient-to: #44bfc9 var(--tw-gradient-to-position)
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-\[--container-gap-x\] {
    padding-left: var(--container-gap-x);
    padding-right: var(--container-gap-x)
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.py-9 {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem
}

.\!pb-0 {
    padding-bottom: 0!important
}

.\!pb-4 {
    padding-bottom: 1rem!important
}

.\!pb-5 {
    padding-bottom: 1.25rem!important
}

.\!pt-0 {
    padding-top: 0!important
}

.pb-0 {
    padding-bottom: 0
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-12 {
    padding-left: 3rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-\[--container-gap-x\] {
    padding-left: var(--container-gap-x)
}

.pr-0 {
    padding-right: 0
}

.pr-3 {
    padding-right: .75rem
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[7\.5rem\] {
    padding-top: 7.5rem
}

.text-center {
    text-align: center
}

.font-head {
    font-family: Konnect,sans-serif
}

.font-sans {
    font-family: Helvetica Now Display,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-2xl-l {
    line-height: 1.4
}

.text-2xl-l,.text-3xl {
    font-size: 1.875rem
}

.text-3xl {
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.5rem;
    line-height: 3.375rem
}

.text-9xl {
    font-size: 8rem;
    line-height: 1
}

.text-\[0\.625rem\] {
    font-size: .625rem
}

.text-\[1\.375rem\] {
    font-size: 1.375rem
}

.text-\[1\.875rem\] {
    font-size: 1.875rem
}

.text-\[2\.125rem\] {
    font-size: 2.125rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

.\!leading-\[1\.3\] {
    line-height: 1.3!important
}

.leading-8 {
    line-height: 2rem
}

.leading-\[1\.4\] {
    line-height: 1.4
}

.leading-\[1\.5\] {
    line-height: 1.5
}

.leading-\[1\.6\] {
    line-height: 1.6
}

.leading-\[1\.7\] {
    line-height: 1.7
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-light {
    color: rgb(245 245 245/var(--tw-text-opacity))!important
}

.\!text-light,.\!text-white {
    --tw-text-opacity: 1!important
}

.\!text-white {
    color: rgb(255 255 255/var(--tw-text-opacity))!important
}

.text-dark {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity))
}

.text-gray-150 {
    --tw-text-opacity: 1;
    color: rgb(104 104 104/var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(80 80 80/var(--tw-text-opacity))
}

.text-light {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(68 191 201/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-2xl,.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 4px 34px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 4px 34px var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 24px 34px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 24px 34px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline-gray-50 {
    outline-color: #d2d2d2
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.duration-150,.transition-transform {
    transition-duration: .15s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 1536px) {
    .container {
        max-width:var(--container-3xl)
    }
}

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

.container-compact {
    max-width: var(--container-lg)
}

.flex-cols {
    display: flex;
    flex-wrap: wrap;
    --gap: 14px;
    --cols: 1;
    gap: var(--gap)
}

.flex-cols>* {
    flex-grow: 1;
    max-width: calc(100%/var(--cols) - var(--gap) + var(--gap)/var(--cols));
    width: calc(100%/var(--cols) - var(--gap) + var(--gap)/var(--cols))
}

.img-rounded img {
    border-radius: .625rem
}

@media (min-width: 1024px) {
    .img-rounded img {
        border-radius:1.875rem
    }
}

.img-overlay:before {
    background-color: rgba(0,0,0,.24);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.separator-x {
    --symbol: "\2022";
    font-family: math;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-left: .25rem;
    margin-right: .25rem
}

.separator-x:before {
    content: var(--symbol)
}

.\[--arrow-color\: --color-light\] {
    --arrow-color:var(--color-light)
}

.\[--arrow-color\: --color-primary\] {
    --arrow-color:var(--color-primary)
}

.\[--circle-color\: \#fff\] {
    --circle-color:#fff
}

.\[--circle-color\: --color-primary\] {
    --circle-color:var(--color-primary)
}

.\[--cols\: 2\] {
    --cols:2
}

.\[--cols\: 4\] {
    --cols:4
}

.\[--gap\: 0\.5rem\] {
    --gap:0.5rem
}

.\[--gap\: 0\.75rem\] {
    --gap:0.75rem
}

.\[--gap\: 1\.25rem\] {
    --gap:1.25rem
}

.\[--gap\: 2\.25rem\] {
    --gap:2.25rem
}

.\[--gap\: 2rem\] {
    --gap:2rem
}

.\[--icon-size\: 1\.875rem\] {
    --icon-size:1.875rem
}

.\[--top-gap-y\: 5\.5rem\] {
    --top-gap-y:5.5rem
}

.header {
    --menu-height: 3.75rem;
    border-width: 0;
    height: var(--header-size);
    pointer-events: none;
    top: var(--root-gap-y);
    z-index: 11;
    --header-size: 4.5rem
}

@media (min-width: 1380px) {
    .header {
        --header-size:8.75rem
    }
}

@media (min-width: 1380px) {
    .header.stuck .header-panel {
        padding-bottom:1rem;
        padding-top: 1rem
    }
}

.header .header-inner {
    pointer-events: auto
}

.header .logo {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    max-width: 5.875rem;
    padding: .25rem 1rem;
    width: 100%
}

@media not all and (min-width: 1380px) {
    .header .logo {
        padding-right:0
    }
}

@media (min-width: 1380px) {
    .header .logo {
        border-radius:.625rem;
        height: 3.75rem;
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245/var(--tw-bg-opacity))
    }
}

@media (min-width: 1536px) {
    .header .logo {
        max-width:7.25rem
    }
}

.header .logo img {
    max-height: 27px;
    -o-object-fit: contain;
    object-fit: contain
}

.header [data-search-predictive] {
    display: none!important
}

.header [data-search-predictive]:has(.result-info) {
    display: block!important
}

.header-panel {
    align-items: center;
    display: flex;
    gap: .625rem;
    position: relative;
    transition-duration: 50ms;
    transition-property: padding;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media not all and (min-width: 1380px) {
    .header-panel {
        border-bottom-left-radius:.625rem;
        border-bottom-right-radius: .625rem;
        margin-left: calc(var(--container-gap-x)*-1);
        margin-right: calc(var(--container-gap-x)*-1);
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245/var(--tw-bg-opacity));
        padding-bottom: .75rem;
        padding-left: var(--container-gap-x);
        padding-right: var(--container-gap-x);
        padding-top: .75rem;
        --tw-shadow: 0 9px 74px rgba(0,0,0,.19);
        --tw-shadow-colored: 0 9px 74px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }
}

@media (min-width: 1380px) {
    .header-panel {
        padding-bottom:2.5rem;
        padding-top: 2.5rem;
        --tw-drop-shadow: drop-shadow(0 9px 74px rgba(0,0,0,.34));
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
}

.header-row {
    align-items: center;
    display: flex;
    gap: .625rem;
    position: relative;
    width: 100%
}



#search-results .podcast-img {
    aspect-ratio: 1280/720!important;
    max-width: 13.5rem!important
}

.footer {
    --menu-space: clamp(3.75rem,6vw,7.25rem)
}

.footer .copyright {
    padding-top: var(--menu-space)
}

.footer {
    position: relative
}

@media (min-width: 1380px) {
    .footer a:hover {
        --tw-text-opacity:1;
        color: rgb(68 191 201/var(--tw-text-opacity))
    }

    .footer a {
        transition-duration: .15s;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
        transition-timing-function: cubic-bezier(.4,0,.2,1)
    }
}

:is(.footer .logo) img {
    aspect-ratio: 125/53
}

.footer-navs {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
    row-gap: 2rem
}

@media not all and (min-width: 1024px) {
    .footer-navs {
        grid-auto-flow:column;
        grid-template-rows: auto 1fr
    }
}

@media not all and (min-width: 768px) {
    .footer-navs {
        margin-bottom:1rem
    }
}

@media (min-width: 1024px) {
    .footer-navs {
        row-gap:var(--menu-space)
    }

    :is(.footer-navs>*):nth-child(3) {
        grid-area: 3/1/4/2
    }

    :is(.footer-navs>*):nth-child(4) {
        grid-area: 1/2/2/3
    }

    :is(.footer-navs>*):nth-child(5) {
        grid-area: 2/2/3/3
    }
}

.footer-navs h5 {
    font-family: Helvetica Now Display,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .footer-navs h5 {
        margin-bottom:2.5rem
    }
}

.footer-navs ul {
    display: grid;
    row-gap: 1rem
}

@media (min-width: 1024px) {
    .footer-navs ul {
        row-gap:1.75rem
    }
}

.footer-navs li {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 640px) {
    .footer-navs li {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1024px) {
    .footer-navs li {
        font-size:1.625rem;
        line-height: 1.4
    }
}

@media (min-width: 1688px) {
    .footer-navs li {
        font-size:1.875rem
    }
}

.header .navigation {
    align-items: center;
    position: relative
}

@media (min-width: 1380px) {
    .header .navigation {
        flex-shrink:0;
        position: static
    }
}

:is(.header .navigation) .menu-item {
    align-items: center;
    display: inline-flex;
    gap: 10px
}

:is(:is(.header .navigation) .menu-item) a {
    transition: color .3s ease
}

:is(.header .navigation)>ul {
    display: flex
}

:is(:is(.header .navigation)>ul)>li {
    position: relative
}

:is(:is(:is(.header .navigation)>ul)>li)>a {
    align-items: center;
    display: flex;
    gap: .25rem;
    line-height: 1;
    padding: .5rem;
    text-align: center
}

@media (min-width: 1536px) {
    :is(:is(:is(.header .navigation)>ul)>li)>a {
        padding-left:.75rem;
        padding-right: .75rem
    }
}

@media (hover: hover) {
    :is(:is(:is(:is(.header .navigation)>ul)>li)>a):hover {
        --tw-text-opacity:1;
        color: rgb(68 191 201/var(--tw-text-opacity))
    }
}

:is(:is(:is(.header .navigation)>ul)>li) .sub-menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

:is(:is(:is(.header .navigation)>ul)>li)>.sub-menu {
    border-radius: .375rem;
    left: 0;
    min-width: 13rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 8px);
    transform: translateY(-10px);
    visibility: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    padding-bottom: .5rem;
    padding-top: .5rem
}

:is(:is(:is(:is(:is(.header .navigation)>ul)>li)>.sub-menu)>li)>a {
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(104 104 104/var(--tw-text-opacity))
}

:is(:is(:is(:is(:is(.header .navigation)>ul)>li)>.sub-menu)>li)>a:hover {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

:is(:is(:is(:is(:is(:is(.header .navigation)>ul)>li)>.sub-menu)>li)>a)>span {
    display: block;
    font-family: Helvetica Now Display,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: .875rem;
    line-height: 1.25rem;
    padding-top: .25rem;
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity))
}

.menu-item-has-children:is(:is(:is(.header .navigation)>ul)>li):hover:after {
    content: "";
    height: calc(100% + 8px);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.menu-item-has-children:is(:is(:is(.header .navigation)>ul)>li):hover>a {
    position: relative;
    z-index: 1;
    --tw-text-opacity: 1;
    color: rgb(68 191 201/var(--tw-text-opacity))
}

:is(.menu-item-has-children:is(:is(:is(.header .navigation)>ul)>li):hover>a):after {
    filter: invert(70%) sepia(85%) saturate(365%) hue-rotate(132deg) brightness(86%) contrast(79%);
    transform: rotate(270deg)
}

:is(:is(:is(.header .navigation)>ul)>li):hover .sub-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    transition-delay: .26s;
    transition-duration: .2s,.1s;
    transition-property: transform,opacity;
    transition-timing-function: ease;
    visibility: visible
}

.menu-item-has-children:is(:is(:is(.header .navigation)>ul)>li)>a {
    position: relative
}

:is(.menu-item-has-children:is(:is(:is(.header .navigation)>ul)>li)>a):after {
    background-image: var(--arrow-r);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-flex;
    filter: invert(39%) sepia(13%) saturate(13%) hue-rotate(347deg) brightness(95%) contrast(75%);
    height: 1.125rem;
    position: relative;
    top: 2px;
    transform: rotate(90deg);
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 1.125rem
}

.mega-menu:is(:is(:is(.header .navigation)>ul)>li) {
    position: static
}

.mega-menu:is(:is(:is(.header .navigation)>ul)>li) .bridge {
    bottom: -30%;
    height: 100%;
    position: absolute
}

.mega-menu:is(:is(:is(.header .navigation)>ul)>li):after {
    display: none
}

:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>a):after {
    display: none
}

.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul {
    max-height: calc(100dvh - 160px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li {
    width: 25%
}

:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li)>a {
    font-family: Konnect,sans-serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    min-width: 20rem;
    padding: 1rem 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li)>a:hover {
    --tw-text-opacity: 1;
    color: rgb(68 191 201/var(--tw-text-opacity))
}

:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li):hover,.active-menu:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li))>a {
    --tw-text-opacity: 1;
    color: rgb(68 191 201/var(--tw-text-opacity))
}

:is(:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li):hover,.active-menu:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li))>a):after {
    filter: invert(81%) sepia(74%) saturate(1648%) hue-rotate(150deg) brightness(82%) contrast(89%)
}

:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li) .sub-menu {
    max-width: 25%;
    min-width: 16rem;
    opacity: 0;
    padding-left: 2.75rem;
    position: absolute;
    top: 3rem;
    transition: opacity .3s ease;
    visibility: hidden;
    width: -moz-max-content;
    width: max-content
}

:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li) .sub-menu):before {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

:is(:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li) .sub-menu):hover>li)>a {
    --tw-text-opacity: 1;
    color: rgb(104 104 104/var(--tw-text-opacity))
}

:is(:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li) .sub-menu) .menu-item-has-children)>a {
    width: 100%
}

:is(:is(:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li) .sub-menu) .menu-item-has-children)>a):after {
    height: 1.125rem;
    top: 12px;
    width: 1.125rem
}

:is(:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li) .sub-menu) li) a {
    padding-bottom: .5rem;
    padding-top: .5rem
}

:is(:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li) .sub-menu) li):hover>a {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul)>li) .sub-menu) .sub-menu {
    left: 100%!important;
    top: 0
}

:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul) li)>a {
    display: block;
    padding-right: 24px
}

:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul) .menu-item-has-children)>a {
    display: block;
    position: relative
}

:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul) .menu-item-has-children)>a):after {
    background-image: var(--arrow-r);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-flex;
    height: 1.5rem;
    position: absolute;
    right: 0;
    top: 22px;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 1.5rem
}

:is(:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul) .menu-item-has-children):hover,.active-menu:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul) .menu-item-has-children))>.sub-menu {
    opacity: 1;
    visibility: visible
}

.active-menu:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul) .menu-item-has-children)>.sub-menu {
    transition: none
}

.active-menu:is(:is(.mega-menu:is(:is(:is(.header .navigation)>ul)>li)>ul) .menu-item-has-children)>a {
    transition: none
}

:is(.header .navigation) .toggle {
    display: inline-flex;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

[data-active=true]:is(:is(.header .navigation) .toggle) {
    transform: rotate(180deg)
}

@media (min-width: 1380px) {
    :is(:is(.menu .description-mobile)>a)>.description,:is(:is(.menu .description-mobile)>a)>span {
        display:none
    }
}

.nav-modal {
    height: calc(100% - var(--root-gap-y));
    left: 0;
    max-width: 40rem;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: var(--root-gap-y);
    width: 100%;
    z-index: 40;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

@media (min-width: 640px) {
    .nav-modal {
        border-bottom-right-radius:.625rem;
        border-top-right-radius: .625rem
    }
}

:is(.nav-modal .menu):first-of-type {
    border-top-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239/var(--tw-border-opacity))
}

.menu-item-has-children:is(:is(.nav-modal .menu) li)>a {
    max-width: calc(100% - 60px)
}

.menu-item-has-children:is(:is(.nav-modal .menu) li)>.toggle {
    height: 100%;
    justify-content: flex-end;
    padding-right: 1rem;
    right: 0;
    top: 0;
    width: auto;
    z-index: 1
}

:is(.menu-item-has-children:is(:is(.nav-modal .menu) li)>.toggle) svg {
    margin-top: 1.25rem
}

.row:is(:is(.nav-modal .menu) li) {
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(239 239 239/var(--tw-border-opacity));
    padding-bottom: 1rem;
    padding-top: 1rem
}

.row:is(:is(.nav-modal .menu) li)>a {
    font-family: Helvetica Now Display,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity));
    font-size: .75rem!important;
    line-height: 1rem!important
}

.row:is(:is(.nav-modal .menu) li) .sub-menu {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding-left: 1.25rem
}

:is(.row:is(:is(.nav-modal .menu) li) li) a {
    padding: 0!important
}

.reverse:is(:is(.nav-modal .menu) li) a {
    display: flex;
    flex-direction: column;
    padding-bottom: .75rem;
    padding-top: .75rem
}

:is(.reverse:is(:is(.nav-modal .menu) li) a)>.description,:is(.reverse:is(:is(.nav-modal .menu) li) a)>span {
    margin-bottom: .25rem;
    order: -1
}

.accent:is(:is(.nav-modal .menu) li) {
    margin-top: 1rem
}

.accent:is(:is(.nav-modal .menu) li) a {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    --tw-gradient-from: #3791ac var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(55,145,172,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-from-position: 15%;
    --tw-gradient-to: #312e8b var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

:is(.accent:is(:is(.nav-modal .menu) li) a)>.description,:is(.accent:is(:is(.nav-modal .menu) li) a)>span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.accent:is(:is(.nav-modal .menu) li) .toggle {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

:is(:is(.nav-modal .menu)>li) .sub-menu {
    display: none
}

:is(:is(:is(:is(.nav-modal .menu)>li) .sub-menu) li) a {
    padding-left: 1.25rem
}

@keyframes slide-out-right {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.interim-state:is(:is(.nav-modal .menu)>li)>.sub-menu {
    animation: slide-out-right .3s cubic-bezier(.19,1,.22,1) forwards!important
}

:is([data-show]:is(:is(.nav-modal .menu)>li) .sub-menu)>li[data-show] {
    border-bottom-width: 0
}

:is([data-show]:is(:is(.nav-modal .menu)>li),:is(:is(.nav-modal .menu)>li) li[data-show])>.sub-menu {
    display: block
}

@keyframes slide-in-right {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

:is([data-show]:is(:is(.nav-modal .menu)>li),:is(:is(.nav-modal .menu)>li) li[data-show])>.sub-menu {
    animation: slide-in-right .3s cubic-bezier(.19,1,.22,1) forwards
}

:is([data-show]:is(:is(.nav-modal .menu)>li),:is(:is(.nav-modal .menu)>li) li[data-show])>a {
    border-bottom-width: 2px;
    max-width: 100%;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(239 239 239/var(--tw-border-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 3.5rem
}

:is(:is([data-show]:is(:is(.nav-modal .menu)>li),:is(:is(.nav-modal .menu)>li) li[data-show])>a)>.description,:is(:is([data-show]:is(:is(.nav-modal .menu)>li),:is(:is(.nav-modal .menu)>li) li[data-show])>a)>span {
    display: none
}

:is([data-show]:is(:is(.nav-modal .menu)>li),:is(:is(.nav-modal .menu)>li) li[data-show])>.toggle {
    align-items: center;
    height: 3.5rem;
    justify-content: flex-start;
    padding-left: 1rem;
    top: 0;
    width: auto
}

:is(:is([data-show]:is(:is(.nav-modal .menu)>li),:is(:is(.nav-modal .menu)>li) li[data-show])>.toggle) svg {
    margin-top: 0;
    transform: rotate(90deg)
}

:is(.nav-modal .menu) li {
    border-bottom-width: 2px;
    position: relative;
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239/var(--tw-border-opacity))
}

:is(:is(.nav-modal .menu) li) .toggle {
    display: inline-flex;
    position: absolute;
    right: 1rem;
    top: 18px;
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

:is(:is(:is(.nav-modal .menu) li) .toggle) svg {
    transform: rotate(-90deg)
}

[data-hide]:is(:is(.nav-modal .menu) li) {
    display: none
}

[data-hide-link]:is(:is(.nav-modal .menu) li)>.toggle,[data-hide-link]:is(:is(.nav-modal .menu) li)>a {
    border-bottom-color: transparent;
    display: none
}

:is(:is(.nav-modal .menu) li):not(.menu-item-has-children)>a {
    padding-right: 3.5rem
}

:is(:is(.nav-modal .menu) li):not(.menu-item-has-children)>.toggle {
    pointer-events: none
}

:is(.nav-modal .menu) a {
    display: block;
    font-family: Konnect,sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: 1rem 1.25rem
}

:is(:is(.nav-modal .menu) a) .description,:is(:is(.nav-modal .menu) a)>span {
    display: block;
    font-family: Helvetica Now Display,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: .75rem;
    line-height: 1rem;
    padding-top: .25rem;
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity))
}

:is(:is(.nav-modal .menu) a):after {
    background-image: var(--arrow-r);
    background-repeat: no-repeat;
    height: 21px;
    margin-top: 4px;
    width: 20px
}

:is(:is(.nav-modal .menu) .sub-menu) li:last-child {
    border-bottom-color: transparent
}

:is(:is(:is(.nav-modal .menu) .sub-menu) li) a {
    padding-left: 2rem
}

.sm:is(.nav-modal .menu) {
    margin-top: 1.5rem
}

.sm:is(.nav-modal .menu) li {
    border-bottom-color: transparent
}

.xs:is(.sm:is(.nav-modal .menu) li) a {
    font-size: .875rem;
    line-height: 1.25rem
}

:is(.sm:is(.nav-modal .menu) li) a {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

:is(.sm:is(.nav-modal .menu) li) .toggle {
    display: none;
    width: 1rem
}

:is(.sm:is(.nav-modal .menu) li) li {
    border-bottom-color: transparent
}

.accent:is(.sm:is(.nav-modal .menu) li) {
    margin-top: 1rem
}

.accent:is(.sm:is(.nav-modal .menu) li) a {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.accent:is(.sm:is(.nav-modal .menu) li) .toggle {
    display: inline-flex
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.form select,.form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,.form select:focus,.form textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-moz-placeholder,.form select::-moz-placeholder,.form textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::placeholder,.form select::placeholder,.form textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-fields-wrapper,.form select::-webkit-datetime-edit-fields-wrapper,.form textarea::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-date-and-time-value,.form select::-webkit-date-and-time-value,.form textarea::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit,.form select::-webkit-datetime-edit,.form textarea::-webkit-datetime-edit {
    display: inline-flex
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit,.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-day-field,.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-hour-field,.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-meridiem-field,.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-millisecond-field,.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-minute-field,.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-month-field,.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-second-field,.form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-year-field,.form select::-webkit-datetime-edit,.form select::-webkit-datetime-edit-day-field,.form select::-webkit-datetime-edit-hour-field,.form select::-webkit-datetime-edit-meridiem-field,.form select::-webkit-datetime-edit-millisecond-field,.form select::-webkit-datetime-edit-minute-field,.form select::-webkit-datetime-edit-month-field,.form select::-webkit-datetime-edit-second-field,.form select::-webkit-datetime-edit-year-field,.form textarea::-webkit-datetime-edit,.form textarea::-webkit-datetime-edit-day-field,.form textarea::-webkit-datetime-edit-hour-field,.form textarea::-webkit-datetime-edit-meridiem-field,.form textarea::-webkit-datetime-edit-millisecond-field,.form textarea::-webkit-datetime-edit-minute-field,.form textarea::-webkit-datetime-edit-month-field,.form textarea::-webkit-datetime-edit-second-field,.form textarea::-webkit-datetime-edit-year-field {
    padding-bottom: 0;
    padding-top: 0
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.form select,.form textarea {
    border-radius: .375rem;
    height: 3.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(210 210 210/var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition-duration: .15s;
    transition-property: border,color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 768px) {
    .form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.form select,.form textarea {
        height:3.75rem
    }
}

:is(.form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.form-textarea,.form-select):focus,:is(.form select,.form-textarea,.form-select):focus,:is(.form textarea,.form-textarea,.form-select):focus {
    --tw-border-opacity: 1;
    border-color: rgb(68 191 201/var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(68 191 201/var(--tw-ring-opacity))
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit]).form-input--outline,.form select.form-input--outline,.form textarea.form-input--outline {
    border-left-color: transparent;
    border-radius: 0;
    border-right-color: transparent;
    border-top-color: transparent;
    padding-left: 0
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit]).form-input--outline:focus,.form select.form-input--outline:focus,.form textarea.form-input--outline:focus {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-width: 0;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.form input:not([type=checkbox]):not([type=radio]):not([type=submit]),.form select,.form textarea {
    width: 100%
}

.form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

.form textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.form textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

.form textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

.form textarea {
    border-radius: .375rem;
    height: 3.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(210 210 210/var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition-duration: .15s;
    transition-property: border,color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 768px) {
    .form textarea {
        height:3.75rem
    }
}

:is(.form-input,.form textarea,.form-select):focus {
    --tw-border-opacity: 1;
    border-color: rgb(68 191 201/var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(68 191 201/var(--tw-ring-opacity))
}

.form textarea {
    height: auto;
    min-height: 9.375rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    width: 100%
}

.form [type=submit],.form button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .625rem;
    border-width: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    min-height: var(--button-height);
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    --button-height: 3.375rem
}

@media (min-width: 768px) {
    .form [type=submit],.form button {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media (hover: hover) {
    .form [type=submit]:hover,.form button:hover {
        opacity:.8
    }
}

@media (min-width: 768px) {
    .form [type=submit],.form button {
        --button-height:3.75rem
    }
}

.form [type=submit],.form button {
    --tw-bg-opacity: 1;
    background-color: rgb(48 48 48/var(--tw-bg-opacity))
}

.form [type=submit].button-outline,.form button.button-outline {
    --tw-text-opacity: 1;
    color: rgb(48 48 48/var(--tw-text-opacity))
}

@media (hover: hover) {
    .form [type=submit].button-outline:hover,.form button.button-outline:hover {
        --tw-bg-opacity:1;
        background-color: rgb(48 48 48/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(245 245 245/var(--tw-text-opacity));
        opacity: 1
    }
}

@media (min-width: 1280px) {
    .form [type=submit],.form button {
        --button-height:4.375rem
    }
}

.form [type=submit],.form button {
    width: 100%
}

.video-block-home .form [type=submit],.video-block-home .form button {
    font-weight: 500;
    letter-spacing: -.32px;
    max-width: 100%;
    padding: 16px 50px
}

@media (min-width: 640px) {
    .video-block-home .form [type=submit],.video-block-home .form button {
        max-width:-moz-fit-content;
        max-width: fit-content
    }
}

.banner-press .form [type=submit],.banner-press .form button {
    font-weight: 500;
    letter-spacing: -.32px;
    max-width: 100%;
    padding: 16px 50px
}

@media (min-width: 640px) {
    .banner-press .form [type=submit],.banner-press .form button {
        max-width:-moz-fit-content;
        max-width: fit-content;
        min-height: 72px
    }
}

.content-press .form [type=submit],.content-press .form button {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    color: #303030;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 20px 50px;
    width: auto
}

.content-press .form [type=submit]:focus,.content-press .form [type=submit]:hover,.content-press .form button:focus,.content-press .form button:hover {
    background: #303030;
    color: #fff
}

:is(:is(.hero-become .hero-become__wrapper) .content) .form [type=submit],:is(:is(.hero-become .hero-become__wrapper) .content) .form button {
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 1024px) {
    :is(:is(.hero-become .hero-become__wrapper) .content) .form [type=submit],:is(:is(.hero-become .hero-become__wrapper) .content) .form button {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 16px 50px
    }
}

:is(.why-become .why-become__wrapper) .form [type=submit],:is(.why-become .why-become__wrapper) .form button {
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 1024px) {
    :is(.why-become .why-become__wrapper) .form [type=submit],:is(.why-become .why-become__wrapper) .form button {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 20px 50px
    }
}

:is(:is(.who-become .who-become__wrapper) .big-section) .form [type=submit],:is(:is(.who-become .who-become__wrapper) .big-section) .form button {
    min-height: 72px;
    padding: 16px 50px
}

@media (min-width: 1024px) {
    :is(:is(.who-become .who-become__wrapper) .big-section) .form [type=submit],:is(:is(.who-become .who-become__wrapper) .big-section) .form button {
        margin-top:20px;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    --gap: 1.25rem
}

.form .label {
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem
}

@media (min-width: 640px) {
    .form .label {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.form .submit {
    align-items: center;
    display: flex;
    gap: .5rem;
    width: 100%
}

.form.form-light {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.form.form-light input:not([type=checkbox]):not([type=radio]):not([type=submit]),.form.form-light select,.form.form-light textarea {
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.form.form-light input:not([type=checkbox]):not([type=radio]):not([type=submit])::-moz-placeholder,.form.form-light select::-moz-placeholder,.form.form-light textarea::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.form.form-light input:not([type=checkbox]):not([type=radio]):not([type=submit])::placeholder,.form.form-light select::placeholder,.form.form-light textarea::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.form.form-light select {
    filter: brightness(0) invert(1)
}

.form.form-light [type=submit],.form.form-light button {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

.form-col {
    width: 100%
}

@media (min-width: 768px) {
    .form-col-1-2 {
        width:calc(50% - var(--gap)/2)
    }
}

.predictive-dropdown {
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    top: calc(100% + 10px);
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    padding-left: var(--container-gap-x);
    padding-right: var(--container-gap-x)
}

@media (min-width: 1024px) {
    .predictive-dropdown {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 1380px) {
    .predictive-dropdown {
        border-radius:.625rem;
        min-width: 43.75rem;
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
        position: absolute
    }
}

.predictive-dropdown .title {
    font-family: Helvetica Now Display,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1rem;
    margin-bottom: 1.875rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(104 104 104/var(--tw-text-opacity))
}

.predictive-dropdown .title-head {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 1.875rem
}

.predictive-dropdown .result-list-default {
    display: grid;
    font-size: 1.25rem;
    gap: 1rem;
    line-height: 1.75rem
}

.predictive-dropdown .result-list-default:last-child {
    margin-bottom: 0
}

:is(.predictive-dropdown .result-list-default) a {
    font-family: Konnect,sans-serif;
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (hover: hover) {
    :is(:is(.predictive-dropdown .result-list-default) a):hover {
        --tw-text-opacity:1;
        color: rgb(68 191 201/var(--tw-text-opacity))
    }
}

.predictive-dropdown .promotion {
    border-radius: .625rem;
    padding: 1.875rem
}

@media (min-width: 768px) {
    .predictive-dropdown .promotion {
        border-radius:1.25rem
    }
}

:is(.predictive-dropdown .start) .card {
    border-radius: .625rem;
    overflow: hidden;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity))
}

@media (min-width: 768px) {
    :is(.predictive-dropdown .start) .card {
        border-radius:1.25rem
    }
}

:is(:is(.predictive-dropdown .start) .card):only-child img {
    aspect-ratio: 254/112
}

:is(:is(.predictive-dropdown .start) .card):before {
    background-color: rgba(0,0,0,.24);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

:is(.predictive-dropdown .start) .content {
    display: grid;
    height: 100%;
    left: 0;
    line-height: 1.3;
    padding: 1rem;
    position: absolute;
    top: 0;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    :is(.predictive-dropdown .start) .content {
        padding:1.75rem
    }
}

:is(.predictive-dropdown .start) .link {
    align-self: flex-end;
    border-radius: 4px;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(48 48 48/var(--tw-text-opacity));
    height: 1.5rem;
    width: -moz-fit-content;
    width: fit-content
}
.content h5{
  color: white;

}
:is(.predictive-dropdown .start) img {
    aspect-ratio: 179/115;
    border-radius: .625rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    :is(.predictive-dropdown .start) img {
        border-radius:1.25rem
    }
}

:is(:is(.predictive-dropdown .popular) .img) img {
    aspect-ratio: 117/40;
    border-radius: .375rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    :is(:is(.predictive-dropdown .popular) .img) img {
        aspect-ratio:120/150;
        border-radius: .625rem;
        margin-left: auto;
        max-width: 7.5rem
    }
}

.search-modal {
    width: 100%
}

@media not all and (min-width: 1380px) {
    .search-modal {
        height:calc(100% - var(--root-gap-y));
        left: 0;
        max-width: 40rem;
        position: fixed;
        top: var(--root-gap-y);
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245/var(--tw-bg-opacity))
    }
}

@media (min-width: 640px) {
    .search-modal {
        border-bottom-right-radius:.625rem;
        border-top-right-radius: .625rem
    }
}

.search-form .search-field {
    border-color: transparent;
    border-radius: 0;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    padding-left: 1.75rem
}

.search-form .search-field:focus {
    border-color: transparent;
    --tw-ring-color: transparent
}

@media not all and (min-width: 1380px) {
    .search-form .search-field {
        height:3rem;
        padding-right: 0
    }
}

@media (min-width: 1380px) {
    .search-form .search-field {
        border-radius:.625rem;
        padding-left: 3.75rem
    }
}

.in-search:is(.search-form .search-field) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.in-search:is(.search-form .search-field)::-webkit-search-cancel-button {
    display: none;
    opacity: 0!important
}

.search-form .spinner-loader {
    height: 1.25rem;
    width: 1.25rem
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.search-form .spinner-loader {
    animation: spin 1s linear infinite;
    border-color: rgb(239 239 239/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 3px;
    --tw-border-opacity: 1;
    border-top-color: rgb(55 145 172/var(--tw-border-opacity));
    --border-w: 3px;
    height: 1rem;
    position: absolute;
    right: 6px;
    top: 16px;
    width: 1rem;
    z-index: 1
}

@media (min-width: 1380px) {
    .search-form .spinner-loader {
        height:1.25rem;
        right: 32px;
        top: 20px;
        width: 1.25rem
    }
}

.product-card {
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem
}

@media (min-width: 768px) {
    .product-card {
        border-radius:1.25rem
    }
}

.product-name {
    font-family: Konnect,sans-serif;
    margin-top: auto
}

.product-name a:hover {
    text-decoration-line: underline
}

.product-img {
    align-items: center;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    max-width: 100%
}

.product-img>* {
    max-height: 100%
}

.products-showcase>* {
    display: flex
}

@media (min-width: 1280px) {
    .products-showcase>:nth-child(2) {
        --tw-translate-x:-0.75rem
    }

    .products-showcase>:nth-child(2),.products-showcase>:nth-child(3) {
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .products-showcase>:nth-child(3) {
        --tw-translate-x: 0.75rem
    }

    .products-showcase>:nth-child(6) {
        --tw-translate-x: -0.75rem
    }

    .products-showcase>:nth-child(6),.products-showcase>:nth-child(7) {
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .products-showcase>:nth-child(7) {
        --tw-translate-x: 0.75rem
    }
}

.products-showcase .item {
    flex: 1 1 0%
}

.scroll-to-top {
    align-items: center;
    border-radius: 6px;
    bottom: var(--container-gap-x);
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: fixed;
    right: var(--container-gap-x);
    width: 2.5rem;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(48 48 48/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(68 191 201/var(--tw-text-opacity));
    transition-duration: .15s;
    transition-property: transform,opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.scroll-to-top:hover {
    --tw-translate-y: -0.375rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scroll-to-top[data-top=hide] {
    opacity: 0;
    pointer-events: none
}

@media (min-width: 640px) {
    .scroll-to-top {
        bottom:3.5rem
    }
}

@media (min-width: 768px) {
    .scroll-to-top {
        height:3.75rem;
        width: 3.75rem
    }
}

@media (min-width: 1024px) {
    .scroll-to-top {
        right:2rem
    }
}

.scroll-to-top svg {
    height: 1rem;
    width: 1rem
}

@media (min-width: 768px) {
    .scroll-to-top svg {
        height:1.75rem;
        width: 1.75rem
    }
}

.post-item {
    display: flex;
    flex-direction: column
}

.post-item .img {
    border-radius: .625rem;
    overflow: hidden;
    position: relative
}

@media (min-width: 1280px) {
    .post-item .img {
        border-radius:1.25rem
    }
}

:is(.post-item .img) img {
    aspect-ratio: 240/160;
    border-radius: .625rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1280px) {
    :is(.post-item .img) img {
        border-radius:1.25rem
    }
}

.post-item .name {
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media (min-width: 1024px) {
    .post-item .name {
        font-size:1.875rem;
        line-height: 2.25rem
    }
}

:is(.post-item .name) a:hover {
    text-decoration-line: none
}

@media (min-width: 1280px) {
    :is(.post-item .name) a {
        text-decoration-line:underline
    }
}

.post-item .info {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: auto;
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity))
}

.post-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .post-title {
        font-size:3.75rem;
        line-height: 1
    }
}

.post-name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.post-name a:hover {
    text-decoration-line: underline
}

.post-content .wp-block-list,.post-content>p {
    line-height: 1.62;
    margin-bottom: 1.25rem
}

.post-content .wp-block-list:last-child,.post-content>p:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .post-content .wp-block-list,.post-content>p {
        font-size:1.5rem;
        line-height: 1.62;
        margin-bottom: 2rem
    }
}

:is(.post-content>p,.post-content .wp-block-list)+.wp-block-heading,:is(.post-content>p,.post-content .wp-block-list)+h1,:is(.post-content>p,.post-content .wp-block-list)+h2,:is(.post-content>p,.post-content .wp-block-list)+h3,:is(.post-content>p,.post-content .wp-block-list)+h4,:is(.post-content>p,.post-content .wp-block-list)+h5,:is(.post-content>p,.post-content .wp-block-list)+h6 {
    margin-top: 0
}

@media not all and (min-width: 768px) {
    .post-content p.has-medium-font-size {
        font-size:1.125rem!important;
        line-height: 1.75rem!important
    }
}

.post-content p.has-large-font-size {
    font-size: 1.25rem!important;
    line-height: 1.75rem!important
}

@media (min-width: 768px) {
    .post-content p.has-large-font-size {
        font-size:1.875rem!important;
        line-height: 2.25rem!important;
        line-height: 1.625!important
    }
}

.post-content .wp-block-image {
    margin-bottom: 2rem
}

.post-content .wp-block-image:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .post-content .wp-block-image {
        margin-bottom:3.5rem
    }
}

:is(.post-content .wp-block-image) img {
    border-radius: .625rem
}

@media (min-width: 768px) {
    :is(.post-content .wp-block-image) img {
        border-radius:1.25rem
    }
}

:is(.post-content .wp-block-image) img {
    width: auto!important
}

.post-content .wp-block-heading,.post-content>h1,.post-content>h2,.post-content>h3,.post-content>h4,.post-content>h5,.post-content>h6 {
    margin-bottom: .75rem;
    margin-top: 1.25rem
}

@media (min-width: 768px) {
    .post-content .wp-block-heading,.post-content>h1,.post-content>h2,.post-content>h3,.post-content>h4,.post-content>h5,.post-content>h6 {
        margin-bottom:1.25rem;
        margin-top: 2rem
    }
}

.post-content h1.wp-block-heading,.post-content>h1 {
    font-size: 3.75rem;
    line-height: 1
}

@media (min-width: 768px) {
    .post-content h1.wp-block-heading,.post-content>h1 {
        font-size:6.25rem;
        line-height: 1
    }
}

.post-content h2.wp-block-heading,.post-content>h2 {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width: 768px) {
    .post-content h2.wp-block-heading,.post-content>h2 {
        font-size:2.5rem;
        line-height: 3.375rem
    }
}

.post-content h3.wp-block-heading,.post-content>h3 {
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media (min-width: 768px) {
    .post-content h3.wp-block-heading,.post-content>h3 {
        font-size:1.875rem;
        line-height: 2.25rem
    }
}

.post-content h4.wp-block-heading,.post-content h4> {
    font-size: 1.125rem;
    line-height: 1.75rem
}

@media (min-width: 768px) {
    .post-content h4.wp-block-heading,.post-content h4> {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.post-content h5.wp-block-heading,.post-content>h5 {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 768px) {
    .post-content h5.wp-block-heading,.post-content>h5 {
        font-size:1.25rem;
        line-height: 1.75rem
    }
}

.post-content h6.wp-block-heading,.post-content>h6 {
    font-family: Helvetica Now Display,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1rem;
    margin-bottom: 1.25rem
}

@media (min-width: 768px) {
    .post-content h6.wp-block-heading,.post-content>h6 {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.post-content .wp-block-list {
    padding-inline-start:1.5rem}

@media (min-width: 768px) {
    .post-content .wp-block-list {
        padding-inline-start:2rem
    }
}

:is(.post-content .wp-block-list) li {
    padding-inline-start:.5rem}

@media (min-width: 768px) {
    :is(.post-content .wp-block-list) li {
        padding-inline-start:1rem
    }
}

.post-content ol.wp-block-list {
    list-style: auto
}

:is(:is(.post-content ol.wp-block-list) li)::marker {
    font-size: small
}

.post-content ul.wp-block-list {
    list-style: square
}

:is(:is(.post-content ul.wp-block-list) li)::marker {
    font-size: small
}

.post-content iframe {
    max-width: 100%
}

:is(.post-content>:not([id])) a {
    text-decoration-line: underline;
    word-break: break-word
}

:is(.post-content>:not([id])) a:hover {
    text-decoration-line: none
}

.post-content .wp-block-quote {
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1.5;
    margin-bottom: 1.25rem
}

.post-content .wp-block-quote:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .post-content .wp-block-quote {
        font-size:1.875rem;
        font-weight: 700;
        line-height: 2.25rem;
        margin-bottom: 2rem
    }
}

@media (min-width: 1280px) {
    .post-content .wp-block-quote {
        margin-left:-3rem;
        margin-right: -3rem
    }
}

@media (min-width: 768px) {
    .post-content-lg .wp-block-list,.post-content-lg>p {
        font-size:1.25rem;
        line-height: 1.75rem
    }

    .post-content-sm .wp-block-list,.post-content-sm>p {
        font-size: 1rem;
        line-height: 1.52
    }
}

.subscribe input[type=email],.subscribe input[type=text] {
    --tw-border-opacity: 1!important;
    background-color: transparent!important;
    border-color: rgb(255 255 255/var(--tw-border-opacity))!important;
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity))!important
}

.subscribe input[type=email]::-moz-placeholder,.subscribe input[type=text]::-moz-placeholder {
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity))!important
}

.subscribe input[type=email]::placeholder,.subscribe input[type=text]::placeholder {
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity))!important
}

.subscribe input[type=email],.subscribe input[type=submit],.subscribe input[type=text] {
    width: 100%
}

@media (min-width: 1024px) {
    .subscribe input[type=email],.subscribe input[type=submit],.subscribe input[type=text] {
        min-width:18.125rem;
        width: auto
    }
}

.subscribe input[type=submit] {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .625rem;
    border-width: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    min-height: var(--button-height);
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    --button-height: 3.375rem
}

@media (min-width: 768px) {
    .subscribe input[type=submit] {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media (hover: hover) {
    .subscribe input[type=submit]:hover {
        opacity:.8
    }
}

@media (min-width: 768px) {
    .subscribe input[type=submit] {
        --button-height:3.75rem
    }
}

.subscribe input[type=submit] {
    --tw-bg-opacity: 1;
    background-color: rgb(48 48 48/var(--tw-bg-opacity))
}

.subscribe input[type=submit].button-outline {
    --tw-text-opacity: 1;
    color: rgb(48 48 48/var(--tw-text-opacity))
}

@media (hover: hover) {
    .subscribe input[type=submit].button-outline:hover {
        --tw-bg-opacity:1;
        background-color: rgb(48 48 48/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(245 245 245/var(--tw-text-opacity));
        opacity: 1
    }
}

.video-block-home .subscribe input[type=submit] {
    font-weight: 500;
    letter-spacing: -.32px;
    max-width: 100%;
    padding: 16px 50px
}

@media (min-width: 640px) {
    .video-block-home .subscribe input[type=submit] {
        max-width:-moz-fit-content;
        max-width: fit-content
    }
}

.banner-press .subscribe input[type=submit] {
    font-weight: 500;
    letter-spacing: -.32px;
    max-width: 100%;
    padding: 16px 50px
}

@media (min-width: 640px) {
    .banner-press .subscribe input[type=submit] {
        max-width:-moz-fit-content;
        max-width: fit-content;
        min-height: 72px
    }
}

.content-press .subscribe input[type=submit] {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    color: #303030;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 20px 50px;
    width: auto
}

.content-press .subscribe input[type=submit]:focus,.content-press .subscribe input[type=submit]:hover {
    background: #303030;
    color: #fff
}

:is(:is(.hero-become .hero-become__wrapper) .content) .subscribe input[type=submit] {
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 1024px) {
    :is(:is(.hero-become .hero-become__wrapper) .content) .subscribe input[type=submit] {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 16px 50px
    }
}

:is(.why-become .why-become__wrapper) .subscribe input[type=submit] {
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 1024px) {
    :is(.why-become .why-become__wrapper) .subscribe input[type=submit] {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 20px 50px
    }
}

:is(:is(.who-become .who-become__wrapper) .big-section) .subscribe input[type=submit] {
    min-height: 72px;
    padding: 16px 50px
}

@media (min-width: 1024px) {
    :is(:is(.who-become .who-become__wrapper) .big-section) .subscribe input[type=submit] {
        margin-top:20px;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.subscribe form {
    display: grid;
    gap: .625rem
}

@media not all and (min-width: 1280px) {
    .subscribe form {
        flex-wrap:wrap
    }
}

@media (min-width: 640px) {
    .subscribe form {
        display:flex;
        gap: 1.25rem
    }
}

.subscribe .mailpoet_paragraph {
    margin: 0!important;
    padding: 0!important
}

@media not all and (min-width: 1024px) {
    .subscribe .mailpoet_paragraph {
        width:100%!important
    }
}

.subscribe .mailpoet_paragraph {
    display: flex;
    flex-direction: column
}

.subscribe .mailpoet_text,.subscribe .mailpoet_textarea {
    width: 100%!important
}

.subscribe .mailpoet_validate_success {
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .subscribe .mailpoet_validate_success {
        font-size:1.125rem;
        line-height: 1.75rem
    }
}

.subscribe .mailpoet_validate_success {
    text-align: left!important
}

.subscribe .mailpoet_message {
    padding: 20px 0!important
}

.subscribe .parsley-custom-error-message,.subscribe .parsley-errors-list,.subscribe .parsley-required {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(212 99 109/var(--tw-text-opacity))
}

@media (min-width: 640px) {
    .subscribe .parsley-custom-error-message,.subscribe .parsley-errors-list,.subscribe .parsley-required {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.anchors-module {
    position: sticky;
    top: calc(var(--root-gap-y) + var(--header-height));
    z-index: 1
}

.anchors-module,.anchors-module .anchors-inner {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

@media not all and (min-width: 1024px) {
    .anchors-module.stuck.stuck-toggle {
        background-color:transparent;
        pointer-events: none
    }

    .anchors-module.stuck.stuck-toggle .anchors-inner {
        margin-left: calc(var(--container-gap-x)*-1);
        margin-right: calc(var(--container-gap-x)*-1);
        padding-left: var(--container-gap-x);
        padding-right: var(--container-gap-x);
        pointer-events: auto;
        --tw-shadow: 0 24px 34px rgba(0,0,0,.05);
        --tw-shadow-colored: 0 24px 34px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }

    .anchors-module.stuck.stuck-toggle .anchors {
        display: flex;
        gap: .5rem;
        overflow-x: auto
    }

    :is(.anchors-module.stuck.stuck-toggle .anchors) a {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.anchors {
    display: grid;
    gap: .5rem;
    scroll-padding-left: .75rem;
    --tw-text-opacity: 1;
    color: rgb(104 104 104/var(--tw-text-opacity))
}

@media not all and (min-width: 640px) {
    .anchors {
        font-size:.75rem;
        line-height: 1rem
    }
}

.anchors a {
    border-left: 2px solid transparent;
    display: inline-block;
    font-weight: 400;
    padding: 4px 0 4px 16px;
    position: relative
}

:is(.anchors a):before {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 4px
}

@media (min-width: 640px) {
    :is(.anchors a):before {
        top:14px
    }
}

:is(.anchors li) b,:is(.anchors li) strong {
    font-weight: 400
}

:is(.anchors .current) a {
    border-left-color: currentColor;
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

:is(:is(.anchors .current) a):before {
    display: none
}

.anchors-full {
    border-radius: .625rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    --tw-shadow: 0 4px 34px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 4px 34px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

@media (min-width: 768px) {
    .anchors-full {
        --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }
}

.anchors-full a {
    display: flex;
    font-family: Konnect,sans-serif;
    padding: 1.25rem;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity));
    transition-duration: .15s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 768px) {
    .anchors-full a {
        padding-left:2.25rem;
        padding-right: 2.25rem
    }
}

:is(.anchors-full a):before {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    border-radius: .375rem;
    bottom: 0;
    content: "";
    height: .25rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    --tw-gradient-from: #ae4c63 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(174,76,99,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: #cc9975 var(--tw-gradient-to-position);
    opacity: 0;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.current:is(.anchors-full li) a {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

:is(.current:is(.anchors-full li) a):before {
    opacity: 1
}

:is(.anchors-full li):first-child a {
    padding-right: 0
}

@media not all and (min-width: 768px) {
    :is(:is(.anchors-full li):first-child a):before {
        width:50%
    }
}

:is(.anchors-full li):last-child a {
    padding-left: 0
}

@media not all and (min-width: 768px) {
    :is(:is(.anchors-full li):last-child a):before {
        left:auto;
        right: 0;
        width: 50%
    }
}

@keyframes animateHeightDown {
    0% {
        min-height: 0
    }

    to {
        min-height: var(--height-content)
    }
}

@keyframes animateHeightUp {
    0% {
        min-height: var(--height-content)
    }

    to {
        min-height: 0
    }
}

.video-complex-grid {
    --height-content: 999999px
}

@media (min-width: 768px) {
    .video-complex-grid {
        display:grid;
        gap: 1.25rem;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1280px) {
    .video-complex-grid {
        grid-template-columns:repeat(2,.7fr) 1fr 1.6fr;
        grid-template-rows: repeat(2,minmax(0,1fr))
    }
}

.video-complex-grid .grid-item {
    display: flex
}

@media not all and (min-width: 768px) {
    .video-complex-grid .grid-item {
        margin-bottom:.75rem
    }
}

:is(.video-complex-grid .grid-item) .card {
    width: 100%
}

@media (min-width: 1280px) {
    :is(.video-complex-grid .grid-item):first-child {
        grid-area:1/1/2/3
    }

    :is(.video-complex-grid .grid-item):nth-child(2) {
        grid-area: 1/3/2/4
    }

    :is(.video-complex-grid .grid-item):nth-child(3) {
        grid-area: 2/1/3/2
    }

    :is(.video-complex-grid .grid-item):nth-child(4) {
        grid-area: 2/2/3/3
    }

    :is(.video-complex-grid .grid-item):nth-child(5) {
        grid-area: 2/3/3/4
    }

    :is(.video-complex-grid .grid-item):nth-child(6) {
        grid-area: 1/4/3/6
    }
}

:is(.video-complex-grid .grid-item):not(:nth-child(6)) .img {
    max-width: 5rem
}

@media (min-width: 768px) {
    :is(.video-complex-grid .grid-item):not(:nth-child(6)) .img {
        max-width:9rem
    }
}

:is(:is(.video-complex-grid .grid-item):nth-child(3),:is(.video-complex-grid .grid-item):nth-child(4),:is(.video-complex-grid .grid-item):nth-child(5)) .img {
    max-width: 5rem
}

.large:is(.video-complex-grid .grid-item) .img {
    max-width: 100%
}

:is(:is(.video-complex-grid .grid-item):not(.large) .img) img {
    border-radius: 4px
}

@media (min-width: 768px) {
    :is(:is(.video-complex-grid .grid-item):not(.large) .img) img {
        border-radius:.625rem
    }
}

.video-complex-grid .toggle-content {
    overflow: hidden
}

.video-complex-grid[data-show=true]:not(.no-animate) .toggle-content {
    animation: animateHeightDown .3s forwards
}

.video-complex-grid.interim-state:not(.no-animate) .toggle-content {
    animation: animateHeightUp .3s forwards
}

.qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .625rem;
    border-width: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    min-height: var(--button-height);
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    --button-height: 3.375rem
}

@media (min-width: 768px) {
    .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
        font-size:1rem;
        line-height: 1.5rem
    }
}

@media (hover: hover) {
    .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn:hover {
        opacity:.8
    }
}

@media (min-width: 768px) {
    .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
        --button-height:3.75rem
    }
}

.qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
    --tw-bg-opacity: 1;
    background-color: rgb(48 48 48/var(--tw-bg-opacity))
}

.qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn.button-outline {
    --tw-text-opacity: 1;
    color: rgb(48 48 48/var(--tw-text-opacity))
}

@media (hover: hover) {
    .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn.button-outline:hover {
        --tw-bg-opacity:1;
        background-color: rgb(48 48 48/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(245 245 245/var(--tw-text-opacity));
        opacity: 1
    }
}

@media (min-width: 1280px) {
    .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
        --button-height:4.375rem
    }
}

.video-block-home .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
    font-weight: 500;
    letter-spacing: -.32px;
    max-width: 100%;
    padding: 16px 50px
}

@media (min-width: 640px) {
    .video-block-home .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
        max-width:-moz-fit-content;
        max-width: fit-content
    }
}

.banner-press .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
    font-weight: 500;
    letter-spacing: -.32px;
    max-width: 100%;
    padding: 16px 50px
}

@media (min-width: 640px) {
    .banner-press .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
        max-width:-moz-fit-content;
        max-width: fit-content;
        min-height: 72px
    }
}

.content-press .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    color: #303030;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 20px 50px;
    width: auto
}

.content-press .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn:focus,.content-press .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn:hover {
    background: #303030;
    color: #fff
}

:is(:is(.hero-become .hero-become__wrapper) .content) .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 1024px) {
    :is(:is(.hero-become .hero-become__wrapper) .content) .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 16px 50px
    }
}

:is(.why-become .why-become__wrapper) .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 1024px) {
    :is(.why-become .why-become__wrapper) .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 20px 50px
    }
}

:is(:is(.who-become .who-become__wrapper) .big-section) .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
    min-height: 72px;
    padding: 16px 50px
}

@media (min-width: 1024px) {
    :is(:is(.who-become .who-become__wrapper) .big-section) .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn {
        margin-top:20px;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.qsm-quiz-container.qmn_quiz_container .qsm-quiz-form {
    display: flex;
    flex-direction: column
}

.qsm-quiz-container.qmn_quiz_container .qsm-page:not(.qsm-question-page) {
    margin-top: 25px;
    order: 100
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit]),.quiz-single select,.quiz-single textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,.quiz-single select:focus,.quiz-single textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-moz-placeholder,.quiz-single select::-moz-placeholder,.quiz-single textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::placeholder,.quiz-single select::placeholder,.quiz-single textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-fields-wrapper,.quiz-single select::-webkit-datetime-edit-fields-wrapper,.quiz-single textarea::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-date-and-time-value,.quiz-single select::-webkit-date-and-time-value,.quiz-single textarea::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit,.quiz-single select::-webkit-datetime-edit,.quiz-single textarea::-webkit-datetime-edit {
    display: inline-flex
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit,.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-day-field,.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-hour-field,.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-meridiem-field,.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-millisecond-field,.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-minute-field,.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-month-field,.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-second-field,.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-datetime-edit-year-field,.quiz-single select::-webkit-datetime-edit,.quiz-single select::-webkit-datetime-edit-day-field,.quiz-single select::-webkit-datetime-edit-hour-field,.quiz-single select::-webkit-datetime-edit-meridiem-field,.quiz-single select::-webkit-datetime-edit-millisecond-field,.quiz-single select::-webkit-datetime-edit-minute-field,.quiz-single select::-webkit-datetime-edit-month-field,.quiz-single select::-webkit-datetime-edit-second-field,.quiz-single select::-webkit-datetime-edit-year-field,.quiz-single textarea::-webkit-datetime-edit,.quiz-single textarea::-webkit-datetime-edit-day-field,.quiz-single textarea::-webkit-datetime-edit-hour-field,.quiz-single textarea::-webkit-datetime-edit-meridiem-field,.quiz-single textarea::-webkit-datetime-edit-millisecond-field,.quiz-single textarea::-webkit-datetime-edit-minute-field,.quiz-single textarea::-webkit-datetime-edit-month-field,.quiz-single textarea::-webkit-datetime-edit-second-field,.quiz-single textarea::-webkit-datetime-edit-year-field {
    padding-bottom: 0;
    padding-top: 0
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit]),.quiz-single select,.quiz-single textarea {
    border-radius: .375rem;
    height: 3.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(210 210 210/var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition-duration: .15s;
    transition-property: border,color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 768px) {
    .quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit]),.quiz-single select,.quiz-single textarea {
        height:3.75rem
    }
}

:is(.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit]),.form-textarea,.form-select):focus,:is(.quiz-single select,.form-textarea,.form-select):focus,:is(.quiz-single textarea,.form-textarea,.form-select):focus {
    --tw-border-opacity: 1;
    border-color: rgb(68 191 201/var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(68 191 201/var(--tw-ring-opacity))
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit]).form-input--outline,.quiz-single select.form-input--outline,.quiz-single textarea.form-input--outline {
    border-left-color: transparent;
    border-radius: 0;
    border-right-color: transparent;
    border-top-color: transparent;
    padding-left: 0
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit]).form-input--outline:focus,.quiz-single select.form-input--outline:focus,.quiz-single textarea.form-input--outline:focus {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-width: 0;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.quiz-single input:not([type=checkbox]):not([type=radio]):not([type=submit]),.quiz-single select,.quiz-single textarea {
    width: 100%
}

.quiz-single textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

.quiz-single textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.quiz-single textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

.quiz-single textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

.quiz-single textarea {
    border-radius: .375rem;
    height: 3.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(210 210 210/var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition-duration: .15s;
    transition-property: border,color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 768px) {
    .quiz-single textarea {
        height:3.75rem
    }
}

:is(.form-input,.quiz-single textarea,.form-select):focus {
    --tw-border-opacity: 1;
    border-color: rgb(68 191 201/var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(68 191 201/var(--tw-ring-opacity))
}

.quiz-single textarea {
    height: auto;
    min-height: 9.375rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    width: 100%
}

body .qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn:not(.qsm-previous) {
    background-color: #38bfc8
}

.pricing-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 27.25rem
}

.pricing-list li {
    align-items: center;
    display: flex;
    font-family: Konnect,sans-serif;
    line-height: 1.25;
    margin-bottom: 1.25rem;
    min-height: 2.5rem;
    padding-left: 3.5rem;
    position: relative
}

.pricing-list li:last-child {
    margin-bottom: 0
}

:is(.pricing-list li):before {
    background-image: url(../d80eb38cb40ce5b4ff7a.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 2.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.5rem
}

.service-item {
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative
}

@media not all and (min-width: 1536px) {
    .service-item .link-icon {
        height:2.5rem;
        width: 2.5rem
    }
}

@media (min-width: 768px) {
    .service-item .link-icon {
        margin-bottom:auto;
        margin-left: auto
    }
}

.service-item .overlay-bg {
    bottom: -4%;
    height: 60%;
    left: -3%;
    pointer-events: none;
    position: absolute;
    width: 106%;
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

:is(.service-item:hover .service-img) img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.service-img img {
    aspect-ratio: 400/500;
    border-radius: 1.25rem;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100%
}

.service-content {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    padding: 1.25rem;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media (min-width: 768px) {
    .service-content {
        padding:2rem
    }
}

.service-name {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media not all and (min-width: 768px) {
    .service-name {
        order:-9999
    }
}

@media (min-width: 1536px) {
    .service-name {
        font-size:2.5rem;
        line-height: 3.375rem
    }
}

.video-block-home .video-block-home__wrapper {
    flex-direction: column
}

@media (min-width: 1024px) {
    .video-block-home .video-block-home__wrapper {
        flex-direction:row;
        gap: 15px
    }
}

.video-block-home .content {
    order: 1
}

@media (min-width: 1024px) {
    .video-block-home .content {
        gap:50px;
        max-width: 550px;
        order: 0
    }
}

.video-block-home .content {
    gap: 2rem
}

.video-block-home .title {
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.1
}

@media (min-width: 1280px) {
    .video-block-home .title {
        font-size:100px;
        letter-spacing: -2px
    }
}

.video-block-home .text {
    font-family: var(--font-text);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.4px;
    line-height: 1.6
}

.video-block-home .light-aqua {
    color: #38bfc8
}

.video-block-home .button {
    font-weight: 500;
    letter-spacing: -.32px;
    max-width: 100%;
    padding: 16px 50px
}

@media (min-width: 640px) {
    .video-block-home .button {
        max-width:-moz-fit-content;
        max-width: fit-content
    }
}

.video-block-home .media {
    margin-bottom: 2rem
}

@media (min-width: 1024px) {
    .video-block-home .media {
        margin-bottom:0
    }
}

.home .module:first-child {
    padding-bottom: 60px
}

.custom-articles-title {
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -1.2px;
    line-height: 1.2;
    margin-bottom: 25px;
    text-align: center
}

@media (min-width: 1024px) {
    .custom-articles-title {
        font-size:60px;
        margin-bottom: 50px
    }
}

.button-green {
    background: #38bfc8
}

.video-caption {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 1.2;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

@media (min-width: 1024px) {
    .video-caption {
        font-size:22px;
        font-weight: 500;
        line-height: 1.2
    }
}

:is(:is(.post-type-archive-podcast .post-item) .img) img {
    aspect-ratio: 1920/1080
}

@media screen and (max-width: 500px) {
    .header-panel .logo img {
        max-height:23px
    }

    .header-panel .logo {
        flex-shrink: 1;
        padding: 0
    }

    .header-panel .nav-button {
        margin-left: 0
    }
}

:is(.single-page .subscribe-form) .bg-primary {
    background: #f5f5f5;
    border: 2px solid #38bfc8;
    border-radius: 30px
}

:is(.single-page .subscribe-form) h2 {
    color: #303030!important
}

:is(.single-page .subscribe-form) input[type=email],:is(.single-page .subscribe-form) input[type=text] {
    border-color: #303030!important;
    color: #505050!important
}

:is(.single-page .subscribe-form) input[type=email]:focus,:is(.single-page .subscribe-form) input[type=text]:focus {
    border-color: #303030!important;
    color: #505050!important
}

:is(.single-page .subscribe-form) input[type=email]:hover,:is(.single-page .subscribe-form) input[type=text]:hover {
    border-color: #303030!important;
    color: #505050!important
}

:is(.single-page .subscribe-form) input[type=email]::-moz-placeholder,:is(.single-page .subscribe-form) input[type=text]::-moz-placeholder {
    color: #505050!important
}

:is(.single-page .subscribe-form) input[type=email]::placeholder,:is(.single-page .subscribe-form) input[type=text]::placeholder {
    color: #505050!important
}

:is(.single-page .subscribe-form) button {
    background-color: #38bfc8!important;
    border-color: #38bfc8!important
}

@media (min-width: 1024px) {
    .banner-press {
        padding-top:4px
    }
}

.banner-press .banner-press__wrapper {
    background: linear-gradient(80deg,#4d64ae 6.16%,#38bfc8 99.57%),#38bfc8;
    border-radius: 20px;
    flex-direction: column;
    padding: 3.75rem 3.75rem 0;
    position: relative
}

@media (min-width: 1024px) {
    .banner-press .banner-press__wrapper {
        flex-direction:row;
        gap: 15px;
        padding: 27px clamp(4.375rem,1.6826rem + 11.0458vw,14.9375rem) 0 140px
    }
}

.banner-press .banner-press__wrapper:after {
    aspect-ratio: 831/356;
    content: "";
    left: 48%;
    opacity: .8;
    position: absolute;
    top: 57px;
    width: 45.5%
}

@media (min-width: 1024px) {
    .banner-press .content {
        gap:30px;
        margin-bottom: 69px;
        max-width: 600px
    }
}

.banner-press .content {
    gap: 2rem;
    margin-bottom: 15px
}

.banner-press .title {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.1
}

@media (min-width: 1280px) {
    .banner-press .title {
        font-size:100px;
        letter-spacing: -2px
    }
}

.banner-press .text {
    color: #fff;
    font-family: var(--font-text);
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -.48px;
    line-height: 1.65
}

.banner-press .light-aqua {
    color: #38bfc8
}

.banner-press .button {
    font-weight: 500;
    letter-spacing: -.32px;
    max-width: 100%;
    padding: 16px 50px
}

@media (min-width: 640px) {
    .banner-press .button {
        max-width:-moz-fit-content;
        max-width: fit-content;
        min-height: 72px
    }
}

.banner-press .media {
    margin-bottom: 0;
    margin-top: auto;
    max-width: 588px;
    z-index: 1
}

@media (min-width: 1024px) {
    .content-press {
        padding-bottom:20px
    }
}

.content-press .tabs__tabs-navigation {
    display: flex;
    gap: 16px
}

@media screen and (max-width: 1024px) {
    .content-press .tabs__tabs-navigation {
        flex-wrap:wrap
    }
}

.content-press .tabs__tabs-button {
    background: #f5f5f5;
    border-radius: 1000px;
    color: #1a1a1a;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.4px;
    line-height: normal;
    min-height: 77px;
    padding: 24px 28px;
    text-align: center;
    transition: background-color .3s
}

@media screen and (max-width: 500px) {
    .content-press .tabs__tabs-button {
        width:100%
    }
}

.content-press .tabs__tabs-content_active {
    display: block
}

.content-press .tabs__tabs-content {
    padding-top: 30px
}

.content-press .tabs__tabs-content>p {
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -.48px;
    margin-bottom: 60px
}

:is(.content-press .tabs__tabs-content>p) a {
    color: #38bfc8;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.content-press .tabs {
    position: relative;
    width: 100%
}

.content-press .search-form {
    align-items: center;
    border: 1px solid #d2d2d2;
    border-radius: 1000px;
    cursor: pointer;
    display: flex;
    height: 77px;
    justify-content: center;
    padding: 16px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 77px
}

@media screen and (max-width: 1024px) {
    .content-press .search-form {
        margin-bottom:30px;
        position: static
    }
}

:is(.content-press .search-form) label {
    align-items: center;
    justify-content: center
}

:is(.content-press .search-form) input {
    background: transparent;
    display: none;
    padding-left: 0;
    padding-right: 0
}

:is(.content-press .search-form) svg {
    cursor: pointer
}

.content-press .search-form.show {
    min-width: 360px;
    transition: width .5s ease
}

:is(.content-press .search-form.show) input {
    display: block
}

:is(.content-press .search-form.show) input[type=search]::-ms-clear,:is(.content-press .search-form.show) input[type=search]::-webkit-search-cancel-button {
    display: none
}

.content-press .tabs__tabs-button:hover,.content-press .tabs__tabs-button_active {
    background: #1a1a1a;
    color: #fff
}

:is(:is(.content-press #search-result-video) .item) .item-wrapper {
    border-radius: 20px;
    margin-bottom: 28px
}

:is(:is(.content-press #search-result-video) .item) .img {
    position: relative
}

:is(:is(.content-press #search-result-video) .item) .category {
    border-radius: 1000px
}

:is(:is(:is(.content-press #search-result-video) .item) .category) a {
    background: linear-gradient(90deg,#ae4c63,#cc9975);
    text-transform: uppercase
}

:is(.content-press #search-result-video) .plyr {
    aspect-ratio: 600/400
}

:is(:is(.content-press #search-result-video) button[data-play]) svg {
    width: 100px
}

@media (min-width: 1024px) {
    :is(:is(.content-press #search-result-video) button[data-play]) svg {
        width:140px
    }
}

:is(.content-press #search-result-video) .poster {
    border-radius: 20px
}

:is(:is(.content-press #search-result-video) .poster) img {
    border-radius: 20px
}

@media (min-width: 1024px) {
    .content-press .title-lg {
        margin-bottom:40px
    }

    .content-press .text {
        max-width: 415px
    }
}

.content-press .post-name {
    font-weight: 500;
    letter-spacing: -.6px
}

:is(:is(.content-press .post-name) a) br {
    display: none
}

@media (min-width: 1024px) {
    :is(:is(.content-press .post-name) a) br {
        display:block
    }
}

.content-press .button {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    color: #303030;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 20px 50px;
    width: auto
}

.content-press .button:focus,.content-press .button:hover {
    background: #303030;
    color: #fff
}

.content-press .podcast.item {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 30px
}

@media (min-width: 1024px) {
    .content-press .podcast.item {
        display:flex;
        flex-direction: column
    }
}

:is(.content-press .podcast.item) .podcast-text {
    margin-bottom: 24px
}

@media (min-width: 1024px) {
    :is(.content-press .podcast.item) .podcast-text {
        max-width:540px
    }
}

:is(.content-press .podcast.item) .podcast-author {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.36px;
    line-height: 1.4;
    margin-bottom: 8px
}

:is(.content-press .podcast.item) .podcast-position {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.28px;
    line-height: 1.4;
    margin-bottom: 28px
}

:is(.content-press .podcast.item) .podcast-button {
    max-width: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    :is(.content-press .podcast.item) .podcast-button {
        margin-top:auto
    }
}

.awards-press .title {
    color: #1a1a1a;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -.8px;
    line-height: 1.4;
    margin-bottom: 60px;
    text-align: center
}

.awards-press .awards-press__wrapper {
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

@media screen and (max-width: 768px) {
    .awards-press .awards-press__wrapper {
        gap:0;
        justify-content: center
    }
}

:is(.awards-press .awards-press__wrapper) .award-item {
    flex: 0 0 240px
}

@media screen and (max-width: 1024px) {
    :is(.awards-press .awards-press__wrapper) .award-item {
        flex:0 0 30%
    }
}

@media screen and (max-width: 768px) {
    :is(.awards-press .awards-press__wrapper) .award-item {
        flex:0 0 50%
    }
}

@media screen and (max-width: 570px) {
    :is(.awards-press .awards-press__wrapper) .award-item {
        display:flex;
        flex: 0 0 100%;
        justify-content: center
    }
}

@media (min-width: 1024px) {
    .hero-become {
        padding-top:24px
    }
}

.hero-become .hero-become__wrapper {
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .hero-become .hero-become__wrapper {
        align-items:center;
        flex-wrap: nowrap;
        gap: 10px
    }
}

:is(.hero-become .hero-become__wrapper) .content {
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 25px
}

@media (min-width: 1024px) {
    :is(.hero-become .hero-become__wrapper) .content {
        max-width:550px
    }
}

:is(:is(.hero-become .hero-become__wrapper) .content) .title {
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -2px;
    line-height: 1.1
}

@media (min-width: 1024px) {
    :is(:is(.hero-become .hero-become__wrapper) .content) .title {
        font-size:100px
    }
}

:is(:is(.hero-become .hero-become__wrapper) .content) .light-aqua {
    color: #38bfc8
}

:is(:is(.hero-become .hero-become__wrapper) .content) .text>p {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.4px;
    line-height: 1.6
}

:is(:is(.hero-become .hero-become__wrapper) .content) .text>p:not(:last-child) {
    margin-bottom: 30px
}

:is(:is(.hero-become .hero-become__wrapper) .content) .button {
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 1024px) {
    :is(:is(.hero-become .hero-become__wrapper) .content) .button {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 16px 50px
    }
}

:is(.hero-become .hero-become__wrapper) .media {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    :is(.hero-become .hero-become__wrapper) .media {
        margin-left:0;
        margin-right: 0;
        max-width: 1085px
    }
}

.why-become .why-become__wrapper {
    background: linear-gradient(80deg,#38bfc8 6.16%,#4d64ae 99.57%),#38bfc8;
    border-radius: 30px;
    padding: 60px 50px;
    position: relative;
    z-index: 1
}

@media (min-width: 1024px) {
    .why-become .why-become__wrapper {
        padding:120px 100px
    }
}

:is(:is(.why-become .why-become__wrapper) .why-become__header) .title {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -1.6px;
    line-height: 1.2;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    :is(:is(.why-become .why-become__wrapper) .why-become__header) .title {
        font-size:80px;
        margin-bottom: 30px
    }
}

:is(:is(:is(.why-become .why-become__wrapper) .why-become__header) .title) br {
    display: none
}

@media (min-width: 1024px) {
    :is(:is(:is(.why-become .why-become__wrapper) .why-become__header) .title) br {
        display:block
    }
}

:is(:is(.why-become .why-become__wrapper) .why-become__header) .text {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -.48px;
    line-height: 1.65;
    margin-bottom: 25px
}

@media (min-width: 1024px) {
    :is(:is(.why-become .why-become__wrapper) .why-become__header) .text {
        margin-bottom:50px
    }
}

:is(.why-become .why-become__wrapper) .why-become__header {
    padding-bottom: 48px
}

:is(.why-become .why-become__wrapper) .why-become__items {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271225%27 height=%271832%27 fill=%27none%27 viewBox=%270 0 1225 1832%27%3E%3Cpath stroke=%27%23fff%27 stroke-width=%276%27 d=%27M128.502 3.5c376 38.167 1354.698 96 1027.498 448-408.998 440-1100.032 241.386-1122.998 550-32 430 933.001 233.06 933 451.5 0 251-996.001 286-961.501 377.5%27 opacity=%27.1%27/%3E%3C/svg%3E");
    background-position: top 138px left 100px;
    background-repeat: no-repeat;
    background-size: 75.5%;
    margin-top: 40px;
    position: relative;
    z-index: -1
}

@media (min-width: 1024px) {
    :is(.why-become .why-become__wrapper) .why-become__items {
        margin-bottom:80px
    }
}

@media screen and (max-width: 1800px) {
    :is(.why-become .why-become__wrapper) .why-become__items {
        background-position:top 142px center;
        background-size: 85%
    }
}

@media screen and (max-width: 1625px) {
    :is(.why-become .why-become__wrapper) .why-become__items {
        background-position:top 200px center;
        background-size: 90%
    }
}

@media screen and (max-width: 1470px) {
    :is(.why-become .why-become__wrapper) .why-become__items {
        background-position:top 200px center;
        background-size: 100%
    }
}

@media screen and (max-width: 1366px) {
    :is(.why-become .why-become__wrapper) .why-become__items {
        background-position:top 2px center;
        background-size: 98% 99%
    }
}

@media screen and (max-width: 1250px) {
    :is(.why-become .why-become__wrapper) .why-become__items {
        background-image:none
    }
}

:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item {
    align-items: flex-start;
    display: flex
}

@media screen and (max-width: 750px) {
    :is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item {
        flex-direction:column
    }
}

:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content {
    margin-top: 124px
}

@media screen and (max-width: 750px) {
    :is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content {
        margin-top:25px
    }
}

:is(:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content) .sub-title {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -1.6px;
    line-height: 1.25;
    margin-bottom: 12px;
    margin-left: -118px
}

@media (min-width: 1024px) {
    :is(:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content) .sub-title {
        font-size:80px
    }
}

@media screen and (max-width: 750px) {
    :is(:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content) .sub-title {
        margin-left:0
    }
}

:is(:is(:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content) .sub-title) br {
    display: none
}

@media (min-width: 1024px) {
    :is(:is(:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content) .sub-title) br {
        display:block
    }
}

:is(:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content) .text {
    color: #f5f5f5;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.36px;
    line-height: 1.65;
    margin-left: 20px
}

@media (min-width: 1024px) {
    :is(:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content) .text {
        margin-left:40px;
        max-width: 300px
    }
}

@media screen and (max-width: 750px) {
    :is(:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .content) .text {
        margin-left:0
    }
}

:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .media {
    background: linear-gradient(90deg,transparent,rgba(0,0,0,.2));
    border-radius: 20px;
    flex: 0 0 100%;
    max-width: 348px;
    overflow: hidden
}

@media (min-width: 1024px) {
    :is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .media {
        max-width:348px
    }
}

:is(:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item) .media)>img {
    position: relative;
    z-index: -1
}

:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item:not(:last-child) {
    margin-bottom: 40px
}

:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item:nth-child(2n) {
    margin-left: clamp(0rem,-56.1429rem + 87.7232vw,49.125rem)
}

:is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item:first-child) .content {
    margin-top: 224px
}

@media screen and (max-width: 750px) {
    :is(:is(:is(.why-become .why-become__wrapper) .why-become__items) .why-become__item:first-child) .content {
        margin-top:25px
    }
}

:is(.why-become .why-become__wrapper) .button {
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 1024px) {
    :is(.why-become .why-become__wrapper) .button {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 20px 50px
    }
}

.why-become .why-become__wrapper:after {
    aspect-ratio: 659/282.4;
    content: "";
    position: absolute;
    right: 100px;
    top: 347px;
    width: 36.1%
}

@media screen and (max-width: 500px) {
    .why-become .why-become__wrapper:after {
        content:none
    }
}

.how-become .title {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center
}

@media (min-width: 1024px) {
    .how-become .title {
        font-size:60px;
        letter-spacing: -1.2px;
        line-height: 120%
    }
}

.how-become .how-become__items {
    counter-reset: item;
    display: flex
}

@media screen and (max-width: 1023px) {
    .how-become .how-become__items {
        align-items:center;
        flex-direction: column;
        gap: 15px
    }
}

:is(.how-become .how-become__items) .how-become__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 660px;
    justify-content: flex-end;
    padding: 60px 50px;
    position: relative;
    transition: width .5s;
    width: 45%
}

@media screen and (max-width: 1023px) {
    :is(.how-become .how-become__items) .how-become__item {
        aspect-ratio:1;
        height: auto;
        max-width: 660px;
        width: 100%
    }
}

:is(:is(.how-become .how-become__items) .how-become__item) .media {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

@media screen and (max-width: 1023px) {
    :is(:is(.how-become .how-become__items) .how-become__item) .media {
        aspect-ratio:1;
        height: auto;
        max-height: 100%;
        width: 100%
    }
}

:is(:is(:is(.how-become .how-become__items) .how-become__item) .media) img {
    border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    width: auto
}

:is(:is(.how-become .how-become__items) .how-become__item) .media:after {
    background: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8));
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

:is(:is(.how-become .how-become__items) .how-become__item) .content {
    z-index: 1
}

:is(:is(:is(.how-become .how-become__items) .how-become__item) .content) .sub-title {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -.52px;
    line-height: 1.1;
    margin-bottom: 20px;
    transition: all .5s
}

@media screen and (max-width: 1375px) {
    :is(:is(:is(.how-become .how-become__items) .how-become__item) .content) .sub-title {
        font-size:20px
    }
}

@media screen and (max-width: 1023px) {
    :is(:is(:is(.how-become .how-become__items) .how-become__item) .content) .sub-title {
        font-size:30px
    }
}

:is(:is(:is(.how-become .how-become__items) .how-become__item) .content) .text {
    color: #fff;
    font-size: 0;
    font-weight: 500;
    letter-spacing: -.48px;
    line-height: 1.6;
    opacity: 0;
    transition: opacity .5s,font-size .5s
}

@media screen and (max-width: 1023px) {
    :is(:is(:is(.how-become .how-become__items) .how-become__item) .content) .text {
        font-size:16px;
        opacity: 1
    }
}

:is(.how-become .how-become__items) .how-become__item.show {
    width: 100%
}

:is(:is(:is(.how-become .how-become__items) .how-become__item.show) .content) .sub-title {
    font-size: 40px;
    letter-spacing: -.8px
}

@media screen and (max-width: 1375px) {
    :is(:is(:is(.how-become .how-become__items) .how-become__item.show) .content) .sub-title {
        font-size:30px
    }
}

:is(:is(:is(.how-become .how-become__items) .how-become__item.show) .content) .text {
    font-size: 24px;
    opacity: 1
}

@media screen and (max-width: 1375px) {
    :is(:is(:is(.how-become .how-become__items) .how-become__item.show) .content) .text {
        font-size:16px
    }
}

:is(.how-become .how-become__items) .how-become__item:before {
    align-items: center;
    background: #fff;
    border-radius: 100px;
    color: #1a1a1a;
    content: counter(item);
    counter-increment: item;
    display: flex;
    font-family: Konnect,sans-serif;
    font-size: 24px;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    left: 60px;
    letter-spacing: -.48px;
    line-height: 1;
    padding: 20px;
    position: absolute;
    top: 30px;
    transition: color .5s,background-color .5s;
    width: 70px;
    z-index: 9
}

:is(.how-become .how-become__items) .how-become__item.show:before {
    background: linear-gradient(90deg,#ae4c63,#cc9975);
    color: #fff
}

.who-become .who-become__wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media (min-width: 1024px) {
    .who-become .who-become__wrapper {
        flex-direction:row;
        gap: 30px;
        justify-content: space-between
    }
}

:is(.who-become .who-become__wrapper) .big-section {
    background: linear-gradient(90deg,#ae4c63,#cc9975);
    border-radius: 30px;
    flex: 0 0 100%;
    padding: 50px
}

@media (min-width: 1024px) {
    :is(.who-become .who-become__wrapper) .big-section {
        flex:0 0 calc(55% - 15px);
        padding: 150px 80px
    }
}

:is(:is(.who-become .who-become__wrapper) .big-section) .title {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -2px;
    line-height: 110%;
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    :is(:is(.who-become .who-become__wrapper) .big-section) .title {
        font-size:100px;
        line-height: 1.1
    }
}

:is(:is(.who-become .who-become__wrapper) .big-section) p {
    color: #f5f5f5;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.48px
}

@media (min-width: 1024px) {
    :is(:is(.who-become .who-become__wrapper) .big-section) p {
        font-size:24px;
        line-height: 1.6;
        max-width: 811px
    }
}

:is(:is(.who-become .who-become__wrapper) .big-section) p:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    :is(:is(.who-become .who-become__wrapper) .big-section) p:not(:last-child) {
        margin-bottom:30px
    }
}

:is(:is(.who-become .who-become__wrapper) .big-section) .button {
    min-height: 72px;
    padding: 16px 50px
}

@media (min-width: 1024px) {
    :is(:is(.who-become .who-become__wrapper) .big-section) .button {
        margin-top:20px;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

:is(.who-become .who-become__wrapper) .sections {
    display: flex;
    flex: 0 0 calc(45% - 15px);
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px
}

@media (min-width: 1024px) {
    :is(.who-become .who-become__wrapper) .sections {
        flex-direction:row
    }
}

:is(:is(.who-become .who-become__wrapper) .sections) .section {
    align-items: flex-end;
    background-position: 50%;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    padding: 50px;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    :is(:is(.who-become .who-become__wrapper) .sections) .section {
        height:calc(33.33333% - 14px)
    }
}

@media screen and (min-width: 1200px) {
    :is(:is(.who-become .who-become__wrapper) .sections) .section {
        height:calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

:is(:is(:is(.who-become .who-become__wrapper) .sections) .section) .title {
    color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.6px;
    line-height: 1.25;
    z-index: 1
}

:is(:is(.who-become .who-become__wrapper) .sections) .section.first-section {
    width: 100%
}

:is(:is(.who-become .who-become__wrapper) .sections) .section:after {
    content: "";
    filter: blur(37px);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width: 1024px) {
    :is(:is(.who-become .who-become__wrapper) .sections) .section:after {
        top:210px
    }
}

:is(:is(.who-become .who-become__wrapper) .sections) .section:first-child:after {
    background: #888a75
}

:is(:is(.who-become .who-become__wrapper) .sections) .section:nth-child(2):after {
    background: #b48b57
}

:is(:is(.who-become .who-become__wrapper) .sections) .section:nth-child(3):after {
    background: #777a90
}

.get-started-become .get-started-become__wrapper {
    background: linear-gradient(82deg,#38bfc8 -19.13%,#4d64ae 103.16%);
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    padding: 60px 50px
}

@media (min-width: 1024px) {
    .get-started-become .get-started-become__wrapper {
        flex-direction:row;
        padding: 100px
    }
}

:is(.get-started-become .get-started-become__wrapper) .get-started-become__left {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width: 1024px) {
    :is(.get-started-become .get-started-become__wrapper) .get-started-become__left {
        align-items:flex-start;
        width: 50%
    }
}

:is(:is(.get-started-become .get-started-become__wrapper) .get-started-become__left) .title {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -1.2px;
    line-height: 130%;
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    :is(:is(.get-started-become .get-started-become__wrapper) .get-started-become__left) .title {
        font-size:60px;
        line-height: 1.3
    }
}

:is(:is(.get-started-become .get-started-become__wrapper) .get-started-become__left) .text {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.4px
}

@media (min-width: 1024px) {
    :is(:is(.get-started-become .get-started-become__wrapper) .get-started-become__left) .text {
        font-size:20px;
        line-height: 1.6;
        max-width: 490px
    }
}

:is(:is(.get-started-become .get-started-become__wrapper) .get-started-become__left) .media {
    border-radius: 20px;
    margin-top: 25px;
    max-width: 100%;
    overflow: hidden;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 1024px) {
    :is(:is(.get-started-become .get-started-become__wrapper) .get-started-become__left) .media {
        margin-top:auto;
        max-width: 290px
    }
}

:is(.get-started-become .get-started-become__wrapper) .get-started-become__right {
    width: 100%
}

@media (min-width: 1024px) {
    :is(.get-started-become .get-started-become__wrapper) .get-started-become__right {
        width:50%
    }
}

:is(:is(:is(.get-started-become .get-started-become__wrapper) .form) .form-col) input,:is(:is(:is(.get-started-become .get-started-become__wrapper) .form) .form-col) textarea {
    background-color: transparent;
    color: #fff;
    padding-bottom: 15px;
    padding-top: 25px
}

:is(:is(:is(.get-started-become .get-started-become__wrapper) .form) .form-col) label {
    color: #fff
}

:is(:is(.get-started-become .get-started-become__wrapper) .form) textarea {
    max-height: 150px
}

:is(.get-started-become .get-started-become__wrapper) .wpcf7-not-valid-tip {
    color: #fff
}

:is(.get-started-become .get-started-become__wrapper) .wpcf7-response-output {
    border: none!important;
    color: #fff
}

:is(.get-started-become .get-started-become__wrapper) .form-text {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    margin: 15px 0;
    padding-left: 34px;
    position: relative
}

:is(.get-started-become .get-started-become__wrapper) .form-text:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 fill=%27none%27 viewBox=%270 0 18 18%27%3E%3Cpath stroke=%27%231A1A1A%27 stroke-width=%272%27 d=%27m3.75 10.5 3 2.25L13.5 4.5%27/%3E%3C/svg%3E") #fff no-repeat 50%;
    border-radius: 1000px;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.form-col {
    position: relative
}

.form-col label {
    background: transparent;
    border-radius: 5px 0 0 0;
    color: #1a1a1a;
    cursor: pointer;
    font-size: 16px;
    left: 24px;
    line-height: 24px;
    max-width: calc(100% - 20px);
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-overflow: ellipsis;
    top: 20px;
    transition: .3s;
    white-space: nowrap;
    width: calc(100% - 20px)
}

.form-col input::-moz-placeholder {
    opacity: 0
}

.form-col input::placeholder {
    opacity: 0
}

.form-col input,.form-col select,.form-col textarea {
    background-color: transparent!important
}

:is(.form-col:has(input:focus),.form-col:has(input:-webkit-autofill),.form-col:has(input:not(:placeholder-shown)),.form-col:has(textarea:focus),.form-col:has(textarea:-webkit-autofill),.form-col:has(textarea:not(:placeholder-shown)),.form-col:has(select)) label {
    font-size: 11px!important;
    line-height: 2;
    top: 0
}

.subscribe-form div[data-testid=form-row] {
    align-items: center!important;
    justify-content: center!important
}

@media screen and (max-width: 1024px) {
    .subscribe-form div[data-testid=form-row] {
        flex-wrap:wrap!important
    }
}

:is(.subscribe-form div[data-testid=form-row])>div {
    flex: 0 0 auto!important
}

@media screen and (max-width: 600px) {
    :is(.subscribe-form div[data-testid=form-row])>div {
        flex:0 0 100%!important
    }
}

:is(.subscribe-form div[data-testid=form-row])>div:first-child {
    flex: 0 1 auto!important;
    margin-right: auto!important
}

@media screen and (max-width: 1024px) {
    :is(.subscribe-form div[data-testid=form-row])>div:first-child {
        flex:0 0 100%!important
    }
}

:is(.subscribe-form div[data-testid=form-row])>div:last-child {
    margin-left: 0!important;
    margin-right: 0!important
}

.subscribe-form h2 {
    color: #fff!important;
    font-family: Konnect,sans-serif!important;
    font-size: 1.875rem!important;
    line-height: 2.25rem!important
}

@media (min-width: 1280px) {
    .subscribe-form h2 {
        font-size:2.5rem!important
    }
}

.subscribe-form input[type=email],.subscribe-form input[type=text] {
    background-color: transparent!important;
    border-color: rgb(255 255 255/var(--tw-border-opacity))!important;
    border-radius: .375rem!important;
    color: #fff!important;
    font-family: inherit!important;
    height: 3.75rem!important;
    margin: 0 auto 0 0!important;
    min-width: 250px;
    padding: 16px 1.5rem!important;
    transition-duration: .15s!important;
    transition-property: border,color!important;
    transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
    --tw-text-opacity: 1!important;
    outline: none!important
}

@media screen and (max-width: 600px) {
    .subscribe-form input[type=email],.subscribe-form input[type=text] {
        width:100%!important
    }
}

.subscribe-form input::-moz-placeholder {
    color: #fff!important;
    font-family: inherit!important
}

.subscribe-form input::placeholder {
    color: #fff!important;
    font-family: inherit!important
}

.subscribe-form input:focus,.subscribe-form input:focus-visible,.subscribe-form input:focus-within {
    border-color: rgb(255 255 255/var(--tw-border-opacity))!important
}

.subscribe-form button {
    border-color: transparent!important;
    border-radius: 10px!important;
    font-family: inherit!important;
    height: 60px!important;
    margin: 0 auto 0 0!important;
    min-width: 18.125rem!important
}

@media screen and (max-width: 600px) {
    .subscribe-form button {
        width:100%!important
    }
}

.subscribe-form button:hover {
    opacity: .8
}

:is(.single-page .subscribe-form)>div {
    border-radius: 1.875rem;
    margin-top: 25px;
    padding-bottom: 15px!important;
    padding-top: 15px!important
}

.single-page .subscribe-form {
    margin-bottom: 0!important;
    padding-top: 0!important
}

:is(.single-page .subscribe-form) div[data-testid=form-row] {
    flex-direction: column!important
}

@media screen and (max-width: 1024px) {
    :is(.single-page .subscribe-form) div[data-testid=form-row] {
        flex-direction:row!important
    }
}

@media screen and (max-width: 600px) {
    :is(.single-page .subscribe-form) div[data-testid=form-row] {
        padding-left:15px;
        padding-right: 15px
    }
}

:is(.single-page .subscribe-form) .container>div {
    padding-bottom: 10px!important
}

@media not all and (min-width: 640px) {
    .max-sm\:card {
        border-radius:.625rem;
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245/var(--tw-bg-opacity))
    }

    @media (min-width: 768px) {
        .max-sm\:card {
            border-radius:1.875rem
        }
    }
}

@media (min-width: 768px) {
    .md\:button-outline.button-secondary {
        --tw-text-opacity:1;
        color: rgb(48 48 48/var(--tw-text-opacity))
    }

    @media (hover: hover) {
        .md\:button-outline.button-secondary:hover {
            --tw-bg-opacity:1;
            background-color: rgb(48 48 48/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(245 245 245/var(--tw-text-opacity));
            opacity: 1
        }
    }

    .md\:button-outline {
        background-color: transparent;
        outline-color: currentColor;
        outline-offset: 0;
        outline-style: solid;
        outline-width: 1px;
        transition-duration: .15s;
        transition-property: background,color;
        transition-timing-function: cubic-bezier(.4,0,.2,1)
    }
}

.before\:rounded-\[inherit\]:before {
    border-radius: inherit;
    content: var(--tw-content)
}

.before\:rounded-t-lg:before {
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    content: var(--tw-content)
}

.first\:pt-3:first-child {
    padding-top: .75rem
}

.first\:pt-4:first-child {
    padding-top: 1rem
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.only\:min-w-\[12\.25rem\]:only-child {
    min-width: 12.25rem
}

.last-of-type\:-mb-14:last-of-type {
    margin-bottom: -3.5rem
}

.hover\:text-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(68 191 201/var(--tw-text-opacity))
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[show\=true\]\:block[data-show=true] {
    display: block
}

@media not all and (min-width: 1688px) {
    .max-3xl\:mb-4 {
        margin-bottom:1rem
    }
}

@media not all and (min-width: 1380px) {
    .max-web\:mx-auto {
        margin-left:auto;
        margin-right: auto
    }

    .max-web\:ml-4 {
        margin-left: 1rem
    }

    .max-web\:ml-auto {
        margin-left: auto
    }

    .max-web\:hidden {
        display: none
    }

    .max-web\:min-h-9 {
        min-height: 2.25rem
    }

    .max-web\:w-5 {
        width: 1.25rem
    }

    .max-web\:max-w-\[calc\(100\%-2\.5rem\)\] {
        max-width: calc(100% - 2.5rem)
    }

    @keyframes slide-in-left {
        0% {
            transform: translateX(-100%)
        }

        to {
            transform: translateX(0)
        }
    }

    .max-web\:animate-slide-in-left {
        animation: slide-in-left .3s cubic-bezier(.19,1,.22,1) forwards
    }

    .max-web\:rounded {
        border-radius: .375rem
    }

    .max-web\:stroke-gray-100 {
        stroke: #8c8c8c
    }

    .max-web\:pt-8 {
        padding-top: 2rem
    }

    .max-web\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .max-web\:data-\[show\=true\]\:block[data-show=true] {
        display: block
    }
}

@media not all and (min-width: 1280px) {
    .max-xl\:hidden {
        display:none
    }

    .max-xl\:flex-wrap {
        flex-wrap: wrap
    }

    .max-xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media not all and (min-width: 1024px) {
    .max-lg\:order-first {
        order:-9999
    }

    .max-lg\:order-last {
        order: 9999
    }

    .max-lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .max-lg\:-mr-\[--container-gap-x\] {
        margin-right: calc(var(--container-gap-x)*-1)
    }

    .max-lg\:mb-4 {
        margin-bottom: 1rem
    }

    .max-lg\:mb-6 {
        margin-bottom: 1.5rem
    }

    .max-lg\:hidden {
        display: none
    }

    .max-lg\:h-20 {
        height: 5rem
    }

    .max-lg\:w-20 {
        width: 5rem
    }

    .max-lg\:w-56 {
        width: 14rem
    }

    .max-lg\:min-w-56 {
        min-width: 14rem
    }

    .max-lg\:min-w-60 {
        min-width: 15rem
    }

    .max-lg\:max-w-\[37\.5rem\] {
        max-width: 37.5rem
    }

    .max-lg\:flex-col {
        flex-direction: column
    }

    .max-lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .max-lg\:items-start {
        align-items: flex-start
    }

    .max-lg\:gap-10 {
        gap: 2.5rem
    }

    .max-lg\:overflow-x-auto {
        overflow-x: auto
    }

    .max-lg\:pb-\[--scrollbar-width\] {
        padding-bottom: var(--scrollbar-width)
    }

    .max-lg\:pt-24 {
        padding-top: 6rem
    }

    .max-lg\:pt-7 {
        padding-top: 1.75rem
    }

    .max-lg\:text-center {
        text-align: center
    }

    .max-lg\:flex-cols {
        display: flex;
        flex-wrap: wrap;
        --gap: 14px;
        --cols: 1;
        gap: var(--gap)
    }

    .max-lg\:flex-cols>* {
        flex-grow: 1;
        max-width: calc(100%/var(--cols) - var(--gap) + var(--gap)/var(--cols));
        width: calc(100%/var(--cols) - var(--gap) + var(--gap)/var(--cols))
    }

    .max-lg\:\[--gap\: 1\.25rem\] {
        --gap:1.25rem
    }
}

@media not all and (min-width: 768px) {
    .max-md\:-order-1 {
        order:-1
    }

    .max-md\:order-first {
        order: -9999
    }

    .max-md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .max-md\:hidden {
        display: none
    }

    .max-md\:h-10 {
        height: 2.5rem
    }

    .max-md\:h-5 {
        height: 1.25rem
    }

    .max-md\:h-\[1\.5rem\] {
        height: 1.5rem
    }

    .max-md\:w-10 {
        width: 2.5rem
    }

    .max-md\:w-5 {
        width: 1.25rem
    }

    .max-md\:w-\[1\.625rem\] {
        width: 1.625rem
    }

    .max-md\:min-w-60 {
        min-width: 15rem
    }

    .max-md\:min-w-\[17\.5rem\] {
        min-width: 17.5rem
    }

    .max-md\:overflow-x-auto {
        overflow-x: auto
    }

    .max-md\:pb-0 {
        padding-bottom: 0
    }

    .max-md\:pb-4 {
        padding-bottom: 1rem
    }

    .max-md\:pb-\[--scrollbar-width\] {
        padding-bottom: var(--scrollbar-width)
    }

    .max-md\:pt-0 {
        padding-top: 0
    }

    .max-md\:pt-3 {
        padding-top: .75rem
    }

    .max-md\:pt-4 {
        padding-top: 1rem
    }

    .max-md\:text-center {
        text-align: center
    }

    .max-md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .max-md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .max-md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .max-md\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .max-md\:underline {
        text-decoration-line: underline
    }
}

@media not all and (min-width: 640px) {
    .max-sm\:order-first {
        order:-9999
    }

    .max-sm\:-mx-\[--container-gap-x\],.max-sm\: mx-\[calc\(-1_\*_var\(--container-gap-x\)\)\] {
        margin-left:calc(var(--container-gap-x)*-1);
        margin-right: calc(var(--container-gap-x)*-1)
    }

    .max-sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .max-sm\:mb-4 {
        margin-bottom: 1rem
    }

    .max-sm\:h-10 {
        height: 2.5rem
    }

    .max-sm\:h-6 {
        height: 1.5rem
    }

    .max-sm\:w-10 {
        width: 2.5rem
    }

    .max-sm\:w-6 {
        width: 1.5rem
    }

    .max-sm\:w-\[calc\(100\%-1\.5rem\)\] {
        width: calc(100% - 1.5rem)
    }

    .max-sm\:w-full {
        width: 100%
    }

    .max-sm\:max-w-\[90\%\] {
        max-width: 90%
    }

    .max-sm\:flex-col {
        flex-direction: column
    }

    .max-sm\:justify-between {
        justify-content: space-between
    }

    .max-sm\:\!rounded-t-none {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .max-sm\:rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .max-sm\:p-5 {
        padding: 1.25rem
    }

    .max-sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .max-sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .max-sm\:pt-0 {
        padding-top: 0
    }

    .max-sm\:text-center {
        text-align: center
    }

    .max-sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .max-sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .max-sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .max-sm\:text-gray-100 {
        --tw-text-opacity: 1;
        color: rgb(140 140 140/var(--tw-text-opacity))
    }

    .max-sm\:negative-x-gap {
        margin-left: calc(var(--container-gap-x)*-1);
        margin-right: calc(var(--container-gap-x)*-1)
    }
}

@media (min-width: 640px) {
    .sm\:absolute {
        position:absolute
    }

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

    .sm\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .sm\:mb-16 {
        margin-bottom: 4rem
    }

    .sm\:mb-20 {
        margin-bottom: 5rem
    }

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:mb-5 {
        margin-bottom: 1.25rem
    }

    .sm\:mb-6 {
        margin-bottom: 1.5rem
    }

    .sm\:mb-8 {
        margin-bottom: 2rem
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:aspect-\[340\/392\] {
        aspect-ratio: 340/392
    }

    .sm\:aspect-\[368\/153\] {
        aspect-ratio: 368/153
    }

    .sm\:h-fit {
        height: -moz-fit-content;
        height: fit-content
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:min-w-\[3\.75rem\] {
        min-width: 3.75rem
    }

    .sm\:max-w-20 {
        max-width: 5rem
    }

    .sm\:max-w-\[25\.375rem\] {
        max-width: 25.375rem
    }

    .sm\:max-w-\[4\.75rem\] {
        max-width: 4.75rem
    }

    .sm\:max-w-\[7\.875rem\] {
        max-width: 7.875rem
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:gap-14 {
        gap: 3.5rem
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-\[--menu-space\] {
        gap: var(--menu-space)
    }

    .sm\:rounded-t-xl {
        border-top-left-radius: 1.875rem;
        border-top-right-radius: 1.875rem
    }

    .sm\:border-t-2 {
        border-top-width: 2px
    }

    .sm\:p-10 {
        padding: 2.5rem
    }

    .sm\:p-16 {
        padding: 4rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .sm\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .sm\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .sm\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .sm\:pb-10 {
        padding-bottom: 2.5rem
    }

    .sm\:pl-10 {
        padding-left: 2.5rem
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .sm\:\[--cols\: 2\] {
        --cols:2
    }

    .sm\:\[--gap\: 1\.25rem\] {
        --gap:1.25rem
    }

    .sm\:\[--gap\: 20px\] {
        --gap:20px
    }
}

@media (min-width: 768px) {
    .md\:bottom-20 {
        bottom:5rem
    }

    .md\:left-7 {
        left: 1.75rem
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem
    }

    .md\:-mr-6 {
        margin-right: -1.5rem
    }

    .md\:-mt-10 {
        margin-top: -2.5rem
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mb-12 {
        margin-bottom: 3rem
    }

    .md\:mb-14 {
        margin-bottom: 3.5rem
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:mb-20 {
        margin-bottom: 5rem
    }

    .md\:mb-28 {
        margin-bottom: 7rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mb-7 {
        margin-bottom: 1.75rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:mb-9 {
        margin-bottom: 2.25rem
    }

    .md\:mb-\[--menu-space\] {
        margin-bottom: var(--menu-space)
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mt-\[--top-gap-y\] {
        margin-top: var(--top-gap-y)
    }

    .md\:mt-\[calc\(-1_\*_var\(--top-gap-y\)\)\] {
        margin-top: calc(var(--top-gap-y)*-1)
    }

    .md\:\!block {
        display: block!important
    }

    .md\:block {
        display: block
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:\!w-auto {
        width: auto!important
    }

    .md\:w-10\/12 {
        width: 83.333333%
    }

    .md\:w-20 {
        width: 5rem
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-\[5\.875rem\] {
        width: 5.875rem
    }

    .md\:w-\[6\.25rem\] {
        width: 6.25rem
    }

    .md\:w-\[60px\] {
        width: 60px
    }

    .md\:min-w-20 {
        min-width: 5rem
    }

    .md\:max-w-\[37\.5rem\] {
        max-width: 37.5rem
    }

    .md\:max-w-\[6\.25rem\] {
        max-width: 6.25rem
    }

    .md\:max-w-md {
        max-width: 28rem
    }

    .md\:\!transform-none {
        transform: none!important
    }

    .md\:columns-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:gap-14 {
        gap: 3.5rem
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:rounded-2lg {
        border-radius: 1.25rem
    }

    .md\:rounded-xl {
        border-radius: 1.875rem
    }

    .md\:bg-gradient-to-r {
        background-image: linear-gradient(to right,var(--tw-gradient-stops))
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-2 {
        padding: .5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:p-\[2\.375rem\] {
        padding: 2.375rem
    }

    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .md\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .md\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .md\:pl-10 {
        padding-left: 2.5rem
    }

    .md\:pl-16 {
        padding-left: 4rem
    }

    .md\:pl-20 {
        padding-left: 5rem
    }

    .md\:pl-7 {
        padding-left: 1.75rem
    }

    .md\:pr-24 {
        padding-right: 6rem
    }

    .md\:pt-10 {
        padding-top: 2.5rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:pt-2 {
        padding-top: .5rem
    }

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-right {
        text-align: right
    }

    .md\:text-start {
        text-align: start
    }

    .md\:text-10xl {
        font-size: 10rem;
        line-height: 1
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl {
        font-size: 2.5rem;
        line-height: 3.375rem
    }

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .md\:leading-8 {
        line-height: 2rem
    }

    .md\:leading-9 {
        line-height: 2.25rem
    }

    .md\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .md\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .md\:leading-\[1\.6\] {
        line-height: 1.6
    }

    .md\:leading-\[125\%\] {
        line-height: 125%
    }

    .md\:underline {
        text-decoration-line: underline
    }

    .md\:shadow-lg-light {
        --tw-shadow: 0 4px 34px hsla(0,0%,100%,.3);
        --tw-shadow-colored: 0 4px 34px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }

    .md\:outline-\[rgba\(245\2c 245\2c 245\2c 0\.4\)\] {
        outline-color: hsla(0,0%,96%,.4)
    }

    .md\:\[--cols\: 2\] {
        --cols:2
    }

    .md\:\[--cols\: 3\] {
        --cols:3
    }

    .md\:\[--gap-x\: 2\.75rem\] {
        --gap-x:2.75rem
    }

    .md\:\[--gap\: 1\.25rem\] {
        --gap:1.25rem
    }

    .md\:\[--gap\: 2rem\] {
        --gap:2rem
    }

    .md\:\[--gap\: 3rem\] {
        --gap:3rem
    }

    .md\:\[--icon-size\: 3rem\] {
        --icon-size:3rem
    }

    .md\:before\:rounded-t-xl:before {
        border-top-left-radius: 1.875rem;
        border-top-right-radius: 1.875rem;
        content: var(--tw-content)
    }
}

@media (min-width: 1024px) {
    .lg\:-left-\[6\%\] {
        left:-6%
    }

    .lg\:bottom-10 {
        bottom: 2.5rem
    }

    .lg\:right-10 {
        right: 2.5rem
    }

    .lg\:top-14 {
        top: 3.5rem
    }

    .lg\:mb-12 {
        margin-bottom: 3rem
    }

    .lg\:mb-14 {
        margin-bottom: 3.5rem
    }

    .lg\:mb-20 {
        margin-bottom: 5rem
    }

    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }

    .lg\:mb-8 {
        margin-bottom: 2rem
    }

    .lg\:mt-auto {
        margin-top: auto
    }

    .lg\:block {
        display: block
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:max-w-screen-xl {
        max-width: 1280px
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-\[0\.7fr_2\.3fr\] {
        grid-template-columns: .7fr 2.3fr
    }

    .lg\:grid-cols-\[1\.9fr_1\.1fr\] {
        grid-template-columns: 1.9fr 1.1fr
    }

    .lg\:grid-cols-\[1fr_2fr_2fr\] {
        grid-template-columns: 1fr 2fr 2fr
    }

    .lg\:flex-wrap {
        flex-wrap: wrap
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:gap-10 {
        gap: 2.5rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
    }

    .lg\:rounded-xl {
        border-radius: 1.875rem
    }

    .lg\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .lg\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .lg\:py-7 {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }

    .lg\:pl-32 {
        padding-left: 8rem
    }

    .lg\:pr-32 {
        padding-right: 8rem
    }

    .lg\:text-center {
        text-align: center
    }

    .lg\:text-start {
        text-align: start
    }

    .lg\:\!text-5xl {
        font-size: 3rem!important;
        line-height: 1!important
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:text-4xl {
        font-size: 2.5rem;
        line-height: 3.375rem
    }

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .lg\:shadow-xl {
        --tw-shadow: 0 24px 34px rgba(0,0,0,.05);
        --tw-shadow-colored: 0 24px 34px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }

    .lg\:flex-cols {
        display: flex;
        flex-wrap: wrap;
        --gap: 14px;
        --cols: 1;
        gap: var(--gap)
    }

    .lg\:flex-cols>* {
        flex-grow: 1;
        max-width: calc(100%/var(--cols) - var(--gap) + var(--gap)/var(--cols));
        width: calc(100%/var(--cols) - var(--gap) + var(--gap)/var(--cols))
    }

    .lg\:grid-space-center {
        display: flex;
        flex-wrap: wrap;
        row-gap: var(--gap-x);
        --gap-x: 1.25rem
    }

    .lg\:grid-space-center>* {
        margin-left: var(--gap-x);
        width: 100%
    }

    .lg\:grid-space-center[data-grid="4"]>* {
        max-width: calc(25% - var(--gap-x))
    }

    :is(.lg\:grid-space-center[data-grid="4"]>*):nth-child(10n+2),:is(.lg\:grid-space-center[data-grid="4"]>*):nth-child(10n+6),:is(.lg\:grid-space-center[data-grid="4"]>*):nth-child(10n+8) {
        margin-right: var(--gap-x)
    }

    :is(.lg\:grid-space-center[data-grid="4"]>*):nth-child(10n+1),:is(.lg\:grid-space-center[data-grid="4"]>*):nth-child(10n+5),:is(.lg\:grid-space-center[data-grid="4"]>*):nth-child(10n+8) {
        margin-left: 0
    }

    .lg\:\[--cols\: 2\] {
        --cols:2
    }

    .lg\:\[--cols\: 4\] {
        --cols:4
    }

    .lg\:\[--gap\: 1px\] {
        --gap:1px
    }
}

@media (min-width: 1280px) {
    .xl\:mb-14 {
        margin-bottom:3.5rem
    }

    .xl\:mb-24 {
        margin-bottom: 6rem
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .xl\:mb-7 {
        margin-bottom: 1.75rem
    }

    .xl\:mb-8 {
        margin-bottom: 2rem
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:mt-9 {
        margin-top: 2.25rem
    }

    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .xl\:p-10 {
        padding: 2.5rem
    }

    .xl\:p-7 {
        padding: 1.75rem
    }

    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .xl\:text-2xl-l {
        font-size: 1.875rem;
        line-height: 1.4
    }

    .xl\:text-4xl {
        font-size: 2.5rem;
        line-height: 3.375rem
    }

    .xl\:text-6xl {
        font-size: 3.75rem
    }

    .xl\:text-6xl,.xl\:text-8xl {
        line-height: 1
    }

    .xl\:text-8xl {
        font-size: 6.25rem
    }

    .xl\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .xl\:leading-tight {
        line-height: 1.25
    }

    .xl\:\[--cols\: 5\] {
        --cols:5
    }

    .xl\:\[--gap\: 3\.75rem\] {
        --gap:3.75rem
    }
}

@media (min-width: 1380px) {
    .web\:left-\[26px\] {
        left:26px
    }

    .web\:top-4 {
        top: 1rem
    }

    .web\:flex {
        display: flex
    }

    .web\:hidden {
        display: none
    }

    .web\:flex-1 {
        flex: 1 1 0%
    }

    .web\:gap-5 {
        gap: 1.25rem
    }

    .web\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .web\:text-4xl {
        font-size: 2.5rem;
        line-height: 3.375rem
    }

    .web\:first\:pt-0:first-child {
        padding-top: 0
    }
}

@media (min-width: 1536px) {
    .\32xl\:-left-\[18\%\] {
        left:-18%
    }

    .\32xl\:mb-10 {
        margin-bottom: 2.5rem
    }

    .\32xl\:mb-20 {
        margin-bottom: 5rem
    }

    .\32xl\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .\32xl\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .\32xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .\32xl\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .\32xl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .\32xl\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .\32xl\:\[--gap-x\: 3\.75rem\] {
        --gap-x:3.75rem
    }

    .\32xl\:\[--gap\: 3\.75rem\] {
        --gap:3.75rem
    }
}

@media (min-width: 1688px) {
    .\33xl\:w-\[3\.75rem\] {
        width:3.75rem
    }

    .\33xl\:min-w-\[3\.75rem\] {
        min-width: 3.75rem
    }

    .\33xl\:min-w-\[400px\] {
        min-width: 400px
    }

    .\33xl\:max-w-\[38rem\] {
        max-width: 38rem
    }

    .\33xl\:gap-32 {
        gap: 8rem
    }

    .\33xl\:gap-5 {
        gap: 1.25rem
    }

    .\33xl\:p-8 {
        padding: 2rem
    }

    .\33xl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .\33xl\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.\[\&\+div\]\:text-gray-150+div {
    --tw-text-opacity: 1;
    color: rgb(104 104 104/var(--tw-text-opacity))
}

.\[\&\+div\]\:line-through+div {
    text-decoration-line: line-through
}

.\[\&\.desc-sm_\.desc\]\:text-base.desc-sm .desc {
    font-size: 1rem;
    line-height: 1.5rem
}

@media not all and (min-width: 768px) {
    .max-md\:\[\&\.desc-sm_\.desc\]\:text-sm.desc-sm .desc {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

@keyframes slide-out-left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.\[\&\.interim-state\]\:animate-slide-out-left.interim-state {
    animation: slide-out-left .3s cubic-bezier(.19,1,.22,1) forwards
}

@media not all and (min-width: 1380px) {
    @keyframes slide-out-left {
        0% {
            transform:translateX(0)
        }

        to {
            transform: translateX(-100%)
        }
    }

    .max-web\:\[\&\.interim-state\]\:animate-slide-out-left.interim-state {
        animation: slide-out-left .3s cubic-bezier(.19,1,.22,1) forwards
    }
}

.\[\&\>\*\]\:h-auto>* {
    height: auto
}

.\[\&\>\*\]\:flex-1>* {
    flex: 1 1 0%
}

.\[\&\>\*\]\:flex-none>* {
    flex: none
}

@media (min-width: 768px) {
    .md\:\[\&\>\*\]\:mb-5>* {
        margin-bottom:1.25rem
    }
}

@media not all and (min-width: 640px) {
    .max-sm\:last\:\[\&\>div\]\:max-w-full>div:last-child {
        max-width:100%
    }
}

.\[\&\>p\]\:mb-4>p {
    margin-bottom: 1rem
}

.\[\&_\+_hr\]\:hidden+hr {
    display: none
}

@media not all and (min-width: 640px) {
    .max-sm\:\[\&_\.button\]\:w-full .button {
        width:100%
    }
}

@media (min-width: 1380px) {
    .web\:\[\&_\.toggle\]\:hidden .toggle {
        display:none
    }
}

.\[\&_a\:hover\]\:text-primary a:hover {
    --tw-text-opacity: 1;
    color: rgb(68 191 201/var(--tw-text-opacity))
}

.\[\&_a\:hover\]\:no-underline a:hover {
    text-decoration-line: none
}

.\[\&_a\]\:text-inherit a {
    color: inherit
}

.\[\&_a\]\:underline a {
    text-decoration-line: underline
}

.\[\&_a\]\:transition-\[color\] a {
    transition-duration: .15s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media not all and (min-width: 1024px) {
    .max-lg\:\[\&_br\]\:hidden br {
        display:none
    }
}

@media not all and (min-width: 768px) {
    .max-md\:\[\&_br\]\:hidden br {
        display:none
    }
}

@media not all and (min-width: 640px) {
    .max-sm\:\[\&_br\]\:hidden br {
        display:none
    }
}

.\[\&_img\]\:mx-auto img {
    margin-left: auto;
    margin-right: auto
}

.\[\&_img\]\:aspect-\[1220\/640\] img {
    aspect-ratio: 1220/640
}

.\[\&_img\]\:aspect-\[159\/206\] img {
    aspect-ratio: 159/206
}

.\[\&_img\]\:aspect-\[16\/10\] img {
    aspect-ratio: 16/10
}

.\[\&_img\]\:aspect-\[290\/640\] img {
    aspect-ratio: 290/640
}

.\[\&_img\]\:aspect-\[951\/613\] img {
    aspect-ratio: 951/613
}

.\[\&_img\]\:aspect-auto img {
    aspect-ratio: auto
}

.\[\&_img\]\:aspect-square img {
    aspect-ratio: 1/1
}

.\[\&_img\]\:h-auto img {
    height: auto
}

.\[\&_img\]\:h-full img {
    height: 100%
}

.\[\&_img\]\:max-h-\[50rem\] img {
    max-height: 50rem
}

.\[\&_img\]\:max-h-\[86px\] img {
    max-height: 86px
}

.\[\&_img\]\:min-h-\[36rem\] img {
    min-height: 36rem
}

.\[\&_img\]\:w-full img {
    width: 100%
}

.\[\&_img\]\:\!rounded-none img {
    border-radius: 0!important
}

.\[\&_img\]\:rounded img {
    border-radius: .375rem
}

.\[\&_img\]\:rounded-2lg img {
    border-radius: 1.25rem
}

.\[\&_img\]\:rounded-\[inherit\] img {
    border-radius: inherit
}

.\[\&_img\]\:rounded-full img {
    border-radius: 9999px
}

.\[\&_img\]\:rounded-lg img {
    border-radius: .625rem
}

.\[\&_img\]\:rounded-t-lg img {
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem
}

.\[\&_img\]\:object-contain img {
    -o-object-fit: contain;
    object-fit: contain
}

.\[\&_img\]\:object-cover img {
    -o-object-fit: cover;
    object-fit: cover
}

@media not all and (min-width: 1024px) {
    .max-lg\:\[\&_img\]\:mx-auto img {
        margin-left:auto;
        margin-right: auto
    }

    .max-lg\:\[\&_img\]\:aspect-\[120\/80\] img {
        aspect-ratio: 120/80
    }

    .max-lg\:\[\&_img\]\:max-w-8 img {
        max-width: 2rem
    }
}

@media not all and (min-width: 768px) {
    .max-md\:\[\&_img\]\:max-w-14 img {
        max-width:3.5rem
    }
}

@media not all and (min-width: 640px) {
    .max-sm\:\[\&_img\]\:aspect-\[320\/480\] img {
        aspect-ratio:320/480
    }

    .max-sm\:\[\&_img\]\:w-full img {
        width: 100%
    }
}

@media (min-width: 640px) {
    .sm\:\[\&_img\]\:aspect-\[149\/165\] img {
        aspect-ratio:149/165
    }

    .sm\:\[\&_img\]\:aspect-\[157\/84\] img {
        aspect-ratio: 157/84
    }

    .sm\:\[\&_img\]\:aspect-\[910\/665\] img {
        aspect-ratio: 910/665
    }
}

@media (min-width: 768px) {
    .md\:\[\&_img\]\:aspect-square img {
        aspect-ratio:1/1
    }

    .md\:\[\&_img\]\:rounded-2lg img {
        border-radius: 1.25rem
    }

    .md\:\[\&_img\]\:rounded-t-xl img {
        border-top-left-radius: 1.875rem;
        border-top-right-radius: 1.875rem
    }
}

@media (min-width: 1024px) {
    .lg\:\[\&_img\]\:rounded-2lg img {
        border-radius:1.25rem
    }

    .lg\:\[\&_img\]\:rounded-lg img {
        border-radius: .625rem
    }
}

.\[\&_li\.current\]\:order-first li.current {
    order: -9999
}

.\[\&_p\:last-child\]\:mt-auto p:last-child {
    margin-top: auto
}

.\[\&_p\:not\(\:last-child\)\]\:mb-5 p:not(:last-child) {
    margin-bottom: 1.25rem
}

.\[\&_p\:not\(\:last-child\)\]\:mb-6 p:not(:last-child) {
    margin-bottom: 1.5rem
}

.\[\&_p\]\:mb-4 p {
    margin-bottom: 1rem
}

.\[\&_p\]\:max-w-\[45rem\] p {
    max-width: 45rem
}

.last\:\[\&_p\]\:mb-0 p:last-child {
    margin-bottom: 0
}

.\[\&_picture\]\:rounded-\[inherit\] picture {
    border-radius: inherit
}

.\[\&_strong\]\:text-dark strong {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity))
}

.\[\&_ul\]\:grid ul {
    display: grid
}

.\[\&_ul\]\:gap-3 ul {
    gap: .75rem
}
.popular ul li{
  border: #00000062 solid 1px;
}
@media (min-width: 768px) {
  .popular ul li{
    border-radius: 1.25rem;
  }
}
.section-swiper .swiper-slide{
  padding-top: 8px;
  padding-bottom: 8px;
}
:is(.predictive-dropdown .start) .link{
  position: relative;
}
:is(.predictive-dropdown .start) .link::after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.46964 14.5407C7.17675 14.8336 7.17675 15.3085 7.46964 15.6014C7.76253 15.8943 8.23741 15.8943 8.5303 15.6014L7.46964 14.5407ZM15.821 8C15.821 7.58579 15.4853 7.25 15.071 7.25L8.32104 7.25C7.90682 7.25 7.57104 7.58579 7.57104 8C7.57104 8.41421 7.90682 8.75 8.32104 8.75H14.321V14.75C14.321 15.1642 14.6568 15.5 15.071 15.5C15.4853 15.5 15.821 15.1642 15.821 14.75L15.821 8ZM8.5303 15.6014L15.6014 8.53033L14.5407 7.46967L7.46964 14.5407L8.5303 15.6014Z'/%3E%3C/svg%3E");
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
}