@charset "utf-8";

@media screen and (min-width: 768px) {
  .mobile-view { display: none !important; }
}

@media screen and (max-width: 767.98px) {
  .desktop-view { display: none !important; }
}

.sq--section__container.default__width { max-width: 1280px; width: 100%; padding: 0px 32px; margin: 0px auto; }

.sq--section__container.custom__width { max-width: 1400px; width: 100%; padding: 0px 32px; margin: 0px auto; }

.sq--section__container.full__width { max-width: 100%; width: 100%; margin: 0px auto; }

.sq--section__header { padding: 32px 0px; }

.sq--section__header__container { width: 100%; }

@media screen and (min-width: 768px) {
  .sq--section__header--desktop-theme-header__dark, .sq--section__header--desktop-theme-header__dark .sq--section__header__preheading, .sq--section__header--desktop-theme-header__dark .sq--section__header__paragraph, .sq--section__header--desktop-theme-header__dark .sq--section__header__heading, .sq--section__header--desktop-theme-header__dark .sq--section__header__subheading { color: rgb(0, 0, 0); }
  .sq--section__header--desktop-theme-header__light, .sq--section__header--desktop-theme-header__light .sq--section__header__preheading, .sq--section__header--desktop-theme-header__light .sq--section__header__paragraph, .sq--section__header--desktop-theme-header__light .sq--section__header__heading, .sq--section__header--desktop-theme-header__light .sq--section__header__subheading { color: rgb(255, 255, 255); }
  .sq--section__header--desktop-alignment-header__left { text-align: left; }
  .sq--section__header--desktop-alignment-header__left .sq--section__header__button_list { justify-content: start; }
  .sq--section__header--desktop-alignment-header__center { text-align: center; }
  .sq--section__header--desktop-alignment-header__center .sq--section__header__button_list { justify-content: center; }
  .sq--section__header--desktop-alignment-header__right { text-align: right; }
  .sq--section__header--desktop-alignment-header__right .sq--section__header__button_list { justify-content: end; }
}

@media screen and (max-width: 767.98px) {
  .sq--section__header--mobile-theme-header__dark, .sq--section__header--mobile-theme-header__dark .sq--section__header__preheading, .sq--section__header--mobile-theme-header__dark .sq--section__header__paragraph, .sq--section__header--mobile-theme-header__dark .sq--section__header__heading, .sq--section__header--mobile-theme-header__dark .sq--section__header__subheading { color: rgb(0, 0, 0); }
  .sq--section__header--mobile-theme-header__light, .sq--section__header--mobile-theme-header__light .sq--section__header__preheading, .sq--section__header--mobile-theme-header__light .sq--section__header__paragraph, .sq--section__header--mobile-theme-header__light .sq--section__header__heading, .sq--section__header--mobile-theme-header__light .sq--section__header__subheading { color: rgb(255, 255, 255); }
  .sq--section__header--mobile-alignment-header__left { text-align: left; }
  .sq--section__header--mobile-alignment-header__left .sq--section__header__button_list { justify-content: start; }
  .sq--section__header--mobile-alignment-header__center { text-align: center; }
  .sq--section__header--mobile-alignment-header__center .sq--section__header__button_list { justify-content: center; }
  .sq--section__header--mobile-alignment-header__right { text-align: right; }
  .sq--section__header--mobile-alignment-header__right .sq--section__header__button_list { justify-content: end; }
}

.sq--section__header__preheading, .sq--section__header__paragraph, .sq--section__header__heading, .sq--section__header__subheading { font-family: dm-sans, sans-serif; font-weight: 500; font-style: normal; }

.sq--section__header__count-no { font-family: dm-sans, sans-serif; top: -10px; font-size: 65%; font-weight: 600; color: inherit; }

@media screen and (min-width: 1200px) {
  .sq--section__header__preheading, .sq--section__header__paragraph { font-size: 16px; font-weight: 400; line-height: 120%; }
  .sq--section__header__heading { font-size: 49px; line-height: 120%; }
  .sq--section__header__subheading { font-size: 24px; line-height: 115%; letter-spacing: -0.528px; }
  .sq--section__header__button_list { display: flex; gap: 16px; margin-top: 24px; }
}

@media screen and (max-width: 1199.98px) and (min-width: 768px) {
  .sq--section__header__preheading, .sq--section__header__paragraph { font-size: calc(10.1696px + 0.498753vw); line-height: calc(115% - 9.57606px + 1.24688vw); }
  .sq--section__header__heading { font-size: calc(-23.8803px + 6.23441vw); line-height: calc(120% + 9.57606px - 1.24688vw); }
  .sq--section__header__subheading { font-size: calc(12.3392px + 0.997506vw); line-height: calc(115% - 9.57606px + 1.24688vw); }
  .sq--section__header__button_list { display: flex; gap: calc(-7.3217px + 1.99501vw) 32px; margin-top: 20px; }
}

@media screen and (max-width: 767.98px) {
  .sq--section__header__preheading, .sq--section__header__paragraph { font-size: 14px; line-height: 115%; letter-spacing: -0.308px; }
  .sq--section__header__heading { font-size: 24px; line-height: 130%; letter-spacing: -0.44px; }
  .sq--section__header__subheading { font-size: 20px; line-height: 130%; letter-spacing: -0.44px; }
  .sq--section__header__button_list { display: flex; gap: 8px; margin-top: 16px; }
}

.sq--slide__content__button_list, .sq--content__button-list { display: flex; }

.sq--button { font-family: dm-sans, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; text-decoration: none; text-align: center; white-space: nowrap; transition: 0.3s; cursor: pointer; }

.sq--button.sq--button--primary { display: flex; align-items: center; justify-content: center; width: fit-content; border-radius: 100px; background-color: rgb(40, 151, 255); color: rgb(255, 255, 255); min-height: 44px; }

.sq--button.sq--button--primary:hover { background-color: rgb(81, 171, 255); }

.sq--button.sq--button__secondary { display: flex; align-items: center; justify-content: center; width: fit-content; border-radius: 4px; background-color: rgb(255, 255, 255); border: 1px solid rgb(144, 144, 144); color: rgb(144, 144, 144); min-height: 38px; }

.sq--button.sq--button__secondary:hover { border: 1px solid rgb(40, 151, 255); color: rgb(40, 151, 255); }

.sq--button.sq--button__text { display: inline-block; color: rgb(40, 151, 255); }

.sq--button.sq--button__text_arrow { display: inline-block; color: rgb(40, 151, 255); position: relative; padding-right: 20px; }

.sq--button-text-arrow svg { fill: currentcolor; color: currentcolor; width: 1em; height: 1em; }

.sq--button.sq--button__text_arrow::after { content: "→"; position: absolute; right: 0px; transition: transform 0.3s; }

.sq--button.sq--button__text_arrow:hover::after { transform: translate(4px); }

@media screen and (min-width: 768px) {
  .sq--slide__content__button_list, .sq--content__button-list { gap: 16px; margin-top: 32px; }
  .sq--button.sq--button--primary { padding: 16px 32px; }
}

@media screen and (max-width: 767.98px) {
  .sq--slide__content__button_list, .sq--content__button-list { gap: 16px; margin-top: 10px; }
  .sq--section__container.full__width .sq--slide__content__button_list { margin-top: 20px; }
  .sq--button.sq--button--primary { padding: 8px 32px; }
  .sq--content__button-list .sq--button, .sq--slide__content__button_list .sq--button, .sq--content__button-list .sq--button.sq--button__text, .sq--slide__content__button_list .sq--button.sq--button__text { font-size: 14px; }
  .sq--content__button-list .sq--button.sq--button__text_arrow::after, .sq--slide__content__button_list .sq--button.sq--button__text_arrow::after { font-size: 14px; }
}

.sq--placeholder { position: relative; width: 100%; height: 100%; background-color: rgba(var(--color-foreground),.1); display: grid; place-items: center; overflow: hidden; }

.sq--placeholder svg.sq--placeholder-svg { width: 100%; display: block; fill: rgba(var(--color-foreground),.4); }

.sq--slide__container--video .sq--placeholder--desktop, .sq--slide__container--video .sq--placeholder--mobile { aspect-ratio: 16 / 9; }

@media screen and (min-width: 768px) {
  .sq--placeholder--desktop { display: block; }
  .sq--placeholder--mobile { display: none !important; }
}

@media screen and (max-width: 767.98px) {
  .sq--placeholder--mobile { display: block; }
  .sq--placeholder--desktop { display: none !important; }
}

.sq--swiper-navigation-style-circle { display: flex; justify-content: flex-end; align-items: center; gap: 16px; margin-top: 24px; }

.sq--swiper-navigation-style-circle .sq--swiper-button-prev, .sq--swiper-navigation-style-circle .sq--swiper-button-next { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; border-radius: 100px; aspect-ratio: 1 / 1; background-color: rgb(226, 226, 229); border: none; cursor: pointer; transition: background-color 0.3s; }

.sq--swiper-navigation-style-circle .sq--swiper-button-prev:hover:not(:disabled), .sq--swiper-navigation-style-circle .sq--swiper-button-next:hover:not(:disabled) { background-color: rgb(208, 208, 211); }

.sq--swiper-navigation-style-circle .sq--swiper-button-prev:disabled, .sq--swiper-navigation-style-circle .sq--swiper-button-next:disabled { opacity: 0.5; cursor: not-allowed; }

.sq--swiper-navigation-style-circle .sq--swiper-button-prev svg path, .sq--swiper-navigation-style-circle .sq--swiper-button-next svg path { height: auto; aspect-ratio: 1 / 1; color: rgb(99, 99, 100); stroke: rgb(99, 99, 100); }

@media (min-width: 768px) {
  .sq--swiper-navigation-style-circle .sq--swiper-button-prev, .sq--swiper-navigation-style-circle .sq--swiper-button-next { width: 42px; padding: 0px 16px; }
  .sq--swiper-navigation-style-circle .sq--swiper-button-prev svg, .sq--swiper-navigation-style-circle .sq--swiper-button-next svg { width: 20px; }
  .sq--swiper-navigation-style-circle .sq--swiper-button-prev svg path, .sq--swiper-navigation-style-circle .sq--swiper-button-next svg path { stroke-width: 8%; }
}

@media (max-width: 767.98px) {
  .sq--swiper-navigation-style-circle .sq--swiper-button-prev, .sq--swiper-navigation-style-circle .sq--swiper-button-next { width: 36px; padding: 0px 14px; }
  .sq--swiper-navigation-style-circle .sq--swiper-button-prev svg, .sq--swiper-navigation-style-circle .sq--swiper-button-next svg { width: 18px; }
  .sq--swiper-navigation-style-circle .sq--swiper-button-prev svg path, .sq--swiper-navigation-style-circle .sq--swiper-button-next svg path { stroke-width: 6%; }
}

div[class^="sq--product-list-pagination-"] { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; gap: 4px; margin-top: 24px; transition: opacity 0.3s; transform: translateZ(0px); z-index: 10; }

div[class^="sq--product-list-pagination-"] .swiper-pagination-bullet { display: inline-block; width: 24px; height: 24px; border-radius: 100px; border: none; background: rgb(226, 226, 229); opacity: 1; transition: width 0.85s; }

div[class^="sq--product-list-pagination-"] .swiper-pagination-bullet::before, div[class^="sq--product-list-pagination-"] .swiper-pagination-bullet::after { content: none; display: none; }

div[class^="sq--product-list-pagination-"] .swiper-pagination-bullet-active { width: 48px; background-color: rgb(40, 151, 255) !important; }

.swiper-pagination-lock { padding: 0px !important; }