.hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding: var(--padding, 30px 0);
  min-height: var(--minHeight);
}
@media (max-width: 689.98px) {
  .hero-content {
    --minHeight: 250px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .hero-content {
    --minHeight: 300px;
  }
}
@media (min-width: 1000px) {
  .hero-content {
    --minHeight: 480px;
  }
}

:is(.ct-docs-search, .ct-video-search) {
  position: relative;
  z-index: 2;
  width: 100%;
}
:is(.ct-docs-search, .ct-video-search).hero-search-form {
  max-width: 600px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
:is(.ct-docs-search, .ct-video-search).hero-search-form .ct-search-form {
  box-shadow: 0 15px 40px rgba(10, 77, 220, 0.7);
  --theme-form-field-border-radius: 7px;
}
@media (max-width: 999.98px) {
  :is(.ct-docs-search, .ct-video-search).hero-search-form .ct-search-form {
    --theme-form-field-height: 50px;
  }
}
@media (min-width: 690px) {
  :is(.ct-docs-search, .ct-video-search).hero-search-form .ct-search-form {
    --theme-form-field-height: 55px;
  }
}
:is(.ct-docs-search, .ct-video-search).hero-search-form input[type=search] {
  --theme-form-font-size: 16px;
  --theme-form-field-border-width: 0px;
  --theme-form-field-padding: 0 120px 0 20px;
  --theme-form-field-background-initial-color: #fff;
  --theme-form-field-background-focus-color: #fff;
}
:is(.ct-docs-search, .ct-video-search).hero-search-form .ct-search-form-controls {
  position: absolute;
  top: 5px;
  right: 5px;
}
:is(.ct-docs-search, .ct-video-search).hero-search-form .wp-element-button {
  margin: 0;
  border-radius: 5px;
  --theme-button-shadow: none;
  --theme-button-transform: none;
  --theme-button-padding: 5px 30px;
  --theme-button-min-height: calc(var(--theme-form-field-height) - 10px);
}
:is(.ct-docs-search, .ct-video-search) .ct-search-results {
  top: calc(var(--theme-form-field-height) + 10px);
  inset-inline: 0;
  text-align: initial;
  padding: 0;
  max-height: 50vh;
  overflow-x: scroll;
  --theme-font-size: 14px;
  --search-dropdown-box-shadow: 0px 30px 90px 0px rgba(143, 163, 184, 0.5);
}
:is(.ct-docs-search, .ct-video-search) .ct-search-results a {
  padding: 15px 25px;
}

nav > ul > .ct-resources-menu > .sub-menu:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: calc(50% - 8px);
  border: 8px solid transparent;
  border-top: none;
  border-bottom-color: #fff;
}
nav > ul > .ct-resources-menu > .sub-menu > li {
  padding: 20px;
}
nav > ul > .ct-resources-menu > .sub-menu > li:first-child {
  border-right: 1px dashed rgba(180, 218, 253, 0.4) !important;
}
nav > ul > .ct-resources-menu > .sub-menu .sub-menu li {
  border: none;
}
nav > ul > .ct-resources-menu > .sub-menu .sub-menu li .ct-menu-link {
  padding: 20px;
  border-radius: 5px;
}
nav > ul > .ct-resources-menu > .sub-menu .sub-menu li .ct-menu-link:hover {
  background: rgba(52, 64, 72, 0.02);
  background: rgba(180, 218, 253, 0.15);
}
nav > ul > .ct-resources-menu > .sub-menu .sub-menu li .ct-icon-container {
  --theme-icon-size: 30px;
  -webkit-margin-end: 17px;
          margin-inline-end: 17px;
}
nav > ul > .ct-resources-menu > .sub-menu .sub-menu li .menu-item-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
nav > ul > .ct-resources-menu > .sub-menu .sub-menu li .menu-item-title {
  font-size: 13px;
  font-weight: 600;
}
nav > ul > .ct-resources-menu > .sub-menu .sub-menu li .menu-item-description {
  line-height: 1;
  font-weight: 400;
  opacity: 0.7;
  color: var(--theme-link-initial-color);
}

#presentation,
#support-container {
  --sm-MaxWidth: 500px;
  --content-spacing: 0;
  --listItemSpacing: 0;
}

.heading {
  margin-bottom: calc(10px + 0.23em);
}
.sub-heading {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.6px;
}
.sub-heading.w-300 {
  font-weight: 300;
}
.sub-heading.c-lighter {
  opacity: 0.8;
}

.composition-block {
  width: 100%;
  position: var(--compPosition, relative);
}
.composition-block:before {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: var(--compRatio);
}
.composition-block > figure {
  position: absolute;
  width: 100%;
  background: var(--compItemBackground, #fff);
  border-radius: var(--compItemBorderRadius, 6px);
}
.composition-block > figure > img, .composition-block > figure span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}
.composition-block > figure:before {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: var(--compItemRatio);
}

@media (max-width: 689.98px) {
  .sm-max-width {
    max-width: var(--sm-MaxWidth) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
[class*=col-] {
  display: grid;
}

@media (min-width: 1000px) {
  .col-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .col-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .col-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .col-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 689.98px) {
  .col-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.hero-container {
  position: relative;
  text-align: center;
  background: var(--heroBackground, #115CFA);
  --theme-heading-color: #fff;
}
@media (max-width: 689.98px) {
  .hero-container {
    padding-top: 70px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .hero-container {
    padding-top: 70px;
  }
}
@media (min-width: 1000px) {
  .hero-container {
    padding-top: 100px;
  }
}
.hero-container > .ct-container {
  position: relative;
}
.hero-container h1 {
  --theme-font-weight: 800;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.hero-container .sub-heading {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.home .hero-container {
  overflow: hidden;
}
@media (max-width: 689.98px) {
  .home .hero-container > .ct-container {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media (min-width: 690px) {
  .home .hero-container > .ct-container {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
.home .hero-container .hero-content {
  --padding: 0;
  --minHeight: 0;
}
.home .hero-container .button-group {
  --sm-MaxWidth: 350px;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 689.98px) {
  .home .hero-container .button-group {
    margin-top: 40px;
  }
}
@media (min-width: 690px) {
  .home .hero-container .button-group {
    margin-top: 60px;
  }
}
.home .hero-container .button-group a {
  display: flex;
  align-items: center;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 8px;
  transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
@media (max-width: 689.98px) {
  .home .hero-container .button-group a {
    flex: 1;
    justify-content: center;
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
  }
}
@media (min-width: 690px) {
  .home .hero-container .button-group a {
    height: 60px;
    padding: 0 30px;
    font-size: 18px;
  }
}
.home .hero-container .button-group a svg {
  fill: currentColor;
}
.home .hero-container .button-group a:hover {
  transform: translate3d(0, -3px, 0);
  box-shadow: 0 15px 30px -10px rgba(3, 37, 162, 0.55);
}
.home .hero-container .button-group .download {
  color: #115CFA;
  background: #fff;
}
.home .hero-container .button-group .download svg {
  margin-right: 15px;
}
.home .hero-container .button-group .demo {
  color: #E2FFF9;
  background: #2786FF;
}
@media (max-width: 689.98px) {
  .home .hero-container .button-group .demo {
    margin-left: 20px;
  }
}
@media (min-width: 690px) {
  .home .hero-container .button-group .demo {
    margin-left: 35px;
  }
}
.home .hero-container .button-group .demo svg {
  margin-left: 15px;
}
.home .hero-container .button-group .demo:hover {
  color: #115CFA;
  background: #fff;
}

.hero-scene {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}
@media (max-width: 999.98px) {
  .hero-scene {
    top: 70px;
  }
}
@media (min-width: 1000px) {
  .hero-scene {
    top: 120px;
  }
}
.hero-scene .ct-container {
  height: 100%;
  position: relative;
}
.hero-scene [class*=item] {
  position: absolute;
  transform: translateZ(0);
}
.hero-scene [class*=item] img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.hero-scene [class*=item]:before {
  display: block;
  content: "";
  width: 100%;
}
.hero-scene .item-1 {
  width: 11.2403101%;
  top: 8.19672131%;
  left: 2.71317829%;
}
.hero-scene .item-1:before {
  padding-bottom: 100%;
}
.hero-scene .item-2 {
  width: 27.1317829%;
  top: 45.9016393%;
  right: -3.10077519%;
  z-index: 2;
}
.hero-scene .item-2:before {
  padding-bottom: 100%;
}
.hero-scene .item-3 {
  width: 42.6356589%;
  right: -0.7751938%;
  bottom: -19.6721311%;
  z-index: 1;
}
@media (max-width: 999.98px) {
  .hero-scene .item-3 {
    display: none;
  }
}
.hero-scene .item-3:before {
  padding-bottom: 90.9090909%;
}

.theme-screens {
  position: relative;
  z-index: 1;
  will-change: transform;
}
.theme-screens.composition-block {
  --compRatio: 43%;
  max-width: 1550px;
  margin: 0 auto;
}
@media (max-width: 689.98px) {
  .theme-screens.composition-block {
    min-width: 400px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.theme-screens [class*=item] {
  --compItemBorderRadius: 4px;
  transition: transform 0.3s ease-in-out;
}
.theme-screens [class*=item]:hover {
  transform: translateY(-5px);
}
.theme-screens .item-1 {
  --compItemRatio: 166.666667%;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 30.9677419%;
  box-shadow: 0 8px 160px 0 rgba(22, 12, 12, 0.3);
}
.theme-screens .item-2,
.theme-screens .item-3 {
  --compItemRatio: 168.292683%;
  z-index: 3;
  top: 16.9230769%;
  max-width: 26.4516129%;
  box-shadow: 0 7px 137px 0 rgba(22, 12, 12, 0.3);
}
.theme-screens .item-2 {
  right: 17.4193548%;
}
.theme-screens .item-3 {
  left: 17.4193548%;
}
.theme-screens .item-4,
.theme-screens .item-5 {
  --compItemRatio: 137.142857%;
  z-index: 2;
  top: 33.8461538%;
  max-width: 25.5806452%;
  box-shadow: 0 7px 137px 0 rgba(22, 12, 12, 0.3);
}
.theme-screens .item-4 {
  right: 2vw;
}
.theme-screens .item-5 {
  left: 2vw;
}
.theme-screens .item-6,
.theme-screens .item-7 {
  --compItemRatio: 137.142857%;
  z-index: 1;
  top: 52%;
  max-width: 20%;
  box-shadow: 0 7px 137px 0 rgba(22, 12, 12, 0.1);
}
.theme-screens .item-6 {
  right: -8%;
}
.theme-screens .item-7 {
  left: -8%;
}

.featured-on {
  background: #051923;
  padding: 70px 0;
}
.featured-on h6 {
  --theme-font-size: 15px;
  --theme-letter-spacing: 0.45px;
  --theme-heading-color: #fff;
  opacity: 0.5;
  text-align: center;
  margin-bottom: 40px;
}

.featured-on-logo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: -40px;
  margin-left: -35px;
  margin-right: -35px;
}
@media (max-width: 479.98px) {
  .featured-on-logo {
    flex-direction: column;
  }
}
.featured-on-logo img {
  margin: 40px 35px 0 35px;
}

.performance-section {
  text-align: center;
  border-bottom: 1px solid rgba(223, 228, 230, 0.6);
}
@media (max-width: 479.98px) {
  .performance-section {
    padding: 80px 0 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .performance-section {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .performance-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .performance-section {
    padding: 100px 0;
  }
}

.progress-bars {
  grid-row-gap: 70px;
  margin: 50px auto 0 auto;
  padding: 0;
  list-style: none;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .progress-bars {
    grid-column-gap: 60px;
  }
}
@media (min-width: 1000px) {
  .progress-bars {
    grid-column-gap: 11%;
  }
}

.progress-top {
  display: flex;
  justify-content: space-between;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 15px;
}

.progress-bar {
  position: relative;
  width: 100%;
  height: 10px;
  overflow: hidden;
  border-radius: 15px;
  background-color: #E7EBF0;
}
.progress-bar:before {
  content: "";
  display: block;
  width: var(--progress);
  height: inherit;
  border-radius: inherit;
  background-color: #115CFA;
}

.key-features {
  color: #fff;
  text-align: center;
  background: #115CFA;
}
@media (max-width: 479.98px) {
  .key-features {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .key-features {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .key-features {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .key-features {
    padding: 130px 0;
  }
}
.key-features h2, .key-features h5 {
  color: inherit;
}

.features {
  margin: 70px 0 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 689.98px) {
  .features {
    grid-row-gap: 50px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .features {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
}
@media (min-width: 1000px) {
  .features {
    grid-column-gap: 60px;
    grid-row-gap: 90px;
  }
}
.features i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background-color: #2872FA;
}
.features h5 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.features p {
  opacity: 0.8;
}

.builders-section {
  border-bottom: 1px solid rgba(223, 228, 230, 0.6);
}
@media (max-width: 479.98px) {
  .builders-section {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .builders-section {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .builders-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .builders-section {
    padding: 130px 0;
  }
}
.builders-section .builders-text {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}
.builders-section .builders-text span {
  font-weight: 400;
  display: block;
}
@media (max-width: 999.98px) {
  .builders-section .builders-text {
    margin-bottom: 50px;
  }
}
@media (min-width: 1000px) {
  .builders-section .builders-text {
    margin-bottom: 70px;
  }
}
.builders-section .builders {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 689.98px) {
  .builders-section .builders {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
}
@media (max-width: 999.98px) {
  .builders-section .builders {
    grid-row: 2;
  }
}
@media (min-width: 690px) {
  .builders-section .builders {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}
.builders-section .builders li {
  position: relative;
}
.builders-section .builders li:before {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: 85%;
}
.builders-section .builders li div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 689.98px) {
  .builders-section .builders li div img {
    max-height: 40px;
    margin-bottom: 20px;
  }
}
@media (min-width: 690px) {
  .builders-section .builders li div img {
    min-height: 70px;
    margin-bottom: 30px;
  }
}
.builders-section .builders li div h5 {
  opacity: 0.7;
  margin-bottom: 0;
}
@media (max-width: 689.98px) {
  .builders-section .builders li div h5 {
    font-size: 14px;
    font-weight: 500;
  }
}
.builders-section .builders li.active {
  border-radius: 10px;
  box-shadow: 0 30px 100px 0 rgba(193, 199, 212, 0.4);
}

@media (max-width: 479.98px) {
  .customizer-section {
    padding: 60px 0 10px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .customizer-section {
    padding: 80px 0 0 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .customizer-section {
    padding: 100px 0 0 0;
  }
}
@media (min-width: 1000px) {
  .customizer-section {
    padding: 140px 0;
  }
}
@media (max-width: 689.98px) {
  .customizer-section .ct-container > .col-lg-2 {
    grid-row-gap: 50px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .customizer-section .ct-container > .col-lg-2 {
    grid-row-gap: 80px;
  }
}
.customizer-section[data-mode=dark] .mode-toggle {
  background: #2872fa;
}
.customizer-section[data-mode=dark] .mode-toggle:before {
  margin-left: 15px;
}

@media (max-width: 999.98px) {
  .customizer-text {
    text-align: center;
  }
}
.customizer-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 689.98px) {
  .customizer-text ul {
    grid-row-gap: 50px;
    margin-top: 50px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .customizer-text ul {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
}
@media (min-width: 690px) {
  .customizer-text ul {
    margin-top: 80px;
  }
}
@media (min-width: 1000px) {
  .customizer-text ul {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
}
.customizer-text ul h5 {
  margin-bottom: 15px;
}
.customizer-text ul p {
  font-weight: 300;
}

.customizer-img {
  position: relative;
}

@media (min-width: 1000px) {
  .customizer-mode {
    position: absolute;
    width: 1400px;
    height: 100%;
    top: -70px;
    left: 0;
  }
}
.customizer-mode .dark-img {
  display: none;
}

.switch-container {
  display: flex;
  align-items: center;
}
@media (max-width: 689.98px) {
  .switch-container {
    margin-top: 50px;
  }
}
@media (min-width: 690px) {
  .switch-container {
    margin-top: 80px;
  }
}
@media (max-width: 999.98px) {
  .switch-container {
    flex-direction: column;
    text-align: center;
  }
}
.switch-container i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #1D2B35;
  border-radius: 100%;
}
@media (max-width: 999.98px) {
  .switch-container i {
    margin-bottom: 30px;
  }
}
@media (min-width: 1000px) {
  .switch-container i {
    margin-right: 30px;
  }
}
.switch-container i svg {
  fill: #fff;
}
.switch-container h5 {
  --theme-font-size: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  color: rgba(29, 43, 53, 0.8);
}
@media (max-width: 999.98px) {
  .switch-container h5 {
    justify-content: center;
  }
}

.mode-toggle {
  display: flex;
  align-items: center;
  position: relative;
  width: 35px;
  height: 20px;
  background: #1c2b34;
  border-radius: 50px;
  padding: 0 3px;
  margin-left: 25px;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.2s ease;
}
.mode-toggle:before {
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 100%;
  transition: margin 0.2s ease;
}

.header-section {
  background-color: #ffffff;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23e0e0e8' fill-opacity='0.5'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 35.5% 51%;
  box-shadow: inset 0px 0px 70px 40px #fff;
}
@media (max-width: 479.98px) {
  .header-section {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .header-section {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .header-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .header-section {
    padding: 130px 0;
  }
}
.header-section .header-text {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}
.header-section .composition-block {
  --compRatio: 60.9230769%;
  --compItemBackground: transparent;
  margin-bottom: 50px;
}
@media (max-width: 689.98px) {
  .header-section .composition-block {
    min-width: 500px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.header-section .header-scene {
  --compItemRatio: 60.9230769%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.header-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 689.98px) {
  .header-section ul {
    grid-row-gap: 50px;
  }
}
@media (max-width: 999.98px) {
  .header-section ul {
    text-align: center;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .header-section ul {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
}
@media (min-width: 1000px) {
  .header-section ul {
    grid-column-gap: 40px;
    grid-row-gap: 50px;
  }
}
.header-section ul h5 {
  margin-bottom: 15px;
}
.header-section ul p {
  font-weight: 300;
}

@media (max-width: 479.98px) {
  .fonts-section {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .fonts-section {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .fonts-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .fonts-section {
    padding: 130px 0;
  }
}
@media (max-width: 999.98px) {
  .fonts-section > div > .col-lg-2 {
    grid-row-gap: 70px;
    text-align: center;
  }
}
@media (min-width: 1000px) {
  .fonts-section > div > .col-lg-2 {
    grid-column-gap: 70px;
  }
  .fonts-section > div > .col-lg-2 > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (max-width: 999.98px) {
  .fonts-text {
    grid-row: 1;
  }
}
.fonts-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 689.98px) {
  .fonts-text ul {
    grid-row-gap: 50px;
    margin-top: 50px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .fonts-text ul {
    grid-column-gap: 60px;
  }
}
@media (min-width: 690px) {
  .fonts-text ul {
    margin-top: 80px;
  }
}
@media (min-width: 1000px) {
  .fonts-text ul {
    grid-column-gap: 40px;
  }
}
.fonts-text ul h5 {
  margin-bottom: 15px;
}
.fonts-text ul p {
  font-weight: 300;
}

.fonts-img {
  pointer-events: none;
}
@media (max-width: 999.98px) {
  .fonts-img {
    grid-row: 2;
  }
}
.fonts-img .composition-block {
  --compRatio: 124.038%;
}
@media (max-width: 999.98px) {
  .fonts-img .composition-block {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media (min-width: 1000px) {
  .fonts-img .composition-block {
    max-width: 520px;
  }
}
.fonts-img [class*=item] {
  --compItemRatio: 151.943464%;
  width: 54.4230769%;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.19);
}
.fonts-img .item-1 {
  z-index: 3;
  top: 0;
  left: 30.192%;
}
.fonts-img .item-2 {
  z-index: 2;
  top: 19.379%;
  left: 0;
}
.fonts-img .item-3 {
  z-index: 1;
  top: 33.333%;
  right: 0;
  opacity: 0.6;
}

@media (max-width: 479.98px) {
  .archives-section {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .archives-section {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .archives-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .archives-section {
    padding: 130px 0;
  }
}
.archives-section > div > [class*=col] {
  grid-column-gap: 60px;
}
.archives-section h5 {
  margin-bottom: 20px;
}
@media (max-width: 689.98px) {
  .archives-section h5 {
    margin-top: 50px;
  }
}
@media (min-width: 690px) {
  .archives-section h5 {
    margin-top: 80px;
  }
}
.archives-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 689.98px) {
  .archives-section ul {
    grid-column-gap: 5vw;
    grid-row-gap: 6vw;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .archives-section ul {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 370px;
  }
}
@media (min-width: 1000px) {
  .archives-section ul {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 370px;
  }
}
.archives-section ul li img {
  margin: 0 auto;
}

@media (max-width: 689.98px) {
  .archives-text {
    text-align: center;
  }
}

.archives-images {
  position: relative;
  pointer-events: none;
}
@media (max-width: 689.98px) {
  .archives-images {
    display: none;
  }
}
.archives-images .composition-block {
  --compRatio: 97.297297%;
  position: absolute;
  left: 0;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .archives-images .composition-block {
    top: -20px;
    width: 600px;
  }
}
@media (min-width: 1000px) {
  .archives-images .composition-block {
    top: -80px;
    width: 740px;
  }
}
.archives-images .grid-card {
  --compItemRatio: 151.627907%;
  max-width: 58.1081081%;
  top: 0;
  right: 0;
  border-radius: 10px;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.19);
}
.archives-images .simple-card {
  --compItemRatio: 52.1669342%;
  max-width: 84.1891892%;
  left: 0;
  bottom: 0;
  box-shadow: 0 20px 70px 0 rgba(38, 47, 67, 0.19);
}

@media (max-width: 479.98px) {
  .single-section {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .single-section {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .single-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .single-section {
    padding: 130px 0;
  }
}
.single-section > div > .col-lg-2 {
  grid-column-gap: 90px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .single-section > div > .col-lg-2 {
    grid-column-gap: 50px;
  }
}

.single-image {
  display: flex;
  align-items: center;
  position: relative;
  pointer-events: none;
}
@media (max-width: 689.98px) {
  .single-image {
    display: none;
  }
}
.single-image .composition-block {
  --compRatio: 155%;
  max-width: 600px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .single-image .composition-block {
    position: absolute;
    width: 450px;
    right: 10px;
  }
}
.single-image .composition-block figure {
  --compItemRatio: 155%;
  top: 0;
  left: 0;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.19);
}

.single-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 689.98px) {
  .single-text {
    text-align: center;
  }
}
.single-text h2 {
  max-width: 450px;
}
@media (max-width: 999.98px) {
  .single-text h2 {
    margin-left: auto;
    margin-right: auto;
  }
}
.single-text h2 span {
  font-weight: 400;
}
.single-text h5 {
  margin-bottom: 20px;
}
@media (max-width: 689.98px) {
  .single-text h5 {
    margin-top: 50px;
  }
}
@media (min-width: 690px) {
  .single-text h5 {
    margin-top: 80px;
  }
}
.single-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 689.98px) {
  .single-text ul {
    grid-column-gap: 5vw;
    grid-row-gap: 6vw;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .single-text ul {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 690px) {
  .single-text ul {
    grid-column-gap: 40px;
    max-width: 505px;
  }
}
.single-text ul li img {
  margin: 0 auto;
}

.gutenberg-logo {
  display: flex;
  position: relative;
  background: url("https://creativethemes.com/blocksy/wp-content/uploads/2019/07/gutenberg-dots.svg");
  background-size: 76.5% 76.5%;
  background-repeat: no-repeat;
  background-position: top right;
}
@media (max-width: 689.98px) {
  .gutenberg-logo {
    width: 100%;
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }
}
@media (min-width: 690px) {
  .gutenberg-logo {
    width: 45%;
    max-width: 270px;
    margin-bottom: 60px;
  }
}
.gutenberg-logo:before {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: 100%;
}
.gutenberg-logo i {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 75.9259259%;
  height: 75.9259259%;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0 24px 80px 0 rgba(38, 47, 67, 0.1);
}
.gutenberg-logo i img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70.9230769%;
}
.gutenberg-logo i:before {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: 100%;
}

@media (max-width: 479.98px) {
  .background-section {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .background-section {
    padding: 80px 0;
  }
}
@media (max-width: 999.98px) {
  .background-section {
    text-align: center;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .background-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .background-section {
    padding: 130px 0;
  }
}
@media (max-width: 999.98px) {
  .background-section .ct-container > .col-lg-2 {
    grid-row-gap: 70px;
  }
}
.background-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 689.98px) {
  .background-section ul {
    margin-top: 50px;
    grid-row-gap: 50px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .background-section ul {
    grid-column-gap: 60px;
  }
}
@media (min-width: 690px) {
  .background-section ul {
    margin-top: 80px;
  }
}
@media (min-width: 1000px) {
  .background-section ul {
    grid-column-gap: 40px;
  }
}
.background-section ul h5 {
  margin-bottom: 15px;
}
.background-section ul p {
  font-weight: 300;
}

@media (min-width: 1000px) {
  .background-text {
    padding-top: 200px;
    padding-bottom: 70px;
  }
}

.background-scene {
  position: relative;
  pointer-events: none;
}
.background-scene .composition-block {
  --compRatio: 73.4513274%;
}
@media (max-width: 689.98px) {
  .background-scene .composition-block {
    --compPosition: absolute;
    width: 120vw;
    top: 0;
    left: -25vw;
  }
}
@media (min-width: 1000px) {
  .background-scene .composition-block {
    --compPosition: absolute;
    top: -40px;
    left: -200px;
    width: 1130px;
  }
}
@media (max-width: 689.98px) {
  .background-scene:before {
    content: "";
    width: 100%;
    display: block;
    padding-bottom: 100%;
  }
}
.background-scene .abstract-shape {
  --compItemRatio: 82.5396825%;
  --compItemBorderRadius: 0;
  --compItemBackground: transparent;
  max-width: 55.7522124%;
  top: 1.80722892%;
  left: 24.7787611%;
}
.background-scene .option-thumb {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  max-width: 7.07964602%;
  top: 9.6385542%;
  left: 63.7168142%;
  box-shadow: 0px 0px 0px 4px #fff, 0 20px 50px 0 rgba(176, 153, 127, 0.5);
}
.background-scene .option-thumb:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -50px;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background: #fff;
  transform: rotate(45deg);
}
.background-scene .option-thumb-2 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  max-width: 8.84955752%;
  top: 43.373494%;
  left: 20.3539823%;
  opacity: 0.8;
  box-shadow: 0px 0px 0px 4px #fff, 0 20px 50px 0 rgba(176, 153, 127, 0.5);
}
.background-scene .background-option {
  --compItemRatio: 181.355932%;
  z-index: 15;
  overflow: hidden;
  max-width: 26.1061947%;
  top: 24.0963855%;
  left: 45.1327434%;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.19);
}
.background-scene .background-option img {
  border-radius: 0;
}
.background-scene .background-option .option-top {
  z-index: 2;
}
.background-scene .background-option .options {
  top: 42px;
}
.background-scene .circle-dots {
  --compItemRatio: 100%;
  max-width: 18.0530973%;
  top: 75.4216867%;
  left: 36.6371681%;
  opacity: 0.4;
}
.background-scene .circle-1 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  z-index: 14;
  max-width: 10.619469%;
  top: 0%;
  left: 15.0442478%;
  opacity: 0.91;
  filter: blur(15px);
  background-image: linear-gradient(135deg, #F97794 0%, #623AA2 100%);
  box-shadow: 0 27px 90px 0 rgba(38, 47, 67, 0.25);
}
.background-scene .circle-2 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  z-index: 14;
  max-width: 4.42477876%;
  top: 14.4578313%;
  left: 84.9557552%;
  opacity: 0.7;
  background-image: linear-gradient(135deg, #FAB2FF 0%, #1904E5 100%);
  box-shadow: 0 27px 90px 0 rgba(38, 47, 67, 0.19);
}
.background-scene .circle-3 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  z-index: 14;
  max-width: 21.6814159%;
  top: 9.6385542%;
  left: 29.6460177%;
  background-image: linear-gradient(135deg, #FBDE90 0%, #F28385 100%);
  box-shadow: 0 27px 90px 0 rgba(38, 47, 67, 0.25);
}
.background-scene .circle-4 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  z-index: 14;
  max-width: 3.98230088%;
  top: 31.9277108%;
  left: 0%;
  filter: blur(8px);
  opacity: 0.72;
  background-image: linear-gradient(135deg, #5EFCE8 0%, #736EFE 100%);
  box-shadow: 0 22px 72px 0 rgba(38, 47, 67, 0.47);
}
.background-scene .circle-5 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  z-index: 14;
  max-width: 13.2743363%;
  top: 31.9277108%;
  left: 65.0442478%;
  background-image: linear-gradient(135deg, #FEB692 0%, #EA5455 100%);
  box-shadow: 0 27px 90px 0 rgba(38, 47, 67, 0.19);
}
.background-scene .circle-6 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  z-index: 14;
  max-width: 11.5044248%;
  top: 53.0120482%;
  left: 35.840708%;
  background-image: linear-gradient(135deg, #31E6DA 0%, #617DE7 100%);
  box-shadow: 0 27px 90px 0 rgba(38, 47, 67, 0.15);
}
.background-scene .circle-7 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  z-index: 14;
  max-width: 10.619469%;
  top: 54.8192771%;
  right: 0;
  filter: blur(16px);
  background-image: linear-gradient(135deg, #4AE398 0%, #42B2B7 100%);
  box-shadow: 0 27px 90px 0 rgba(38, 47, 67, 0.19);
}
.background-scene .circle-8 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  z-index: 14;
  max-width: 8.84955752%;
  top: 69.8795181%;
  left: 66.3716814%;
  background-image: linear-gradient(135deg, #2ECDDC 0%, #592D79 100%);
  box-shadow: 0 27px 90px 0 rgba(38, 47, 67, 0.15);
}
.background-scene .circle-9 {
  --compItemRatio: 100%;
  --compItemBorderRadius: 100%;
  z-index: 14;
  max-width: 3.98230088%;
  top: 79.5180723%;
  left: 16.3716814%;
  background-image: linear-gradient(135deg, #F454A1 0%, #FD787A 100%);
  box-shadow: 0 24px 81px 0 rgba(38, 47, 67, 0.15);
}

@media (max-width: 479.98px) {
  .colors-section {
    padding: 60px 0;
    background: #fafafd;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .colors-section {
    padding: 80px 0;
    background: #fafafd;
  }
}
@media (max-width: 999.98px) {
  .colors-section {
    text-align: center;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .colors-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .colors-section {
    padding: 130px 0;
  }
}
.colors-section h1 {
  display: flex;
}
@media (max-width: 999.98px) {
  .colors-section h1 {
    flex-direction: column;
    align-items: center;
  }
}
.colors-section h1 img {
  opacity: 0.8;
}
@media (max-width: 689.98px) {
  .colors-section h1 img {
    max-width: 80px;
  }
}
@media (max-width: 999.98px) {
  .colors-section h1 img {
    margin-bottom: 40px;
  }
}
@media (min-width: 1000px) {
  .colors-section h1 img {
    margin-right: 40px;
  }
}
.colors-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 689.98px) {
  .colors-section ul {
    margin-top: 50px;
    grid-row-gap: 50px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .colors-section ul {
    grid-column-gap: 60px;
  }
}
@media (min-width: 690px) {
  .colors-section ul {
    margin-top: 80px;
  }
}
@media (min-width: 1000px) {
  .colors-section ul {
    grid-column-gap: 40px;
  }
}
.colors-section ul h5 {
  margin-bottom: 15px;
}
.colors-section ul p {
  font-weight: 300;
}

@media (min-width: 1000px) {
  .colors-text {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

.colors-scene {
  position: relative;
}
@media (max-width: 999.98px) {
  .colors-scene {
    display: none;
  }
}
.colors-scene svg {
  top: 0;
  left: -100px;
  position: absolute;
}
.colors-scene [class*=shape] {
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.colors-scene .shape-0 {
  opacity: 0.3426;
  fill: url(#abstract-shape_1_);
}
.colors-scene .shape-1 {
  fill: #FFEACF;
}
.colors-scene .shape-2 {
  filter: url(#blur);
  fill: url(#shape9_blur_1_);
}
.colors-scene .shape-3 {
  filter: url(#blur);
  fill: url(#shape8_blur_1_);
}
.colors-scene .shape-4 {
  filter: url(#blur-2);
  fill: url(#shape7_blur_1_);
}
.colors-scene .shape-5 {
  fill: url(#shape6_1_);
}
.colors-scene .shape-6 {
  fill: url(#shape5_2_);
}
.colors-scene .shape-7 {
  fill: url(#shape4_1_);
}
.colors-scene .shape-8 {
  fill: url(#shape3_1_);
}
.colors-scene .shape-9 {
  fill: url(#shape2_1_);
}
.colors-scene .shape-10 {
  fill: url(#shape1_1_);
}

@media (max-width: 479.98px) {
  .shop-section {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .shop-section {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .shop-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .shop-section {
    padding: 130px 0;
  }
}
@media (max-width: 689.98px) {
  .shop-section > div > div {
    grid-row-gap: 50px;
  }
}

@media (max-width: 689.98px) {
  .shop-text {
    grid-row: 2;
    text-align: center;
  }
}
@media (min-width: 690px) {
  .shop-text {
    grid-column: span 1;
  }
}
@media (min-width: 1000px) {
  .shop-text {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.shop-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .shop-text ul {
    max-width: 90%;
  }
}
@media (min-width: 1000px) {
  .shop-text ul {
    max-width: 330px;
  }
}
@media (max-width: 689.98px) {
  .shop-text ul li {
    margin-top: 50px;
  }
}
@media (min-width: 690px) {
  .shop-text ul li {
    margin-top: 50px;
  }
}
.shop-text ul h5 {
  font-size: 17px;
  margin-bottom: 10px;
}
.shop-text ul p {
  font-weight: 300;
}
.shop-text ul p:last-child {
  margin-bottom: 0;
}
.shop-text .ct-button {
  --theme-button-padding: 0 25px;
  --theme-button-min-height: 60px;
  --theme-button-font-size: 16px;
  --theme-button-border-radius: 8px;
}

.shop-images {
  pointer-events: none;
  position: relative;
}
@media (max-width: 689.98px) {
  .shop-images {
    grid-row: 1;
  }
  .shop-images:before {
    content: "";
    width: 100%;
    display: block;
    padding-bottom: 125%;
  }
}
@media (min-width: 1000px) {
  .shop-images {
    grid-column: span 2;
  }
}
.shop-images .composition-block {
  --compRatio: 97.8165939%;
  --compItemBorderRadius: 8px;
}
@media (max-width: 689.98px) {
  .shop-images .composition-block {
    --compPosition: absolute;
    width: 110vw;
    top: 0;
    left: -10vw;
  }
}
@media (min-width: 690px) {
  .shop-images .composition-block {
    --compPosition: absolute;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .shop-images .composition-block {
    width: 830px;
    top: 30px;
  }
}
@media (min-width: 1000px) {
  .shop-images .composition-block {
    top: -50px;
    left: 0;
    width: 1145px;
  }
}
.shop-images [class*=item-card] {
  --compItemRatio: 178.682171%;
  max-width: 22.5327511%;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.19);
}
.shop-images .item-card-1 {
  top: 0;
  left: 52.0524017%;
  opacity: 0.35;
}
.shop-images .item-card-2 {
  top: 44.6428571%;
  left: 52.0524017%;
  opacity: 0.7;
}
.shop-images .item-card-3 {
  top: 58.8392857%;
  left: 26.0262009%;
  opacity: 0.35;
}
.shop-images .item-card-4 {
  top: 38.4279476%;
  left: 0;
  opacity: 0.9;
}
.shop-images .item-card-5 {
  top: 14.1964286%;
  left: 26.0262009%;
  box-shadow: none;
}
.shop-images .item-card-5 img {
  opacity: 0.7;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.19);
}
.shop-images .item-quick-view {
  --compItemRatio: 65.9513591%;
  z-index: 1;
  max-width: 61.0480349%;
  top: 33.3035714%;
  left: 38.9519651%;
  box-shadow: -50px 50px 100px 0 rgba(38, 47, 67, 0.5);
}
.shop-images .item-quick-view:after,
.shop-images .item-quick-view span:before,
.shop-images .item-quick-view span:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #3e515e;
}
.shop-images .item-quick-view span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.shop-images .item-quick-view span:before {
  top: -3px;
  left: -3px;
}
.shop-images .item-quick-view span:after {
  top: -4.5px;
  right: -4px;
}
.shop-images .item-quick-view:after {
  left: -3px;
  bottom: -3px;
}
.shop-images .item-quantity {
  --compItemRatio: 30.7692308%;
  --compItemBorderRadius: 3px;
  max-width: 11.3537118%;
  top: 85%;
  left: 11.1790393%;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.19);
}
.shop-images .item-filter {
  --compItemRatio: 20.2857143%;
  max-width: 30.5676856%;
  top: 89.2857143%;
  left: 52.0524017%;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.19);
}

.dashed-line {
  position: absolute;
}
.dashed-line[data-placement*=no] {
  opacity: 0;
}
.dashed-line[data-placement=top-left] {
  top: 0;
  left: 0;
}
.dashed-line[data-placement=bottom-left] {
  top: 100%;
  left: 0;
}
.dashed-line[data-placement="bottom-left:reverse"] {
  bottom: 0;
  left: 0;
}
.dashed-line[data-placement="bottom-left:reverse"] svg {
  transform: rotateX(180deg);
}
.dashed-line[data-placement="bottom-left:reverse"]:before {
  top: initial;
  bottom: -4.5px;
}
.dashed-line[data-placement=top-right] {
  top: 0;
  left: 100%;
}
.dashed-line svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.dashed-line:before {
  position: absolute;
  content: "";
  top: -4.5px;
  left: -4px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #3e515e;
}

@media (max-width: 479.98px) {
  .core-features {
    padding: 60px 0;
    background: #fafafd;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .core-features {
    padding: 80px 0;
    background: #fafafd;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .core-features {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .core-features {
    padding: 130px 0;
  }
}
.core-features ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 689.98px) {
  .core-features ul {
    grid-row-gap: 50px;
  }
}
@media (max-width: 999.98px) {
  .core-features ul {
    text-align: center;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .core-features ul {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
}
@media (min-width: 1000px) {
  .core-features ul {
    grid-column-gap: 40px;
    grid-row-gap: 50px;
  }
}
.core-features ul h5 {
  font-size: 17px;
  margin-bottom: 10px;
}
.core-features ul p {
  font-weight: 300;
}

.features-text {
  max-width: 750px;
  margin: 0 auto 60px auto;
  text-align: center;
}

.technologies-section {
  position: relative;
  text-align: center;
  isolation: isolate;
}
@media (max-width: 479.98px) {
  .technologies-section {
    padding-block: 60px;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .technologies-section {
    padding-block: 80px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .technologies-section {
    padding-block: 100px;
  }
}
@media (min-width: 1000px) {
  .technologies-section {
    padding-block: 130px 200px;
  }
}
.technologies-section .ct-container {
  position: relative;
  z-index: 2;
}
.technologies-section h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.technologies-section h2 span {
  font-weight: 400;
}
@media (min-width: 690px) {
  .technologies-section h2 span {
    font-size: 33px;
  }
}
.technologies-section .sub-heading {
  margin-bottom: 70px;
}
.technologies-section ul {
  grid-column-gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 999.98px) {
  .technologies-section ul {
    grid-row-gap: 30px;
  }
  .technologies-section ul.col-lg-3 {
    margin-bottom: 30px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .technologies-section ul {
    max-width: 70%;
    margin: 0 auto;
  }
}
@media (min-width: 1000px) {
  .technologies-section ul.col-lg-2 {
    max-width: 850px;
    margin: 30px auto 0 auto;
  }
}
.technologies-section ul.col-lg-2 li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.technologies-section ul.col-lg-2 li img {
  opacity: 0.8;
  margin-right: 25px;
}
.technologies-section ul li {
  padding: 50px 40px;
  background: #FFFFFF;
  border-radius: 7px;
  box-shadow: 0 20px 80px 0 rgba(193, 199, 212, 0.25);
}
.technologies-section ul li img {
  display: inline-flex;
}
.technologies-section ul li h5 {
  font-size: 20px;
  font-weight: 500;
  margin: 20px 0 14px 0;
}
.technologies-section ul li p {
  font-weight: 300;
}

.technologies-system-container {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.solar-system {
  position: relative;
  width: 100%;
}
@media (max-width: 689.98px) {
  .solar-system {
    width: 150vw;
    top: 10vw;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media (min-width: 690px) {
  .solar-system {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}
.solar-system:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.solar-system > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin: auto;
  border-radius: 100%;
}
.solar-system .circle1 {
  width: 100%;
  height: 100%;
  border: 1px solid #f5f5fe;
}
.solar-system .circle2 {
  width: 80%;
  height: 80%;
  border: 1px solid #ededfd;
}
.solar-system .circle2 span {
  flex-direction: row-reverse;
}
.solar-system .circle2 span:before {
  margin-right: -10px;
}
.solar-system .circle2 span:after {
  margin-left: -5px;
}
.solar-system .circle3 {
  width: 60%;
  height: 60%;
  border: 1px solid #f5f5fe;
}
.solar-system span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 20px;
}
.solar-system span:before, .solar-system span:after {
  content: "";
  border-radius: 100%;
}
.solar-system span:before {
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: #ebedf9;
}
.solar-system span:after {
  width: 10px;
  height: 10px;
  margin-right: -5px;
  background: #f1f3fb;
}

/* animation */
.solar-system span {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.solar-system.active span {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.circle1 span {
  -webkit-animation-duration: 80s;
          animation-duration: 80s;
}

.circle2 span {
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}

.circle3 span {
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
}

@-webkit-keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.testimonials-section {
  text-align: center;
}
@media (max-width: 479.98px) {
  .testimonials-section {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .testimonials-section {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .testimonials-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .testimonials-section {
    padding: 130px 0;
  }
}
.testimonials-section .sub-heading {
  margin-bottom: 110px;
}
.testimonials-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 999.98px) {
  .testimonials-section .flexy-container {
    max-width: var(--sm-MaxWidth);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 690px) {
  .testimonials-section .flexy-container {
    max-width: 850px;
    margin: 0 auto;
  }
}
.testimonials-section .flexy-container ul {
  margin: 0 -30px;
}
.testimonials-section .flexy-container ul li {
  padding: 0 30px;
}
@media (max-width: 689.98px) {
  .testimonials-section .flexy-pills {
    margin-top: 30px;
  }
}
@media (min-width: 690px) {
  .testimonials-section .flexy-pills {
    margin-top: 50px;
  }
}
.testimonials-section .ct-button {
  margin-top: 45px;
  border: 2px solid #f1f1f2;
  --theme-button-text-initial-color: var(--theme-text-color);
  --theme-button-background-initial-color: transparent;
}
.testimonials-section .ct-button:hover {
  border-color: var(--theme-button-background-hover-color);
}

.testimonial {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  min-height: 290px;
  background: #ffffff;
  border-radius: 15px;
  box-sizing: border-box;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.1);
}
@media (max-width: 689.98px) {
  .testimonial {
    padding: 50px 30px 30px 30px;
  }
}
@media (min-width: 690px) {
  .testimonial {
    padding: 90px 50px 50px 50px;
  }
}
.testimonial img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #f2f3f4;
  border-radius: 100%;
}
@media (max-width: 689.98px) {
  .testimonial img {
    top: -30px;
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 690px) {
  .testimonial img {
    top: -50px;
  }
}
.testimonial .rating {
  color: #f4b858;
  letter-spacing: 0.6em;
  padding-left: 0.6em;
}
.testimonial h5 {
  margin: 25px 0 0 0;
}
@media (max-width: 689.98px) {
  .testimonial h5 {
    margin-top: 40px;
  }
}

.testimonial-content {
  flex: 1;
  position: relative;
  margin-top: 20px;
}
.testimonial-content p {
  opacity: 0.8;
}
.testimonial-content p:not(:first-child) {
  margin-top: 15px;
}
@media (max-width: 689.98px) {
  .testimonial-content p {
    font-size: 16px;
    max-height: 80px;
    overflow: hidden;
  }
}
@media (min-width: 690px) {
  .testimonial-content p {
    font-size: 18px;
  }
}
.testimonial-content .more {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  font-size: 15px;
  color: var(--theme-palette-color-1);
}
@media (min-width: 690px) {
  .testimonial-content .more {
    display: none;
  }
}
.testimonial-content .more:hover {
  text-decoration: underline;
}

@media (max-width: 689.98px) {
  .testimonial-expanded .testimonial-content p {
    max-height: initial;
    overflow: visible;
  }
}
.testimonial-expanded .testimonial-content .more {
  display: none;
}

@media (max-width: 689.98px) {
  .cta-section {
    padding-bottom: 80px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .cta-section {
    padding-bottom: 100px;
  }
}
@media (min-width: 1000px) {
  .cta-section {
    padding-bottom: 130px;
  }
}

.cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: var(--ctaBackground, #115CFA);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 30px -10px rgba(17, 92, 250, 0.2);
}
@media (max-width: 689.98px) {
  .cta {
    padding: 45px 25px;
  }
}
@media (max-width: 999.98px) {
  .cta {
    flex-direction: column;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .cta {
    padding: 50px;
  }
}
@media (min-width: 1000px) {
  .cta {
    padding: 75px 10% 75px 16%;
  }
}
.cta:before {
  position: absolute;
  content: "";
  top: calc(50% - 99px);
  left: -140px;
  width: 240px;
  height: 198px;
  background: url("https://creativethemes.com/blocksy/wp-content/uploads/2019/07/cta-logo.svg");
  background-repeat: no-repeat;
}
@media (max-width: 999.98px) {
  .cta:before {
    display: none;
  }
}
@media (max-width: 999.98px) {
  .cta .cta-text {
    text-align: center;
    max-width: 85%;
    margin-bottom: 40px;
  }
  .cta .cta-text h2 {
    font-size: 23px;
  }
}
@media (min-width: 1000px) {
  .cta .cta-text {
    flex: 1;
    max-width: 550px;
    margin-right: 40px;
  }
  .cta .cta-text h2 {
    line-height: 1.25;
  }
}
.cta h2, .cta p {
  color: #fff;
  opacity: 1;
}
.cta .ct-button {
  --theme-button-min-height: 55px;
  --theme-button-padding: 0 25px;
  --theme-button-font-size: 18px;
  --theme-button-border-radius: 8px;
  --theme-button-background-initial-color: #051923;
  --theme-button-background-hover-color: #051923;
}
.cta .ct-button svg {
  fill: currentColor;
  margin-right: 15px;
}

.subscribe-section {
  background: #f4f5f8;
}
.subscribe-section .ct-container {
  padding-block: 70px;
  border-bottom: 1px solid #e6e7ea;
}

.subscribe-form-container {
  display: grid;
}
@media (max-width: 999.98px) {
  .subscribe-form-container {
    grid-gap: 30px;
  }
}
@media (min-width: 1000px) {
  .subscribe-form-container {
    grid-gap: 50px;
    grid-template-columns: 1fr 1fr;
  }
}
.subscribe-form-container .form-content .heading {
  font-size: 20px;
}
.subscribe-form-container .form-content .sub-heading {
  font-size: 17px;
}
.subscribe-form-container form {
  position: relative;
}
.subscribe-form-container form input.email {
  font-weight: 500;
  --theme-form-font-size: 15px;
  --theme-form-field-border-width: 3px;
  --theme-form-field-border-radius: 8px;
  --theme-form-field-padding: 0 150px 0 20px;
}
@media (max-width: 689.98px) {
  .subscribe-form-container form input.email {
    --theme-form-field-height: 60px;
  }
}
@media (min-width: 690px) {
  .subscribe-form-container form input.email {
    --theme-form-field-height: 66px;
  }
}
.subscribe-form-container form .subscribe-field-group {
  position: relative;
}
.subscribe-form-container form .subscribe-field-group .button {
  position: absolute;
  top: 8px;
  right: 8px;
  letter-spacing: 0.5px;
  --theme-button-border-radius: 4px;
  --theme-button-shadow: none;
  --theme-button-transform: none;
}
@media (max-width: 689.98px) {
  .subscribe-form-container form .subscribe-field-group .button {
    --theme-button-min-height: 44px;
  }
}
@media (min-width: 690px) {
  .subscribe-form-container form .subscribe-field-group .button {
    --theme-button-padding: 0 28px;
    --theme-button-min-height: 50px;
  }
}

#sib-form .form-gdpr-field {
  margin-top: 15px;
}
#sib-form .form-gdpr-field span {
  opacity: 0.7;
}
#sib-form .input--hidden {
  display: none;
}
#sib-form .newsletter-subscribe-message {
  font-size: 15px;
  color: rgba(52, 64, 72, 0.7);
}
#sib-form .newsletter-subscribe-message:not(:empty) {
  margin-top: 15px;
}
#sib-form button {
  gap: 0.5em;
}
#sib-form button span, #sib-form button svg {
  transition: opacity 0.2s ease;
}
#sib-form button svg {
  position: absolute;
  opacity: 0;
}
#sib-form.subscribe-loading button span {
  opacity: 0;
}
#sib-form.subscribe-loading button svg {
  opacity: 1;
}

main#main {
  overflow: hidden;
}

.support-actions ul {
  position: relative;
  z-index: 2;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 689.98px) {
  .support-actions ul {
    margin-top: -55px;
    grid-row-gap: 20px;
  }
}
@media (min-width: 690px) {
  .support-actions ul {
    margin-top: -90px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}
.support-actions ul li {
  position: relative;
}
.support-actions ul li a {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
@media (max-width: 689.98px) {
  .support-actions ul li a {
    min-height: 110px;
    padding: 20px 35px;
  }
}
@media (min-width: 690px) {
  .support-actions ul li a {
    min-height: 180px;
    padding: 30px 50px;
  }
}
@media (max-width: 689.98px) {
  .support-actions ul li a img {
    flex: 0 0 45px;
    max-width: 45px;
    margin-right: 30px;
  }
}
@media (min-width: 690px) {
  .support-actions ul li a img {
    flex: 0 0 65px;
    max-width: 65px;
    margin-right: 40px;
  }
}
.support-actions ul li a h5 {
  --fontWeight: 600;
  display: flex;
  align-items: center;
}
.support-actions ul li a h5 span {
  font-size: 13px;
  font-weight: 500;
  margin-left: 10px;
  opacity: 0.7;
}
@media (max-width: 689.98px) {
  .support-actions ul li a h5 {
    margin: 0;
  }
}
.support-actions ul li a p {
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 0;
  color: var(--theme-text-color);
}
@media (max-width: 689.98px) {
  .support-actions ul li a p {
    display: none;
  }
}
.support-actions ul li:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 10px;
  transition: transform 0.15s ease-in-out;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.15);
}
.support-actions ul li:hover:before {
  transform: scale3d(1.03, 1.05, 1);
}

.ticket-section {
  text-align: center;
}
@media (max-width: 689.98px) {
  .ticket-section {
    padding-top: 100px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .ticket-section {
    padding-top: 100px;
  }
}
@media (min-width: 1000px) {
  .ticket-section {
    padding-top: 100px;
  }
}
.ticket-section .sub-heading {
  max-width: 800px;
  margin: 0 auto;
}

.ct-ticket-form-container {
  text-align: center;
  max-width: 850px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #E8EBF0;
}
@media (max-width: 689.98px) {
  .ct-ticket-form-container {
    margin-bottom: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 690px) {
  .ct-ticket-form-container {
    margin-bottom: 100px;
    padding-bottom: 100px;
  }
}

.zendesk-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: left;
}
.zendesk-form p {
  --theme-content-spacing: 0;
}
.zendesk-form > p {
  grid-column: span 2;
}
@media (min-width: 690px) {
  .zendesk-form > p#zendesk_field_zen_name, .zendesk-form > p#zendesk_field_zen_email {
    grid-column: span 1;
  }
}
.zendesk-form > p label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 10px;
  color: rgba(29, 43, 53, 0.8);
}
.zendesk-form input, .zendesk-form textarea {
  --theme-form-field-border-width: 2px;
}
.zendesk-form input {
  --theme-form-field-height: 50px;
}
.zendesk-form #zendesk-field-terms {
  display: flex;
}
.zendesk-form #zendesk-field-terms input {
  top: 4px;
}
.zendesk-form #zendesk-field-terms label {
  margin: 0;
}
.zendesk-form #zendesk-field-terms label a {
  --theme-link-initial-color: var(--theme-text-color);
}
.zendesk-form #zendesk-field-terms label a:not(:hover) {
  text-decoration: underline;
}
.zendesk-form #zendesk_field_zen_files:before {
  display: block;
  content: "Attach Screenshots";
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  color: rgba(29, 43, 53, 0.8);
}
.zendesk-form #zendesk_field_zen_files label {
  padding: 20px 25px;
  margin-bottom: 0;
  cursor: pointer;
  border-radius: 5px;
  border: 2px dashed var(--theme-form-field-border-initial-color);
}
@media (min-width: 690px) {
  .zendesk-form #zendesk_field_zen_files label {
    display: flex;
    align-items: flex-start;
  }
}
.zendesk-form #zendesk_field_zen_files label span {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}
.zendesk-form #zendesk_field_zen_files label span:before {
  align-self: flex-start;
  content: "";
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin-top: 0.1em;
  margin-right: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 25'%3E%3Cpath id='Path' fill='none' stroke='%23115CFA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20.2,19c0,0,5,0,5.5,0c2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7c0,0,0,0,0,0c0-0.3,0.1-0.6,0.1-0.9 c0-4-3.3-7.3-7.3-7.3c-3.1,0-5.8,2-6.8,4.8C10.9,5.4,10,5,9,5C7,5,5.4,6.6,5.4,8.6c0,0.1,0,0.1,0,0.2c-2.2,0.6-3.8,2.6-3.8,5 c0,2.9,2.3,5.2,5.2,5.2c0.5,0,5,0,5,0'/%3E%3Cpolyline fill='none' stroke='%23115CFA' stroke-width='2' stroke-linecap='round' points='13,14.8 16,11.8 19,14.8 '/%3E%3Cpath fill='none' stroke='%23115CFA' stroke-width='2' stroke-linecap='round' d='M16,23.8V12'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
}
.zendesk-form #zendesk_field_zen_files input {
  position: absolute;
  display: none;
  visibility: hidden;
}
.zendesk-form #zendesk_field_zen_files .zrf_extra_info {
  display: none;
}
.zendesk-form .form-attachments {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.zendesk-form .form-attachments p {
  font-size: 13px;
  padding: 2px 10px;
  border-radius: 50px;
  margin: 4px;
  background: rgba(224, 229, 235, 0.7);
}
.zendesk-form #zendesk_field_zen_submit {
  margin-top: 10px;
}
.zendesk-form #zendesk_field_zen_submit button {
  gap: 10px;
  --theme-button-min-height: 50px;
  --theme-button-padding: 0 25px;
  --theme-button-font-size: 17px;
  --theme-button-font-weight: 600;
}
.zendesk-form #zendesk_field_zen_submit button:not([disabled]) svg {
  display: none;
}

#zendesk-confirmation {
  max-width: 750px;
  margin-block: 50px 150px;
  margin-inline: auto;
  padding: 70px 50px;
  border-radius: 7px;
  border: 1px solid rgba(226, 230, 235, 0.8);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
}
#zendesk-confirmation p:last-of-type {
  margin-bottom: 0;
}

#support-container .hero-content {
  --padding: 30px 0 100px 0;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

#changelog-container .hero-content {
  --padding: 30px 0 100px 0;
}

[class*=hero-tabs] {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media (max-width: 689.98px) {
  [class*=hero-tabs] {
    margin-top: -50px;
  }
}
@media (min-width: 690px) {
  [class*=hero-tabs] {
    margin-top: -70px;
  }
}
[class*=hero-tabs] a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  width: 48%;
  color: #1D2B35;
  letter-spacing: 0.3px;
  transition: color 0.2s ease, font-size 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
[class*=hero-tabs] a span {
  margin-right: 8px;
}
@media (max-width: 689.98px) {
  [class*=hero-tabs] a {
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 7px 7px 0 0;
  }
  [class*=hero-tabs] a:not(:last-child) {
    margin-right: 10px;
  }
}
@media (min-width: 690px) {
  [class*=hero-tabs] a {
    height: 70px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
  }
  [class*=hero-tabs] a:not(:last-child) {
    margin-right: 15px;
  }
  [class*=hero-tabs] a:not(.active) {
    transform: translate3d(0, 5px, 0);
  }
  [class*=hero-tabs] a:not(.active):hover {
    transform: translate3d(0, 0, 0);
  }
}
[class*=hero-tabs] a.active {
  background: #FFFFFF;
}
[class*=hero-tabs] a.active:hover {
  color: #1D2B35;
}
[class*=hero-tabs] a:not(.active) {
  color: #fff;
  background: #2786FF;
}
[class*=hero-tabs] a:not(.active):hover {
  background: #3b91ff;
}

.changelog-container {
  list-style: none;
  margin: 0;
  padding: 0;
}
.changelog-container > li:not(.active) {
  display: none;
}
.changelog-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.changelog-container ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
@media (max-width: 689.98px) {
  .changelog-container ul li span {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 690px) {
  .changelog-container ul li span {
    width: 40px;
    height: 40px;
  }
}
.changelog-container ul li span:before {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.changelog-container ul li .improvement {
  background: #ffc568;
}
.changelog-container ul li .improvement:before {
  content: "I";
}
.changelog-container ul li .fix {
  background: #478afb;
}
.changelog-container ul li .fix:before {
  content: "F";
}
.changelog-container ul li .new {
  background: #46bf55;
}
.changelog-container ul li .new:before {
  content: "N";
}

.changelog-top {
  text-align: center;
  margin-top: 60px;
}
@media (max-width: 689.98px) {
  .changelog-top {
    margin-bottom: 50px;
  }
}
@media (min-width: 690px) {
  .changelog-top {
    margin-bottom: 80px;
  }
}
.changelog-top h1 {
  margin-bottom: 25px;
}
@media (max-width: 689.98px) {
  .changelog-top h1 {
    font-size: 30px;
  }
}
.changelog-top ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-weight: 500;
}
@media (max-width: 689.98px) {
  .changelog-top ul {
    justify-content: space-between;
  }
}
.changelog-top ul li {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0;
}
@media (max-width: 689.98px) {
  .changelog-top ul li:not(:last-child) {
    margin-right: 30px;
  }
}
@media (min-width: 690px) {
  .changelog-top ul li:not(:last-child) {
    margin-right: 60px;
  }
}
.changelog-top ul li span {
  margin-right: 15px;
}

.changelog-items section {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.changelog-items section:first-child {
  border-top: 1px dashed #e6e9ef;
}
.changelog-items section:not(:last-child) {
  border-bottom: 1px dashed #e6e9ef;
}
.changelog-items section:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  box-shadow: 0px 30px 90px 0px rgba(210, 213, 218, 0.5);
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 1000px) {
  .changelog-items section:after {
    left: -15px;
    right: -15px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .changelog-items section:after {
    left: -5px;
    right: -5px;
  }
}
@media (max-width: 689.98px) {
  .changelog-items section:after {
    display: none;
  }
}
.changelog-items section.active:after {
  opacity: 1;
  transform: scale3d(1.1, 1.05, 1);
}
.changelog-items h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  margin-bottom: 30px;
}
@media (max-width: 689.98px) {
  .changelog-items h2 {
    font-size: 16px;
  }
}
.changelog-items h2 > span {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
}
@media (min-width: 690px) {
  .changelog-items h2 > span {
    padding: 5px 20px;
    border-radius: 50px;
    background: rgba(238, 240, 244, 0.6);
  }
}
@media (max-width: 689.98px) {
  .changelog-items h2 > span span {
    display: none;
  }
}
.changelog-items h2,
.changelog-items .ct-release-info {
  position: relative;
  z-index: 2;
}
.changelog-items ul li {
  position: relative;
}
@media (max-width: 689.98px) {
  .changelog-items ul li {
    padding-left: 50px;
  }
}
@media (min-width: 690px) {
  .changelog-items ul li {
    padding-left: 60px;
  }
}
.changelog-items ul li > span {
  position: absolute;
  left: 0;
}
@media (max-width: 689.98px) {
  .changelog-items ul li > span {
    top: 0;
  }
}
@media (min-width: 690px) {
  .changelog-items ul li > span {
    top: -6px;
  }
}
.changelog-items ul li:not(:last-child) {
  margin-bottom: 35px;
}

#documentation-container .hero-content .entry-meta {
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.6);
  --theme-font-size: 13px;
  --theme-font-weight: 600;
  --theme-text-transform: uppercase;
  --theme-letter-spacing: 0.01em;
}
#documentation-container .hero-content .ct-breadcrumbs {
  margin-top: 10px;
  --theme-text-color: rgba(255, 255, 255, 0.6);
  --theme-link-initial-color: rgba(255, 255, 255, 0.8);
  --theme-link-hover-color: #fff;
}

.doc-categories {
  padding: 100px 0 80px 0;
}
.doc-categories h6 {
  --theme-font-size: 14px;
  margin-bottom: 22px;
}
.doc-categories ul {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .doc-categories ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .doc-categories ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.doc-categories ul li > a {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
  min-height: 250px;
  padding: 40px 40px 0 40px;
  border-radius: 6px;
  color: var(--theme-text-color);
  border: 1px solid rgba(226, 230, 235, 0.7);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.doc-categories ul li > a img {
  max-width: 60px;
  margin: 0 auto 10px auto;
}
.doc-categories ul li > a h5 {
  --theme-font-size: 18px;
  margin-bottom: 15px;
}
.doc-categories ul li > a p {
  font-size: 15px;
  opacity: 0.8;
  margin-bottom: 30px;
}
.doc-categories ul li > a:hover {
  --theme-link-hover-color: var(--theme-text-color);
  transform: translateY(-5px);
  border-color: rgba(226, 230, 235, 0.6);
  box-shadow: 0px 30px 90px 0px rgba(143, 163, 184, 0.2);
}

.docs-actions {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  margin-left: -40px;
  margin-right: -40px;
  padding: 25px 40px;
  font-size: 15px;
  font-weight: 500;
  border-top: 1px solid rgba(226, 230, 235, 0.7);
}
.docs-actions span:hover {
  color: var(--theme-link-hover-color);
}

.doc-downloads {
  padding-bottom: 130px;
}
.doc-downloads h6 {
  --theme-font-size: 14px;
  margin-bottom: 22px;
}
.doc-downloads ul {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 690px) {
  .doc-downloads ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.doc-downloads ul a {
  display: flex;
  flex-direction: column;
  padding: 30px 30px;
  border-radius: 6px;
  color: var(--theme-text-color);
  border: 1px solid rgba(226, 230, 235, 0.7);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
}
.doc-downloads ul a b {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.doc-downloads ul a svg {
  fill: currentColor;
  margin-right: 20px;
}
.doc-downloads ul a span {
  opacity: 0.8;
  font-size: 15px;
  padding-left: 40px;
}

#docs-container {
  --sidebar-gap: 3%;
}

#documentation-container {
  --sidebar-width: 25%;
}
@media (max-width: 689.98px) {
  #documentation-container [data-structure*=boxed] {
    --theme-boxed-content-spacing: 25px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #documentation-container [data-structure*=boxed] {
    --theme-boxed-content-spacing: 40px;
  }
}
@media (min-width: 1000px) {
  #documentation-container [data-structure*=boxed] {
    --theme-boxed-content-spacing: 50px;
  }
}
#documentation-container [data-structure*=boxed] > section {
  background: #fff;
  border-radius: 3px;
  padding: var(--theme-boxed-content-spacing);
  border: 1px solid rgba(226, 230, 235, 0.7);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
}
#documentation-container .entry-header {
  --heroContentSpacing: 15px;
  width: initial;
  margin-top: calc(var(--theme-boxed-content-spacing) * -1);
  margin-left: calc(var(--theme-boxed-content-spacing) * -1);
  margin-right: calc(var(--theme-boxed-content-spacing) * -1);
  padding: var(--theme-boxed-content-spacing);
  border-bottom: 1px solid rgba(226, 230, 235, 0.7);
}
#documentation-container .entry-header .page-title {
  --theme-line-hight: 1.2;
  --theme-letter-spacing: 0;
  --theme-font-weight: 800;
}
@media (min-width: 1000px) {
  #documentation-container .entry-header .page-title {
    --theme-font-size: 40px;
  }
}
#documentation-container .entry-header .entry-meta {
  --theme-text-color: #858C92;
  --theme-font-size: 13px;
  --theme-font-weight: 600;
  --theme-letter-spacing: 0.01em;
}

#docs-container .widget_search {
  margin-bottom: 50px;
}
#docs-container .widget_search form ul {
  background: #fff;
}
#docs-container .widget_search form ul .ct-media-container {
  display: none;
}

.single-documentation .entry-content h2 {
  font-size: 30px;
}
.single-documentation .entry-content h3 {
  font-size: 20px;
}
.single-documentation .entry-content h4 {
  font-size: 17px;
}
.single-documentation .entry-content h5 {
  font-size: 15px;
}
.single-documentation .entry-content .docs-notice-block {
  padding: 30px;
  border-radius: 5px;
  background: rgb(235, 242, 243);
}

.doc-actions {
  display: flex;
  align-items: center;
  margin-top: var(--theme-boxed-content-spacing);
  margin-left: calc(var(--theme-boxed-content-spacing) * -1);
  margin-right: calc(var(--theme-boxed-content-spacing) * -1);
  padding: var(--theme-boxed-content-spacing);
  border-top: 1px solid rgba(226, 230, 235, 0.7);
  --theme-content-spacing: 0;
}
.doc-actions:not(:last-child) {
  border-bottom: 1px solid rgba(226, 230, 235, 0.7);
}
.doc-actions:last-child {
  padding-bottom: 0;
}
.doc-actions svg {
  fill: currentColor;
  margin-right: 30px;
}
@media (max-width: 689.98px) {
  .doc-actions svg {
    display: none;
  }
}
.doc-actions h5 {
  margin-bottom: 0;
}
.doc-actions a {
  text-decoration: underline;
}

#docs-search-results article {
  padding: 50px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid rgba(226, 230, 235, 0.7);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
}
#docs-search-results article:not(:last-child) {
  margin-bottom: 40px;
}
#docs-search-results article h5 {
  margin-bottom: 10px;
  --theme-link-initial-color: var(--theme-heading-color);
}
#docs-search-results article .entry-excerpt {
  opacity: 0.7;
}
#docs-search-results article .entry-excerpt p:last-child {
  margin-bottom: 0;
}

.ct-related-docs {
  margin-top: 50px;
}
.ct-related-docs h5 {
  margin-bottom: 20px;
}
.ct-related-docs ul {
  display: grid;
  grid-row-gap: 10px;
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
  --theme-link-initial-color: var(--theme-text-color);
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .ct-related-docs ul {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
  }
}
@media (min-width: 690px) {
  .ct-related-docs ul {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 50px;
  }
}
.ct-related-docs ul li {
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
}
.ct-related-docs ul li:before {
  position: absolute;
  content: "";
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: var(--theme-text-color);
}

@media (max-width: 999.98px) {
  .ct-docs-sidebar {
    padding-top: 60px;
    border-top: 1px solid rgba(226, 230, 235, 0.7);
  }
}

.ct-docs-widget:not(:last-child) {
  padding-bottom: 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(226, 230, 235, 0.7);
}
.ct-docs-widget ul li {
  list-style: none;
}
.ct-docs-widget ul li a {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
}
.ct-docs-widget ul li a:hover .ct-count {
  color: #fff;
  background: var(--theme-link-hover-color);
}
.ct-docs-widget .ct-docs-search {
  --theme-form-field-height: 50px;
  --theme-form-field-border-initial-color: rgba(226, 230, 235, 0.7);
}
.ct-docs-widget .ct-docs-search input[type=search] {
  --theme-form-font-size: 15px;
}
.ct-docs-widget .ct-docs-search .wp-element-button {
  --theme-button-padding: 5px 20px;
}

.docs-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}
.docs-navigation > li > a {
  font-weight: 600;
}
.docs-navigation > li.active > a {
  color: var(--theme-palette-color-1);
}
.docs-navigation li ul {
  padding-left: 0;
  margin: 7px 0 7px 25px;
}
.docs-navigation li ul.has-posts {
  border-left: 1px solid #eee;
}
.docs-navigation li ul.has-posts > li > a {
  font-size: 15px;
  padding-left: 25px;
}
.docs-navigation li ul.has-posts > li.active {
  position: relative;
}
.docs-navigation li ul.has-posts > li.active:before {
  position: absolute;
  content: "";
  top: 0;
  left: -2px;
  width: 3px;
  height: 100%;
  border-radius: 5px;
  background: var(--theme-palette-color-1);
}
.docs-navigation li ul.has-posts > li.active > a {
  font-weight: 600;
}
.docs-navigation li ul:not(.has-posts) {
  margin-left: 40px;
}
.docs-navigation li ul:not(.has-posts) > li > a {
  position: relative;
  font-size: 16px;
}
.docs-navigation li ul:not(.has-posts) > li > a:before {
  position: absolute;
  top: calc(50% - 3px);
  left: -25px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background: #eaeaea;
  transition: background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.docs-navigation li ul:not(.has-posts) > li > a:hover:before {
  background: var(--theme-palette-color-1);
}
.docs-navigation li ul:not(.has-posts) > li.active > a {
  color: var(--theme-palette-color-1);
  font-weight: 600;
}
.docs-navigation li ul:not(.has-posts) > li.active > a:before {
  opacity: 1;
  background: currentColor;
}
.docs-navigation .ct-count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  background: rgba(238, 238, 238, 0.5);
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  min-width: 24px;
  border-radius: 3px;
  color: var(--theme-text-color);
  transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.docs-usefull-links {
  padding-left: 0;
  margin: 0;
}
.docs-usefull-links li a {
  font-size: 16px;
}

.ct-doc-badge {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  height: 24px;
  padding: 0 8px;
  border-radius: 3px;
  background: #115cfa;
}

.docs-related-resources {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  list-style-type: none;
  padding: 0;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .docs-related-resources {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .docs-related-resources {
    grid-template-columns: repeat(3, 1fr);
  }
}
.docs-related-resources a {
  display: flex;
  flex-direction: column;
  gap: 15px;
  --theme-link-initial-color: var(--theme-text-color);
  --has-link-decoration: none;
}
.docs-related-resources a:hover .cover {
  opacity: 1;
}
.docs-related-resources a:hover svg {
  opacity: 0;
}
.docs-related-resources figure {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #EFF5FF;
}
.docs-related-resources figure .cover {
  opacity: 0.3;
  border-radius: 5px;
  aspect-ratio: 16/9;
  transition: opacity 0.2s ease;
}
.docs-related-resources figure svg {
  position: absolute;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.docs-related-resources .item-title {
  font-size: 16px;
  font-weight: 600;
}

#docs-container .entry-content > [id] {
  position: relative;
}
#docs-container .entry-content > [id] .ct-anchor-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  left: -25px;
  top: calc(50% - 18px);
  position: absolute;
  opacity: 0;
  cursor: pointer;
  fill: currentColor;
  transition: all 0.15s ease;
}
#docs-container .entry-content > [id]:hover .ct-anchor-link {
  opacity: 1;
  transform: translateX(-10px);
}
#docs-container .entry-content > [id]:before {
  display: none;
}

#feature-request-container .hero-content .sub-heading {
  max-width: 800px;
  margin: 0 auto;
}

.feature-request-area {
  padding: 100px 0;
}
.feature-request-area div > ul {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}
.feature-request-area ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.feature-request-area h6 {
  margin-bottom: 10px;
}
.feature-request-area .request-notes li {
  counter-increment: counter;
  position: relative;
  padding: 25px 25px 25px 75px;
  border: 1px dashed #e7eaef;
  border-radius: 5px;
  font-weight: 300;
}
.feature-request-area .request-notes li:before {
  content: counter(counter);
  position: absolute;
  top: 28px;
  left: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #e7eaef;
}
.feature-request-area .request-notes li:not(:last-child) {
  margin-bottom: 20px;
}
.feature-request-area .request-notes li a {
  text-decoration: underline;
}

@media (max-width: 689.98px) {
  .companion-features-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (min-width: 690px) {
  .companion-features-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.companion-features-section .heading,
.companion-features-section .sub-heading {
  text-align: center;
}
.companion-features-section .sub-heading {
  max-width: 700px;
  margin: 0 auto;
}
.companion-features-section ul {
  margin-top: 50px;
}
@media (max-width: 689.98px) {
  .companion-features-section ul {
    grid-row-gap: 20px;
  }
}
@media (min-width: 690px) {
  .companion-features-section ul {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }
}
.companion-features-section ul li {
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 689.98px) {
  .companion-features-section ul li {
    flex-direction: column;
    min-height: 110px;
    padding: 35px 25px;
    text-align: center;
  }
}
@media (min-width: 690px) {
  .companion-features-section ul li {
    min-height: 180px;
    padding: 30px 40px;
  }
}
.companion-features-section ul li:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  border: 2px solid rgba(232, 235, 240, 0.7);
  transition: transform 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.companion-features-section ul li:hover:before {
  border-color: transparent;
  transform: scale3d(1.03, 1.03, 1);
  box-shadow: 0 30px 60px 0 rgba(38, 47, 67, 0.15);
}
.companion-features-section ul li > * {
  position: relative;
  z-index: 2;
}
@media (max-width: 689.98px) {
  .companion-features-section ul li img {
    flex: 0 0 45px;
    max-width: 45px;
    margin-bottom: 20px;
  }
}
@media (min-width: 690px) {
  .companion-features-section ul li img {
    flex: 0 0 60px;
    max-width: 60px;
    margin-right: 40px;
  }
}
.companion-features-section ul li h5 {
  font-weight: 600;
}
.companion-features-section ul li p {
  font-weight: 300;
  margin-top: 5px;
  margin-bottom: 0;
  color: var(--theme-text-color);
}
.companion-features-section ul li p a {
  font-weight: 400;
  text-decoration: underline;
}

@media (max-width: 689.98px) {
  .how-to-section {
    padding-top: 20px;
    padding-bottom: 100px;
  }
}
@media (min-width: 690px) {
  .how-to-section {
    padding-top: 50px;
    padding-bottom: 130px;
  }
}
@media (max-width: 689.98px) {
  .how-to-section .ct-container {
    grid-row-gap: 40px;
  }
}
@media (min-width: 690px) {
  .how-to-section .ct-container {
    grid-column-gap: 35px;
    grid-row-gap: 50px;
  }
}
.how-to-section h4 {
  margin-bottom: 30px;
}
.how-to-section ul {
  padding-left: 0;
}
.how-to-section ul a {
  text-decoration: underline;
}
.how-to-section li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 100%;
  border: 2px solid #e7eaef;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.how-to-section li:not(:last-child) {
  margin-bottom: 10px;
}

#companion-container .sub-heading {
  max-width: 700px;
  margin: 0 auto;
}
#companion-container .hero-buttons {
  margin-top: 30px;
}
#companion-container .hero-buttons a {
  display: inline-flex;
  align-items: center;
  height: 60px;
  padding: 0 30px;
  font-size: 18px;
  font-weight: 600;
  color: #115CFA;
  background: #fff;
  border-radius: 6px;
  transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
#companion-container .hero-buttons a:hover {
  transform: translate3d(0, -3px, 0);
  box-shadow: 0 15px 30px -10px rgba(3, 37, 162, 0.55);
}
#companion-container ul {
  padding: 0;
  list-style-type: none;
}

.hero-container-pro {
  background: rgba(247, 247, 247, 0.5);
}
@media (max-width: 689.98px) {
  .hero-container-pro {
    padding: 80px 0 0 0;
    background: #1B1B87;
  }
}
.hero-container-pro .ct-container {
  position: relative;
  display: grid;
  grid-column-gap: 200px;
  grid-row-gap: 60px;
}
@media (min-width: 690px) {
  .hero-container-pro .ct-container {
    grid-template-columns: 1fr 27.2093023%;
  }
}
.hero-container-pro .hero-content {
  justify-content: center;
  padding: 0;
}
@media (max-width: 689.98px) {
  .hero-container-pro .hero-content {
    align-items: center;
    text-align: center;
  }
}
.hero-container-pro .intro-text {
  color: #111226;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 689.98px) {
  .hero-container-pro .intro-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .hero-container-pro .intro-text {
    font-size: 15px;
  }
}
.hero-container-pro h1 {
  font-size: 80px;
}
@media (max-width: 689.98px) {
  .hero-container-pro h1 {
    color: #fff;
  }
}
@media (max-width: 999.98px) {
  .hero-container-pro h1 {
    font-size: 38px;
  }
}
.hero-container-pro .intro-desc {
  --theme-content-spacing: 60px;
}
@media (max-width: 689.98px) {
  .hero-container-pro .intro-desc {
    --content-spacing: 40px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
  }
}
@media (max-width: 999.98px) {
  .hero-container-pro .buttons-group {
    --grid-template-columns: auto;
    --max-width: 250px;
  }
}
@media (max-width: 689.98px) {
  .hero-container-pro .buttons-group .buy-now {
    --theme-button-text-initial-color: #111226;
    --theme-button-background-initial-color: #fff;
    --theme-button-background-hover-color: #111029;
  }
}
.hero-container-pro .buttons-group .explore {
  --theme-button-text-initial-color: #111226;
  --theme-button-background-initial-color: #EFF1F4;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .hero-container-pro .buttons-group .explore {
    display: none;
  }
}
@media (max-width: 689.98px) {
  .hero-container-pro .buttons-group .explore {
    border: 2px solid rgba(255, 255, 255, 0.2);
    --theme-button-text-initial-color: #fff;
    --theme-button-background-initial-color: rgba(255, 255, 255, 0);
    --theme-button-background-hover-color: #111029;
  }
  .hero-container-pro .buttons-group .explore:hover {
    border-color: transparent;
  }
}
.hero-container-pro .buttons-group .explore svg {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  fill: currentColor;
}
.hero-container-pro .money-info {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  margin-top: 30px;
}
.hero-container-pro .money-info svg {
  fill: currentColor;
  margin-right: 8px;
}
@media (max-width: 999.98px) {
  .hero-container-pro .money-info {
    display: none;
  }
}

.hero-composition {
  background: #1B1B87;
  position: relative;
}
@media (max-width: 689.98px) {
  .hero-composition {
    padding-bottom: 4.3%;
  }
}
@media (min-width: 690px) {
  .hero-composition {
    height: 800px;
  }
}
.hero-composition:before, .hero-composition:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  width: 500%;
  background: #1B1B87;
}
.hero-composition:before {
  transform: translateX(100%);
}
@media (max-width: 689.98px) {
  .hero-composition:before {
    display: none;
  }
}
.hero-composition:after {
  left: 0;
  opacity: 0.9;
}
@media (max-width: 689.98px) {
  .hero-composition:after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.hero-composition .composition-block {
  --compRatio: 73.0225989%;
  --compPosition: absolute;
  --compItemBackground: transparent;
  --compItemBorderRadius: 0;
}
@media (max-width: 689.98px) {
  .hero-composition .composition-block {
    width: 100%;
    --compPosition: relative;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .hero-composition .composition-block {
    top: 18%;
    left: -109.6%;
    width: 304%;
  }
}
@media (min-width: 1000px) {
  .hero-composition .composition-block {
    top: 18%;
    left: -72.58%;
    width: 201.709402%;
  }
}
.hero-composition .composition-block figure {
  z-index: var(--z-index, 2);
}
.hero-composition .composition-block .item-1 {
  top: 18.762089%;
  max-width: 100%;
  --compItemRatio: 77.1186441%;
}
.hero-composition .composition-block .item-2 {
  top: 40.0386847%;
  left: 19.2090395%;
  max-width: 33.6158192%;
  --compItemRatio: 66.3865546%;
}
.hero-composition .composition-block .item-3 {
  top: 4.44874275%;
  left: 36.017%;
  max-width: 33.1920904%;
  --compItemRatio: 65.106383%;
}
.hero-composition .composition-block .item-4 {
  top: 0;
  left: 44.2090395%;
  max-width: 16.8079096%;
  --compItemRatio: 107.563025%;
}
.hero-composition .composition-block .item-5 {
  top: 40.0386847%;
  left: 60.5932203%;
  max-width: 25.1412429%;
  --compItemRatio: 87.0786517%;
}
.hero-composition .composition-block .item-6 {
  top: 46.0348162%;
  left: 48.79%;
  max-width: 7.90960452%;
  --compItemRatio: 100%;
}
.hero-composition .composition-block .item-7 {
  left: 0;
  bottom: -16.827853%;
  max-width: 27.8248588%;
  --compItemRatio: 72.5888325%;
}
.hero-composition .composition-block .item-8 {
  left: -3.53107345%;
  bottom: 7.5%;
  max-width: 17.6553672%;
  --compItemRatio: 64%;
}
.hero-composition .composition-block .item-9 {
  filter: blur(2.5px);
  top: 19.3423598%;
  left: -0.98870056%;
  max-width: 17.6553672%;
  --compItemRatio: 64%;
}
@media (max-width: 689.98px) {
  .hero-composition .composition-block .item-9 {
    display: none;
  }
}
.hero-composition .composition-block .item-10 {
  right: 9.8870056%;
  bottom: -1.93423598%;
  max-width: 18.3615819%;
  --compItemRatio: 73.0769231%;
}
.hero-composition .blue-triangle {
  position: absolute;
  width: 172px;
  height: 86px;
  left: 0;
  bottom: 0;
  transform: translateX(-100%);
}
@media (max-width: 689.98px) {
  .hero-composition .blue-triangle {
    display: none;
  }
}

.features-list {
  position: relative;
  z-index: 2;
  text-align: center;
}
@media (max-width: 999.98px) {
  .features-list {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .features-list {
    padding: 100px 0 200px 0;
  }
}
.features-list h2 {
  margin-bottom: 45px;
}
.features-list ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
@media (max-width: 689.98px) {
  .features-list ul {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
}
@media (max-width: 999.98px) {
  .features-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .features-list ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
.features-list ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 250px;
  cursor: pointer;
  padding: 0 20px;
}
@media (max-width: 689.98px) {
  .features-list ul li {
    min-height: 150px;
  }
}
.features-list ul li > * {
  z-index: 2;
}
.features-list ul li:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 20px;
  border: 2px solid rgba(217, 220, 225, 0.39);
  transition: background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (max-width: 689.98px) {
  .features-list ul li:before {
    border-radius: 10px;
  }
}
.features-list ul li svg {
  width: auto;
  height: 45px;
  fill: #D9DCE1;
  transition: fill 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (max-width: 689.98px) {
  .features-list ul li svg {
    height: 30px;
  }
}
.features-list ul li h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 35px 0 0 0;
  transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (max-width: 689.98px) {
  .features-list ul li h5 {
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
  }
}
.features-list ul li.footer-builder-feature svg, .features-list ul li.footer-elements-feature svg {
  transform: rotate(180deg);
}
.features-list ul li:hover:before {
  z-index: 2;
  border-color: #115CFA;
  background: #115CFA;
  transform: scale3d(1.03, 1.03, 1);
  box-shadow: 0 30px 80px 0 rgba(17, 92, 250, 0.29);
}
.features-list ul li:hover svg {
  fill: #fff;
}
.features-list ul li:hover h5 {
  color: #fff;
}

.enhanced-header {
  position: relative;
}
@media (max-width: 999.98px) {
  .enhanced-header {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .enhanced-header {
    padding: 100px 0 300px 0;
  }
}
.enhanced-header:before {
  position: absolute;
  content: "";
  top: 0;
  left: calc(50% - 1770px);
  width: 3540px;
  height: 1803px;
  background-image: url("https://creativethemes.com/blocksy/wp-content/uploads/2020/11/isometric-shape.svg");
  background-repeat: no-repeat;
  background-position: center top;
}
.enhanced-header .ct-container {
  display: grid;
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  position: relative;
}
@media (min-width: 1000px) {
  .enhanced-header .ct-container {
    grid-template-columns: 44.9612403% 1fr;
  }
}
@media (max-width: 689.98px) {
  .enhanced-header .header-content .heading {
    flex-direction: column;
    width: 100%;
  }
  .enhanced-header .header-content .heading:before {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .enhanced-header .header-content .sub-heading {
    text-align: center;
  }
}
.enhanced-header .header-scene {
  position: relative;
}
@media (max-width: 999.98px) {
  .enhanced-header .header-scene {
    grid-row: 2;
  }
}
.enhanced-header .header-scene .composition-block {
  width: 181.034483%;
  top: 0;
  right: 0;
  --compPosition: absolute;
  --compRatio: 78.8571429%;
  --compItemBorderRadius: 24px;
}
@media (max-width: 999.98px) {
  .enhanced-header .header-scene .composition-block {
    width: 100%;
    --compPosition: relative;
    --compItemBorderRadius: 10px;
  }
}
.enhanced-header .header-scene .composition-block figure {
  max-width: 80.952381%;
  --compItemRatio: 69.1764706%;
}
.enhanced-header .header-scene .composition-block .item-1 {
  top: 28.9855072%;
  left: 0;
  background: #111516;
  box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.25);
}
.enhanced-header .header-scene .composition-block .item-2 {
  top: 14.4927536%;
  left: 9.5238095%;
  background: #111516;
  box-shadow: 20px 30px 50px 0 rgba(0, 0, 0, 0.25);
}
.enhanced-header .header-scene .composition-block .item-3 {
  top: 0;
  left: 19.047619%;
  background: #fff;
  box-shadow: 0px 50px 80px 0 rgba(0, 0, 0, 0.1);
}
.enhanced-header .cube-1,
.enhanced-header .cube-2 {
  position: absolute;
}
.enhanced-header .cube-1 {
  max-width: 700px;
  top: -450px;
  right: -450px;
}
.enhanced-header .cube-2 {
  max-width: 360px;
  top: -350px;
  left: -250px;
}

.header-content ul {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-top: 95px;
}
@media (max-width: 999.98px) {
  .header-content ul {
    margin-top: 40px;
  }
}
@media (min-width: 480px) {
  .header-content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.header-content ul li:hover .video-backdrop {
  opacity: 1;
}
.header-content ul li:hover .video-backdrop svg {
  transform: scale3d(1, 1, 1);
}
.header-content ul h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.header-content ul .composition-block {
  width: 100%;
  --compPosition: relative;
  --compRatio: 103.333333%;
}
.header-content ul .composition-block figure {
  top: 0;
  left: 0;
  --compItemRatio: 103.333333%;
  --compItemBorderRadius: 15px;
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.13);
}
@media (max-width: 999.98px) {
  .header-content ul .composition-block figure {
    --compItemBorderRadius: 10px;
  }
}
.header-content ul .video-backdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background: rgba(18, 21, 25, 0.7);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.header-content ul .video-backdrop svg {
  fill: #fff;
  transition: transform 0.2s ease;
  transform: scale3d(0.8, 0.8, 1);
}

.header-elements {
  position: relative;
  z-index: 2;
}
@media (max-width: 999.98px) {
  .header-elements {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .header-elements {
    padding: 100px 0;
  }
}
.header-elements .ct-container {
  display: grid;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}
@media (min-width: 1000px) {
  .header-elements .ct-container {
    grid-template-columns: 1fr 55.8139535%;
  }
}

@media (min-width: 1000px) {
  .header-elements-content {
    padding: 110px 0;
  }
}
@media (max-width: 689.98px) {
  .header-elements-content .heading {
    flex-direction: column;
    width: 100%;
  }
  .header-elements-content .heading:before {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .header-elements-content .sub-heading {
    text-align: center;
  }
}
.header-elements-content ul {
  margin-top: 60px;
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
@media (min-width: 480px) {
  .header-elements-content ul {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.header-elements-content ul li {
  display: flex;
  align-items: center;
  color: #111029;
  font-size: 15px;
  font-weight: 600;
  padding: 10px;
  cursor: pointer;
  border-radius: 14px;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.header-elements-content ul li:hover, .header-elements-content ul li.active {
  background: #ffffff;
  box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.09);
}
.header-elements-content ul li.active .icon {
  fill: #115CFA;
}
.header-elements-content ul li.active .icon-bg {
  fill: #E8F0F8;
}
.header-elements-content ul li .icon,
.header-elements-content ul li .icon-bg {
  transition: fill 0.2s ease;
}
.header-elements-content li path:first-child {
  stroke-dasharray: 139;
  stroke-dashoffset: 139;
}
.header-elements-content li.active path:first-child {
  stroke: #115cfa;
  stroke-width: 2;
}
.header-elements-content svg {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  margin-right: 20px;
}

.header-elements-scene {
  position: relative;
}
.header-elements-scene .composition-block {
  width: 108.333333%;
  top: 0;
  left: 0;
  --compPosition: absolute;
  --compRatio: 88.4615385%;
}
@media (max-width: 999.98px) {
  .header-elements-scene .composition-block {
    width: 100%;
    --compPosition: relative;
  }
}
.header-elements-scene .composition-block .shape-top,
.header-elements-scene .composition-block .shape-bottom {
  max-width: 75.6410256%;
  --compItemRatio: 86.440678%;
  --compItemBorderRadius: 30px;
}
@media (max-width: 999.98px) {
  .header-elements-scene .composition-block .shape-top,
.header-elements-scene .composition-block .shape-bottom {
    --compItemBorderRadius: 10px;
  }
}
.header-elements-scene .composition-block .shape-top {
  top: 0;
  left: 0;
  background-image: linear-gradient(153deg, #F9FAFA 5%, #F0F2F4 100%);
}
.header-elements-scene .composition-block .shape-bottom {
  right: 0;
  bottom: 0;
  background-image: linear-gradient(243deg, #F9FAFA 0%, #F0F2F4 84%);
}
.header-elements-scene .composition-block .elements-slider {
  top: 8.69565217%;
  left: 7.69230769%;
  max-width: 84.6153846%;
  --compItemRatio: 86.3636364%;
  --compItemBorderRadius: 25px;
  --compItemBackground: #BCC0C4;
  box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 999.98px) {
  .header-elements-scene .composition-block .elements-slider {
    --compItemBorderRadius: 10px;
  }
}
.header-elements-scene .composition-block .elements-slider img {
  opacity: 0;
  visibility: hidden;
  transform: scale3d(1.1, 1.1, 1);
  transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
}
.header-elements-scene .composition-block .elements-slider img.active {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transform: scale3d(1, 1, 1);
}

.content-blocks-scene {
  overflow: hidden;
  text-align: center;
  background-image: linear-gradient(180deg, #F9FAFA 0%, #F0F2F4 100%);
}
@media (max-width: 689.98px) {
  .content-blocks-scene .heading {
    flex-direction: column;
    width: 100%;
  }
  .content-blocks-scene .heading:before {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .content-blocks-scene .sub-heading {
    text-align: center;
  }
}
@media (max-width: 999.98px) {
  .content-blocks-scene {
    padding-top: 80px;
  }
}
@media (min-width: 1000px) {
  .content-blocks-scene {
    padding-top: 100px;
  }
}
.content-blocks-scene .sub-heading {
  max-width: 580px;
  margin: 0 auto;
}
.content-blocks-scene .blocks-scene {
  position: relative;
  margin-top: 60px;
  margin: 60px auto 0 auto;
}
.content-blocks-scene .blocks-scene img {
  max-width: 600px;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.09);
}
.content-blocks-scene .hooks-single {
  position: relative;
  z-index: 2;
}
@media (max-width: 689.98px) {
  .content-blocks-scene .hooks-single {
    max-width: 300px;
  }
}
.content-blocks-scene .hooks-cart,
.content-blocks-scene .hooks-single-product {
  position: absolute;
  bottom: 0;
}
.content-blocks-scene .hooks-cart {
  left: -4%;
}
.content-blocks-scene .hooks-single-product {
  right: -4%;
}

.content-blocks-content {
  padding: 70px 0;
}
.content-blocks-content .ct-container ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 50px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .content-blocks-content .ct-container ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .content-blocks-content .ct-container ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
.content-blocks-content .ct-container ul p {
  font-size: 16px;
}

.pro-cta-container {
  position: relative;
}
.pro-cta-container .cta-icon {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  background: #fff;
}
.pro-cta-container .cta-icon svg {
  fill: #3776FA;
  height: 30px;
}
@media (max-width: 689.98px) {
  .pro-cta-container .cta-icon {
    top: -55px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: scale(0.8);
  }
}
@media (min-width: 690px) {
  .pro-cta-container .cta-icon {
    top: calc(50% - 55px);
    left: -55px;
  }
}

.pro-cta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-radius: 30px;
  background: #115CFA;
}
@media (max-width: 689.98px) {
  .pro-cta-content {
    padding: 80px 45px 45px 45px;
    flex-direction: column;
    text-align: center;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .pro-cta-content {
    border-radius: 20px;
    padding: 50px 7% 50px 10%;
  }
}
@media (min-width: 1000px) {
  .pro-cta-content {
    padding: 70px 10% 70px 16%;
  }
}
.pro-cta-content .cta-text {
  flex: 1;
  max-width: 550px;
  margin-right: 40px;
  color: #fff;
  --theme-heading-color: #fff;
}
@media (max-width: 689.98px) {
  .pro-cta-content .cta-text {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 999.98px) {
  .pro-cta-content .cta-text p {
    font-size: 16px;
  }
}
.pro-cta-content .ct-button {
  --theme-button-min-height: 55px;
  --theme-button-padding: 0 40px;
  --theme-button-font-size: 18px;
  --theme-button-border-radius: 6px;
  --theme-button-background-initial-color: #111029;
  --theme-button-background-hover-color: #152035;
}
.pro-cta-content .cta-decoration {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 320px;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 100%;
}
@media (max-width: 689.98px) {
  .pro-cta-content .cta-decoration {
    top: -160px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: scale(0.8);
  }
}
@media (min-width: 690px) {
  .pro-cta-content .cta-decoration {
    top: calc(50% - 160px);
    left: -160px;
  }
}
.pro-cta-content .cta-decoration:before {
  position: absolute;
  content: "";
  width: 215px;
  height: 215px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
}

@media (max-width: 999.98px) {
  .advanced-menu-container {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .advanced-menu-container {
    padding: 130px 0;
  }
}
.advanced-menu-container .ct-container {
  display: grid;
  grid-column-gap: 100px;
  grid-row-gap: 50px;
}
@media (min-width: 1000px) {
  .advanced-menu-container .ct-container {
    grid-template-columns: 51.1627907% 1fr;
  }
}

.menu-scene {
  position: relative;
}
@media (max-width: 999.98px) {
  .menu-scene {
    grid-row: 2;
  }
}
.menu-scene .composition-block {
  width: 142.424242%;
  top: 0;
  right: 0;
  --compPosition: absolute;
  --compRatio: 63.8297872%;
}
@media (max-width: 999.98px) {
  .menu-scene .composition-block {
    width: 100%;
    --compPosition: relative;
  }
}
.menu-scene .composition-block .item-1 {
  left: 0;
  bottom: 0;
  max-width: 93.6170213%;
  --compItemRatio: 61.3636364%;
  --compItemBorderRadius: 25px;
  box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 999.98px) {
  .menu-scene .composition-block .item-1 {
    --compItemBorderRadius: 10px;
  }
}
.menu-scene .composition-block .item-2 {
  top: 0;
  right: 0;
  max-width: 70.212766%;
  --compItemRatio: 75.7575758%;
  --compItemBorderRadius: 30px;
  background-image: linear-gradient(153deg, #F9FAFA 5%, #F0F2F4 100%);
}
@media (max-width: 999.98px) {
  .menu-scene .composition-block .item-2 {
    --compItemBorderRadius: 15px;
  }
}

@media (max-width: 689.98px) {
  .menu-content .heading {
    flex-direction: column;
    width: 100%;
  }
  .menu-content .heading:before {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .menu-content .sub-heading {
    text-align: center;
  }
}
.menu-content ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 40px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .menu-content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 999.98px) {
  .fonts-container {
    padding-bottom: 80px;
  }
}
@media (min-width: 1000px) {
  .fonts-container {
    padding-bottom: 180px;
  }
}
.fonts-container h2 {
  font-size: 23px;
}
.fonts-container .fonts-extensions {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: flex-end;
}
@media (min-width: 1000px) {
  .fonts-container .fonts-extensions {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fonts-container .fonts-extensions > li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 30px;
  background-image: linear-gradient(206deg, rgba(240, 242, 244, 0.9) 0%, #FFFFFF 95%);
}
@media (max-width: 689.98px) {
  .fonts-container .fonts-extensions > li {
    padding: 40px 30px;
    border-radius: 20px;
  }
}
.fonts-container .fonts-extensions > li p {
  margin-bottom: 50px;
}
.fonts-container .fonts-extensions > li h5 {
  font-size: 16px;
  margin-bottom: 0;
}
.fonts-container .fonts-extensions > li > ul {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media (max-width: 689.98px) {
  .fonts-container .fonts-extensions > li > ul {
    grid-row-gap: 15px;
  }
}
.fonts-container .fonts-extensions > li img {
  width: auto;
  height: 25px;
  opacity: 0.7;
  margin-bottom: 40px;
}
@media (min-width: 1000px) {
  .fonts-container .fonts-extensions > li:first-child, .fonts-container .fonts-extensions > li:last-child {
    padding-left: 0;
    padding-right: 0;
    background-image: none;
  }
}
.fonts-container .integrations {
  text-align: center;
  margin-top: 40px;
}
@media (max-width: 999.98px) {
  .fonts-container .integrations {
    margin-top: 30px;
  }
}
.fonts-container .integrations h5 {
  font-size: 16px;
  font-weight: 500;
  color: #585868;
  margin-bottom: 28px;
}
.fonts-container .integrations span {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -20px;
}
.fonts-container .integrations img {
  width: auto;
  height: 35px;
  margin: 20px 30px 0 30px;
}
@media (max-width: 999.98px) {
  .fonts-container .integrations img {
    height: 25px;
  }
}

.custom-sidebars-container {
  background-image: linear-gradient(135deg, #F9FAFA 0%, #F0F2F4 100%);
}
@media (max-width: 999.98px) {
  .custom-sidebars-container {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .custom-sidebars-container {
    padding: 100px 0;
  }
}
.custom-sidebars-container .ct-container {
  display: grid;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}
@media (min-width: 1000px) {
  .custom-sidebars-container .ct-container {
    grid-template-columns: 1fr 53.4108527%;
  }
}

@media (max-width: 689.98px) {
  .sidebars-content .heading {
    flex-direction: column;
    width: 100%;
  }
  .sidebars-content .heading:before {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .sidebars-content .sub-heading {
    text-align: center;
  }
}
.sidebars-content ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  margin-top: 60px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .sidebars-content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

.sidebars-scene {
  display: flex;
  align-items: center;
  position: relative;
}
.sidebars-scene .composition-block {
  width: 111.756168%;
  left: 0;
  --compRatio: 97.4025974%;
  --compPosition: absolute;
}
@media (max-width: 999.98px) {
  .sidebars-scene .composition-block {
    width: 100%;
    --compPosition: relative;
  }
}
.sidebars-scene .composition-block .item-1 {
  top: 0;
  left: 0;
  max-width: 73.3766234%;
  --compItemRatio: 132.743363%;
  --compItemBorderRadius: 15px;
  background: #fff;
  box-shadow: 5px 30px 80px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 999.98px) {
  .sidebars-scene .composition-block .item-1 {
    --compItemBorderRadius: 10px;
  }
}
.sidebars-scene .composition-block .item-2 {
  top: 5%;
  right: 0;
  max-width: 66.1038961%;
  --compItemRatio: 132.612967%;
  --compItemBorderRadius: 12px;
  background: #fff;
  box-shadow: 0 30px 70px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 999.98px) {
  .sidebars-scene .composition-block .item-2 {
    --compItemBorderRadius: 8px;
  }
}

@media (max-width: 999.98px) {
  .white-label-container {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .white-label-container {
    padding: 180px 0 100px 0;
  }
}
.white-label-container .ct-container {
  display: grid;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}
@media (min-width: 1000px) {
  .white-label-container .ct-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 689.98px) {
  .white-label-content .heading {
    flex-direction: column;
    width: 100%;
  }
  .white-label-content .heading:before {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.white-label-content ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 40px;
}
.white-label-content ul:first-of-type {
  margin-bottom: 80px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .white-label-content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 999.98px) {
  .white-label-scene {
    display: none;
  }
}
.white-label-scene section {
  position: relative;
  width: 530px;
  height: 750px;
  border-radius: 30px;
  background-color: #F4F6F7;
  background-image: url("https://creativethemes.com/blocksy/wp-content/uploads/2020/11/topography.svg"), linear-gradient(135deg, #F9FAFA 0%, #F0F2F4 100%);
}
.white-label-scene .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 240px;
  background: #FFFFFF;
  box-shadow: 0 20px 80px 0 rgba(103, 103, 103, 0.15);
  border-radius: 20px;
}
.white-label-scene .item:not(:last-child) {
  margin-bottom: 50px;
}
.white-label-scene .item i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  background: #115CFA;
  border-radius: 100%;
}
.white-label-scene .item i svg {
  width: auto;
  height: 32px;
  fill: #fff;
}
.white-label-scene .item h6 {
  font-weight: 500;
  margin: 25px 0 0 0;
}
.white-label-scene .footer-item svg {
  transform: rotate(180deg);
}
.white-label-scene .hidden-section,
.white-label-scene .outer-section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}
.white-label-scene .hidden-section {
  overflow: hidden;
  padding: 0 0 0 60px;
}
.white-label-scene .outer-section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  right: -60px;
  padding: 240px 0 0 0;
}

.woo-container {
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: #7F57B1;
  text-align: center;
}
@media (max-width: 999.98px) {
  .woo-container {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .woo-container {
    padding: 100px 0;
  }
}
.woo-container:before {
  position: absolute;
  content: "";
  opacity: 0.5;
  width: 1584px;
  height: 410px;
  bottom: -60px;
  background-image: url("https://creativethemes.com/blocksy/wp-content/uploads/2025/06/woo-new-logo.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.woo-container > * {
  position: relative;
  z-index: 2;
}
.woo-container h2 {
  color: #fff;
}
.woo-container h2:before {
  color: #7F57B1;
  background: #fff;
}
.woo-container h5 {
  color: #fff;
}
.woo-container .sub-heading {
  max-width: 580px;
  margin: 0 auto;
}
@media (max-width: 689.98px) {
  .woo-container .heading {
    flex-direction: column;
    width: 100%;
  }
  .woo-container .heading:before {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .woo-container .sub-heading {
    text-align: center;
  }
}
.woo-container p {
  color: rgba(255, 255, 255, 0.8);
}
.woo-container ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 50px;
  text-align: left;
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .woo-container ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .woo-container ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
.woo-container ul p {
  font-size: 16px;
}
.woo-container ul a {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
}
.woo-container ul a:hover {
  text-decoration: underline;
}
.woo-container ul a:after {
  display: inline-flex;
  content: "";
  width: 14px;
  height: 8px;
  margin-left: 5px;
  background-image: url("https://creativethemes.com/blocksy/wp-content/uploads/2020/11/arrow-right-white.svg");
  background-repeat: no-repeat;
}
.woo-container .ct-button {
  --theme-button-padding: 0 20px;
  --theme-button-min-height: 60px;
  --theme-button-font-size: 17px;
  --theme-button-font-weight: 600;
  --theme-button-border-radius: 8px;
  --theme-button-background-initial-color: #3a215b;
  --theme-button-background-hover-color: #111029;
}

.enhanced-footer {
  position: relative;
}
@media (max-width: 999.98px) {
  .enhanced-footer {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .enhanced-footer {
    padding: 100px 0 270px 0;
  }
}
.enhanced-footer:before {
  position: absolute;
  content: "";
  top: 0;
  left: calc(50% - 1770px);
  width: 3540px;
  height: 1803px;
  transform: scaleX(-1);
  background-image: url("https://creativethemes.com/blocksy/wp-content/uploads/2020/11/isometric-shape.svg");
  background-repeat: no-repeat;
  background-position: center top;
}
.enhanced-footer .ct-container {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 50px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1000px) {
  .enhanced-footer .ct-container {
    grid-template-columns: 1fr 55.5%;
  }
}

@media (max-width: 689.98px) {
  .footer-content .heading {
    flex-direction: column;
    width: 100%;
  }
  .footer-content .heading:before {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .footer-content .sub-heading {
    text-align: center;
  }
}
.footer-content ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  margin-top: 60px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .footer-content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

.footer-scene {
  position: relative;
}
.footer-scene .composition-block {
  width: 140.540541%;
  --compPosition: absolute;
  --compRatio: 69.2307692%;
  --compItemBorderRadius: 23px;
}
@media (max-width: 999.98px) {
  .footer-scene .composition-block {
    width: 100%;
    --compPosition: relative;
    --compItemBorderRadius: 10px;
  }
}
.footer-scene .composition-block figure {
  max-width: 76.9230769%;
  --compItemRatio: 47.5%;
}
.footer-scene .composition-block .item-1 {
  left: 0;
  bottom: 0;
  background: #000;
  box-shadow: 19px 47px 94px 0 rgba(0, 0, 0, 0.25);
}
.footer-scene .composition-block .item-2 {
  top: 23.6111111%;
  left: 11.5384615%;
  background: #000;
  box-shadow: 19px 47px 94px 0 rgba(0, 0, 0, 0.25);
}
.footer-scene .composition-block .item-3 {
  top: 0;
  right: 0;
  background: #BCC0C4;
  box-shadow: 19px 47px 94px 0 rgba(0, 0, 0, 0.05);
}

.more-soon-container {
  position: relative;
  z-index: 2;
  text-align: center;
}
@media (max-width: 999.98px) {
  .more-soon-container {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .more-soon-container {
    padding: 100px 0;
  }
}
.more-soon-container .sub-heading {
  max-width: 580px;
  margin: 0 auto;
}
.more-soon-container ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  text-align: left;
  margin-top: 80px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .more-soon-container ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .more-soon-container ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
.more-soon-container ul h5 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
}

.buy-cta-container {
  position: relative;
  overflow: hidden;
  z-index: 2;
  background: #115CFA;
}
.buy-cta-container .ct-container {
  display: grid;
}
@media (min-width: 1000px) {
  .buy-cta-container .ct-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

.buy-content {
  position: relative;
  z-index: 2;
}
@media (max-width: 999.98px) {
  .buy-content {
    text-align: center;
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .buy-content {
    padding: 240px 70px 240px 0;
  }
}
.buy-content h2 {
  color: #fff;
  font-size: 50px;
}
@media (max-width: 999.98px) {
  .buy-content h2 {
    font-size: 38px;
  }
}
.buy-content p {
  color: #fff;
  --theme-content-spacing: 60px;
}
@media (max-width: 689.98px) {
  .buy-content .buttons-group {
    --grid-template-columns: auto;
  }
}
.buy-content .buttons-group a {
  --theme-button-padding: 0 35px !important;
}
.buy-content .buy-now {
  --theme-button-background-initial-color: #000;
  --theme-button-background-hover-color: #111029;
}
.buy-content .question {
  --theme-button-background-initial-color: rgba(17,92,250,0.50);
  --theme-button-background-hover-color: #111029;
  border: 2px solid #FFFFFF;
}
.buy-content .question:hover {
  border-color: #111029;
}

.buy-scene {
  position: relative;
  z-index: 1;
  padding: 80px 0 10px 0;
}
.buy-scene .composition-block {
  width: 100%;
  z-index: 3;
  top: 12.5%;
  left: 0;
  --compPosition: absolute;
  --compRatio: 108.527132%;
  --compItemBorderRadius: 0px;
  --compItemBackground: transparent;
}
@media (max-width: 999.98px) {
  .buy-scene .composition-block {
    width: 60%;
    left: 13%;
    top: 0;
    --compPosition: relative;
  }
}
.buy-scene .composition-block .item-1 {
  z-index: 2;
  left: 8.45%;
  top: 50%;
  max-width: 88.5%;
  --compItemRatio: 87.7192982%;
}
.buy-scene .composition-block .item-2 {
  top: 29.2857143%;
  left: -30.775194%;
  max-width: 114.728682%;
  --compItemRatio: 75.6756757%;
}
.buy-scene .composition-block .item-3 {
  top: 42.428571%;
  left: 16.302326%;
  max-width: 114.728682%;
  --compItemRatio: 75.6756757%;
}
.buy-scene .composition-block .item-4 {
  top: -5.28571429%;
  left: 37.6744186%;
  max-width: 54.2635659%;
  --compItemRatio: 85.7142857%;
}
.buy-scene .composition-block .item-5 {
  top: 39.1428571%;
  left: 60.4651163%;
  max-width: 8.8372093%;
  --compItemRatio: 100%;
}
.buy-scene .composition-block .item-6 {
  top: 17.7142857%;
  left: 34.8837209%;
  max-width: 7.13178295%;
  --compItemRatio: 100%;
}
.buy-scene .composition-block .item-7 {
  top: 31%;
  right: 8.0620155%;
  max-width: 5.73643411%;
  --compItemRatio: 100%;
}
.buy-scene:before {
  position: absolute;
  content: "";
  width: 1000%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  background: #1B1B87;
}
@media (max-width: 999.98px) {
  .buy-scene:before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.buy-scene .circles-group {
  position: absolute;
  top: calc(50% - 160px);
  z-index: 2;
  width: 300px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 689.98px) {
  .buy-scene .circles-group {
    top: 22px;
    transform: scale3d(0.4, 0.4, 1);
  }
}
@media (max-width: 999.98px) {
  .buy-scene .circles-group {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media (min-width: 1000px) {
  .buy-scene .circles-group {
    left: 250px;
  }
}
.buy-scene .circles-group span {
  position: absolute;
  width: var(--size, 300px);
  height: var(--size, 300px);
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.buy-scene .circles-group span:nth-child(2) {
  --size: 500px;
}
.buy-scene .circles-group span:nth-child(3) {
  --size: 700px;
}
.buy-scene .circles-group span:nth-child(4) {
  --size: 900px;
}
.buy-scene .circles-group span:nth-child(5) {
  --size: 1100px;
}
.buy-scene .circles-group span:nth-child(6) {
  --size: 1300px;
}
.buy-scene .circles-group span:nth-child(7) {
  --size: 1500px;
}

#pro-container {
  background: #fff;
  --sm-MaxWidth: 500px;
}
@media (max-width: 689.98px) {
  #pro-container .heading {
    font-size: 23px;
    line-height: 1.3;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #pro-container .heading {
    font-size: 30px;
  }
}
#pro-container .sub-heading {
  opacity: initial;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: initial;
}
#pro-container ul {
  list-style-type: none;
  padding: 0;
  --theme-content-spacing: 0;
}
@media (max-width: 689.98px) {
  #pro-container .items-list {
    text-align: center;
  }
}
#pro-container .buttons-group {
  display: var(--display, inline-grid);
  grid-template-columns: var(--grid-template-columns, auto auto);
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}
#pro-container .buttons-group a {
  --theme-button-padding: 0 20px;
  --theme-button-min-height: 60px;
  --theme-button-font-size: 17px;
  --theme-button-font-weight: 600;
  --theme-button-border-radius: 8px;
}
@media (max-width: 999.98px) {
  #pro-container .buttons-group a {
    --theme-button-padding: 0 27px;
    --theme-button-min-height: 55px;
    --theme-button-font-size: 15px;
    --theme-button-font-weight: 500;
  }
}
#pro-container .hero-content .buttons-group {
  max-width: var(--max-width, 440px);
}
#pro-container [class*=decoration-line] {
  position: absolute;
  left: -1000%;
  width: 2000%;
  height: 1px;
  background: #ECECEC;
  opacity: 0.8;
  transform: rotate(-24.5deg);
}
#pro-container .decoration-line-1 {
  bottom: -12.5%;
}
#pro-container .decoration-line-2 {
  bottom: 8.5%;
}
#pro-container .decoration-line-3 {
  bottom: 30%;
}
#pro-container .decoration-line-4 {
  bottom: -50%;
}
#pro-container .decoration-line-5 {
  bottom: -70%;
}

[data-number],
[data-check-mark] {
  display: inline-flex;
  align-items: center;
}
[data-number]:before,
[data-check-mark]:before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

[data-number]:before {
  content: attr(data-number);
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  font-size: 18px;
  color: #fff;
  margin-right: 15px;
  background: #115CFA;
}

[data-check-mark] {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
}
[data-check-mark]:before {
  width: var(--width, 24px);
  height: var(--width, 24px);
  flex: 0 0 var(--width, 24px);
  content: "";
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: center center;
}

[data-check-mark*=green]:before {
  background-color: #D6F3E3;
  background-image: url(https://creativethemes.com/blocksy/wp-content/uploads/2020/11/check-mark-green.svg);
}

[data-check-mark=light-purple]:before {
  background-color: #D9BFF8;
  background-image: url(https://creativethemes.com/blocksy/wp-content/uploads/2020/11/check-mark-light-purple.svg);
}

[data-check-mark*=green-big]:before {
  --width: 40px;
  border-radius: 8px;
  background-size: 15px auto;
}
@media (max-width: 689.98px) {
  [data-check-mark*=green-big]:before {
    --width: 24px;
    background-size: 12px auto;
    border-radius: 100%;
  }
}

[data-plan=yearly] [class*=lifetime] {
  display: none !important;
}

[data-plan=lifetime] [class*=yearly] {
  display: none !important;
}

.pricing-plans {
  display: grid;
  width: 100%;
  grid-row-gap: 30px;
  padding: 0 10px;
  margin-bottom: 90px;
}
@media (min-width: 1000px) {
  .pricing-plans {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 35px;
  }
}
.pricing-plans > li {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.1);
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .pricing-plans > li {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.plan-main {
  display: flex;
  flex-direction: column;
  padding: 40px;
}
.plan-main h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 10px;
}
.plan-main h3 span {
  display: flex;
  font-size: 12px;
  font-weight: 600;
  color: rgba(46, 58, 87, 0.6784313725);
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 3px;
  background: rgba(225, 232, 237, 0.6392156863);
}
.plan-main .plan-description {
  font-size: 15px;
  margin-bottom: 40px;
  opacity: 0.7;
}
.plan-main .price-container {
  display: flex;
  flex-wrap: wrap;
  font-size: 45px;
  line-height: 45px;
  font-weight: 900;
  color: var(--theme-headings-color);
}
.plan-main .price-container [class*=period] {
  align-self: flex-end;
  font-size: 16px;
  line-height: initial;
  font-weight: 500;
  margin-left: 0.25em;
  margin-bottom: 0.4em;
}
.plan-main hr {
  width: 100%;
  margin-block: 40px 0;
}
.plan-main .ct-button {
  width: 100%;
  margin-top: 45px;
  --theme-button-padding: 5px 45px;
  --theme-button-font-size: 17px;
  --theme-button-font-weight: 600;
  --theme-button-min-height: 60px;
  --theme-button-border-radius: 8px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .plan-main .ct-button {
    margin-top: auto;
  }
}

.plan-features {
  padding: 0 40px 40px 40px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .plan-features {
    padding-top: 40px;
    border-left: 1px solid var(--theme-border-color);
  }
}
.plan-features ul {
  width: 100%;
  font-weight: 500;
  margin-bottom: 45px;
}
.plan-features ul li {
  display: flex;
  align-items: center;
}
.plan-features ul li:not(:last-child) {
  margin-bottom: 15px;
}
.plan-features ul .not-included {
  color: rgba(52, 64, 72, 0.5);
}
.plan-features ul .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  border-radius: 100%;
}
.plan-features ul .icon svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}
.plan-features .ct-button-ghost {
  width: 100%;
  margin-top: auto;
  --theme-button-padding: 5px 25px;
  --theme-button-font-weight: 500;
  --theme-button-min-height: 60px;
  --theme-button-border-radius: 8px;
  --theme-button-text-initial-color: #6d7479de;
  --theme-button-background-initial-color: #d0d3d69e;
  --theme-button-background-hover-color: #1f283a;
}

.pricing-ribbon {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
}
.pricing-ribbon > div {
  position: relative;
}
.pricing-ribbon .ribbon-front {
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 500;
  min-width: 290px;
  padding: 13px 15px;
  background: #252e44;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.15);
}
.pricing-ribbon .ribbon-front b {
  color: #ff8f7d;
}
.pricing-ribbon .ribbon-back {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  width: 0;
  height: 0;
  opacity: 0.6;
  border-style: solid;
  border-width: 0 22px 24px 22px;
  border-color: transparent transparent #252e44 transparent;
}
.pricing-ribbon .ribbon-back:first-child {
  left: -22px;
}
.pricing-ribbon .ribbon-back:last-child {
  right: -22px;
}

#pricing-container .reviews-container {
  margin-top: 80px;
}
#pricing-container .reviews-container .ct-container {
  padding-block: 80px;
  border-block: 1px dashed rgba(52, 64, 72, 0.1);
}
#pricing-container .reviews-container .heading {
  text-align: center;
}
#pricing-container .reviews-container .sub-heading {
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.6;
  text-align: center;
  letter-spacing: initial;
}

.comparison-table-container .comparison-heading {
  margin-top: 80px;
  text-align: center;
  --scroll-margin-top: 50px;
}
.comparison-table-container .sub-heading {
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.6;
  text-align: center;
  letter-spacing: initial;
}

.plans-options-container {
  margin-top: 50px;
}
@media (max-width: 689.98px) {
  .plans-options-container {
    overflow: auto;
  }
}

.plans-options {
  -webkit-margin-after: 80px;
          margin-block-end: 80px;
}
.plans-options:last-of-type {
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
@media (max-width: 689.98px) {
  .plans-options {
    min-width: 800px;
  }
}
@media (max-width: 999.98px) {
  .plans-options {
    font-size: 14px;
    font-weight: 500;
  }
}
@media (min-width: 1000px) {
  .plans-options {
    font-size: 15px;
    font-weight: 600;
  }
}
.plans-options li {
  display: grid;
  margin: 15px 0;
}
@media (min-width: 1000px) {
  .plans-options li {
    grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .plans-options li {
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 689.98px) {
  .plans-options li {
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  }
}
.plans-options li > span {
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 8px 5px;
  background: var(--table-row-background, rgba(251, 251, 251, 0.95));
}
.plans-options li > span:first-child {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
  border-radius: 8px 0 0 8px;
}
.plans-options li > span:last-child {
  border-radius: 0 8px 8px 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.plans-options li > span:not(.label) {
  justify-content: center;
}
.plans-options li > span.label {
  position: -webkit-sticky;
  position: sticky;
  inset-inline-start: 0;
}
.plans-options li > span.label a {
  font-size: 13px;
  font-weight: 500;
  --theme-link-initial-color: #a9afbc;
}
@media (min-width: 1000px) {
  .plans-options li > span.label a {
    margin-left: 0.2em;
  }
}
@media (max-width: 999.98px) {
  .plans-options li > span.label a {
    display: block;
  }
}
.plans-options li > span small {
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin-top: 3px;
}
.plans-options li:nth-child(even) > span {
  background: #fff;
}
.plans-options li.table-heading {
  position: relative;
  color: #fff;
  margin-bottom: 20px;
  --table-row-background: #1f283a;
}
@media (min-width: 690px) {
  .plans-options li.table-heading {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--admin-bar, 0px) + var(--header-sticky-height, 0px) + 30px);
    z-index: 2;
  }
}
.plans-options li.table-heading > span {
  position: relative;
}
.plans-options li.table-heading > span.label {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
.plans-options li.table-heading:before {
  position: absolute;
  content: "";
  inset-block: -30px 0;
  inset-inline: 0;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 30px 30px 0 #fff;
}
.plans-options .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 100%;
}
.plans-options .icon-container svg {
  width: 13px;
  height: 13px;
}
.plans-options .checked .icon-container {
  background: #D8F9D1;
}
.plans-options .checked .icon-container svg {
  fill: #059922;
}
.plans-options .not-checked .icon-container {
  background: #ffeee1;
}
.plans-options .not-checked .icon-container svg {
  fill: #e5634a;
}

.sticky-buy-bar {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
  align-items: center;
  padding: 20px 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
  bottom: 0;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.sticky-buy-bar.active {
  opacity: 1;
  transform: translateY(0);
}
.sticky-buy-bar:before {
  position: absolute;
  content: "";
  inset: 0;
  background: #fff;
}
.sticky-buy-bar span {
  position: relative;
  text-align: center;
}
.sticky-buy-bar span.label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  text-align: initial;
  color: #6d7479;
  padding-left: 20px;
}
.sticky-buy-bar span.label a {
  color: inherit;
}
.sticky-buy-bar span.label a:hover {
  text-decoration: underline;
}
.sticky-buy-bar .ct-button-ghost {
  --theme-button-border-radius: 5px;
  --theme-button-text-initial-color: #6d7479;
  --theme-button-background-initial-color: #d0d3d6;
  --theme-button-background-hover-color: #1f283a;
}

.pricing-faq {
  margin-top: 140px;
}
.pricing-faq .heading, .pricing-faq .sub-heading {
  text-align: center;
}
.pricing-faq .sub-heading {
  max-width: 750px;
  margin: 0 auto;
}
.pricing-faq ul {
  margin: 70px auto 0 auto;
  max-width: 850px;
}
.pricing-faq section a {
  text-decoration: underline;
}

.page-template-template-pricing-black-friday .ct-banner-countdown {
  display: none;
}

#pricing-container.black-friday-template .pricing-hero-container {
  background-color: #0D0C19;
  background-image: url("https://creativethemes.com/blocksy/wp-content/uploads/2024/11/effect.svg");
}
@media (max-width: 689.98px) {
  #pricing-container.black-friday-template .pricing-hero-container {
    background-position: center bottom;
    --section-height: 860px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #pricing-container.black-friday-template .pricing-hero-container {
    background-position: center center;
    --section-height: 900px;
  }
}
@media (min-width: 1000px) {
  #pricing-container.black-friday-template .pricing-hero-container {
    background-position: center top;
    --section-height: 970px;
  }
}
#pricing-container.black-friday-template .pricing-hero-container .heading {
  line-height: 1.5;
  max-width: 900px;
  margin-bottom: 30px;
}
#pricing-container.black-friday-template .ct-countdown-container {
  color: #fff;
  padding: 35px 20px 0 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#pricing-container.black-friday-template .plans-switch {
  border-color: rgb(0, 74, 229);
}
#pricing-container.black-friday-template .plans-switch:before {
  background: rgb(0, 74, 229);
}
#pricing-container.black-friday-template .plans-switch a.active {
  color: #fff;
}
#pricing-container.black-friday-template .pricing-table {
  margin-top: -295px;
}
#pricing-container.black-friday-template .plan-main h3 {
  margin-bottom: 15px;
}
#pricing-container.black-friday-template .plan-main h3 span {
  color: #fff;
  background: #115CFA;
  background: #2872fa;
  padding: 5px 10px;
  border-radius: 5px;
}
#pricing-container.black-friday-template .plan-main .renewal-notice {
  text-align: center;
  font-size: 15px;
  opacity: 0.8;
  margin-top: 15px;
}
#pricing-container.black-friday-template .price-container.regular-price {
  position: relative;
  color: #e40b17;
  color: #889095;
  font-size: 22px;
  line-height: 22px;
  font-weight: 800;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-bottom: 10px;
}
#pricing-container.black-friday-template .price-container.regular-price:before {
  position: absolute;
  content: "";
  top: 50%;
  width: calc(100% + 12px);
  left: -6px;
  height: 1px;
  background: currentColor;
}
#pricing-container.black-friday-template .price-container.regular-price [class*=period] {
  font-size: 12px;
  margin-bottom: 0.1em;
}

.page-template-template-pricing #main {
  overflow: visible;
}

.pricing-hero-container {
  position: relative;
  text-align: center;
  overflow: hidden;
  background: var(--heroBackground, #115CFA);
}
.pricing-hero-container .hero-scene .item-2 {
  top: 29%;
  right: -7.1%;
}
.pricing-hero-container .hero-scene .item-1-pro {
  width: 8.99224806%;
  top: 41.8%;
  left: -11.627907%;
}
.pricing-hero-container .hero-scene .item-1-pro:before {
  padding-bottom: 50.862069%;
}
.pricing-hero-container .hero-scene .item-2-pro {
  width: 4.49612403%;
  top: 6.2%;
  right: -11.627907%;
}
.pricing-hero-container .hero-scene .item-2-pro:before {
  padding-bottom: 198.275862%;
}

#pricing-container {
  overflow: initial;
}
#pricing-container .pricing-hero-container {
  min-height: var(--section-height);
}
@media (max-width: 689.98px) {
  #pricing-container .pricing-hero-container {
    --section-height: 705px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #pricing-container .pricing-hero-container {
    --section-height: 730px;
  }
}
@media (min-width: 1000px) {
  #pricing-container .pricing-hero-container {
    --section-height: 800px;
  }
}
#pricing-container .pricing-hero-container .hero-content {
  justify-content: flex-start;
  padding-top: calc(var(--has-transparent-header) * var(--header-height));
}
@media (max-width: 689.98px) {
  #pricing-container .pricing-hero-container .hero-content {
    --minHeight: calc(var(--section-height) - 260px);
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #pricing-container .pricing-hero-container .hero-content {
    --minHeight: calc(var(--section-height) - 260px);
  }
}
@media (min-width: 1000px) {
  #pricing-container .pricing-hero-container .hero-content {
    --minHeight: calc(var(--section-height) - 260px);
  }
}
#pricing-container .pricing-hero-container .hero-heading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 120px;
}
#pricing-container .pricing-hero-container .heading {
  color: #fff;
  line-height: 1.2;
}
#pricing-container .pricing-hero-container .sub-heading {
  max-width: 500px;
  margin: 0 auto;
  color: #fff;
}
#pricing-container ul {
  padding: 0;
  list-style-type: none;
}

.plans-switch {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  position: relative;
  width: 230px;
  height: 65px;
  padding: 7px;
  margin-inline: auto;
  border-radius: 100px;
  border: 2px solid rgba(0, 74, 229, 0.9);
}
@media (max-width: 689.98px) {
  .plans-switch {
    margin-top: 40px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .plans-switch {
    margin-top: 50px;
  }
}
@media (min-width: 1000px) {
  .plans-switch {
    margin-top: 60px;
  }
}
.plans-switch:before {
  position: absolute;
  content: "";
  height: calc(100% - 14px);
  width: calc(50% - 7px);
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);
  transition: left 0.1s ease;
}
.plans-switch.yearly:before {
  left: 7px;
}
.plans-switch.lifetime:before {
  left: 50%;
}
.plans-switch a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}
.plans-switch a:hover {
  color: #fff;
}
.plans-switch a.active {
  color: #051923;
}

.pricing-table {
  position: relative;
  z-index: 2;
  margin-top: -260px;
}

.payment-info-text h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  color: #818690;
  margin-bottom: 10px;
}
.payment-info-text h5 svg {
  fill: currentColor;
  margin-right: 8px;
}
.payment-info-text p {
  text-align: center;
  color: #97a0a9;
  font-size: 15px;
  max-width: 580px;
  margin: 0 auto;
}
.payment-info-text p a {
  color: inherit;
  text-decoration: underline;
}
.payment-info-text p a:hover {
  color: var(--theme-link-hover-color);
}

.payment-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
  transform: scale3d(0.75, 0.75, 1);
}
.payment-icons img {
  margin: 20px 25px 0 25px;
}

.pricing-info {
  margin-top: 140px;
}
.pricing-info ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 70px;
  text-align: center;
}
@media (min-width: 690px) {
  .pricing-info ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pricing-info h6 {
  margin: 30px 0 10px 0;
}
.pricing-info p {
  font-size: 15px;
  --theme-content-spacing: 0;
}
.pricing-info p a {
  color: inherit;
  text-decoration: underline;
}
.pricing-info p a:hover {
  color: var(--theme-link-hover-color);
}

.cta-pricing-section {
  padding: 130px 0;
}
.cta-pricing-section .cta {
  min-height: 295px;
}

.ct-accordion > li {
  overflow: hidden;
}
.ct-accordion > li:not(:last-child) {
  border-bottom: 1px dashed #e9e9e9;
}
.ct-accordion > li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 90px;
  padding: 10px 0;
  cursor: pointer;
}
.ct-accordion > li > div b {
  font-weight: 600;
  max-width: 90%;
}
.ct-accordion > li > div svg {
  transition: opacity 0.1s ease;
}
.ct-accordion > li section.is-animating {
  transition: height 0.3s ease;
}
.ct-accordion > li section > *:last-child {
  margin-bottom: 0;
  padding-bottom: 35px;
}
.ct-accordion > li.active .plus {
  display: none;
}
.ct-accordion > li:not(.active) svg {
  opacity: 0.25;
}
.ct-accordion > li:not(.active):hover svg {
  opacity: 1;
}
.ct-accordion > li:not(.active) section {
  display: none;
}

.post-type-archive-starter_sites #header [data-row=middle],
.tax-starter_sites_categories #header [data-row=middle] {
  box-shadow: none;
}
.post-type-archive-starter_sites #main,
.tax-starter_sites_categories #main {
  overflow: initial;
}

.demos-filter-section {
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  padding-block: 20px;
  background: #fff;
  border-top: 1px solid rgba(226, 230, 235, 0.7);
  border-bottom: 1px solid rgba(226, 230, 235, 0.7);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
}
@media (max-width: 999.98px) {
  .demos-filter-section {
    top: calc(var(--admin-bar, 0px) + 70px);
  }
}
@media (min-width: 1000px) {
  .demos-filter-section {
    top: calc(var(--admin-bar, 0px) + 100px);
  }
}
.demos-filter-section .ct-container {
  display: flex;
  justify-content: center;
}

.demos-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
}
@media (max-width: 999.98px) {
  .demos-filter {
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 10px;
  }
}
@media (min-width: 1000px) {
  .demos-filter {
    -moz-column-gap: 35px;
         column-gap: 35px;
    row-gap: 15px;
  }
}
.demos-filter li:not(.active) {
  --theme-link-initial-color: rgba(46, 58, 87, 0.7);
}

.demos-section {
  padding-top: 80px;
  padding-bottom: 100px;
}
.demos-section .demo-items {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 55px;
  list-style-type: none;
  padding: 0;
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .demos-section .demo-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 690px) {
  .demos-section .demo-items {
    grid-template-columns: repeat(4, 1fr);
    margin: 0 auto;
  }
}

.demo-item a {
  display: flex;
  flex-direction: column;
  position: relative;
}
.demo-item a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  aspect-ratio: 47/80;
  border-radius: 3px;
  box-shadow: 0 20px 60px 0 rgba(193, 199, 212, 0.5);
}
.demo-item a > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  transition: box-shadow 0.2s ease;
}
.demo-item a > span img {
  -o-object-fit: auto;
     object-fit: auto;
  transition: opacity 0.2s ease, filter 0.2s ease;
}
.demo-item a > span span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  left: 0;
  right: 0;
  bottom: calc(var(--demo-item-builder-type, 60px) * -1);
  height: var(--demo-item-builder-type, 60px);
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #115cfa;
  box-shadow: 0 -20px 70px 0 rgba(193, 199, 212, 0.5);
  transition: bottom 0.2s ease, opacity 0.2s ease;
}
.demo-item a > span:after {
  position: absolute;
  opacity: 0;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  background: url("https://creativethemes.com/blocksy/wp-content/uploads/2020/04/preview.svg");
  background-size: 50px;
  transform: scale3d(0.9, 0.9, 1);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.demo-item a:hover > span {
  box-shadow: 0px 0px 0px 3px #115cfa;
}
.demo-item a:hover > span img {
  opacity: 0.7;
  filter: grayscale(100%);
}
.demo-item a:hover > span span {
  opacity: 1;
  bottom: 0;
}
.demo-item a:hover > span:after {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.demo-item h5 {
  font-size: 17px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}
.demo-item .status {
  padding: 3px 11px;
  margin-left: 15px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  background: #115cfa;
  border-radius: 15px;
}
.demo-item .demo-item-short-description {
  display: block;
  font-size: 14px;
  text-align: center;
  opacity: 0.8;
}
.demo-item .demo-item-short-description:not(:empty) {
  margin-top: 15px;
}

#starter-site-single-container {
  --heroBackground: #1f2228;
}
@media (max-width: 689.98px) {
  #starter-site-single-container .hero-content {
    --minHeight: 200px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #starter-site-single-container .hero-content {
    --minHeight: 250px;
  }
}
@media (min-width: 1000px) {
  #starter-site-single-container .hero-content {
    --minHeight: 300px;
  }
}
#starter-site-single-container .hero-scene span {
  opacity: 0.03;
}

.ss-meta {
  font-size: 15px;
  margin: 40px 0 0 0;
  padding-top: 40px;
  border-top: 1px solid rgba(226, 230, 235, 0.7);
}
.ss-meta > *:not(:last-child) {
  margin-bottom: 6px;
}

.ss-categories a {
  --theme-link-initial-color: var(--theme-text-color);
}

.ss-main-section {
  display: grid;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}
@media (min-width: 1000px) {
  .ss-main-section {
    grid-template-columns: 1.2fr 1fr;
  }
}
.ss-main-section .ss-scene {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
  aspect-ratio: 665/887;
  margin-top: -130px;
}
.ss-main-section .ct-media-container {
  position: absolute;
  border-radius: 8px;
  -webkit-mask-image: initial;
}
.ss-main-section .demo-image-1 {
  left: 0;
  max-width: 78%;
  box-shadow: 20px 30px 80px 0 rgba(0, 0, 0, 0.1);
}
.ss-main-section .demo-image-2 {
  right: 0;
  max-width: 67%;
  box-shadow: 20px 30px 60px 0 rgba(0, 0, 0, 0.08);
}
@media (min-width: 1000px) {
  .ss-main-section .entry-content {
    padding-top: 60px;
  }
}
.ss-main-section .ss-title {
  font-size: 35px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ss-main-section .ct-breadcrumbs {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(226, 230, 235, 0.7);
  --theme-text-color: rgba(46, 58, 87, 0.6);
  --theme-link-initial-color: rgba(46, 58, 87, 0.6);
}
.ss-main-section .buttons-group {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 45px;
  --theme-button-font-size: 16px;
  --theme-button-font-weight: 600;
  --theme-button-min-height: 60px;
  --theme-button-border-radius: 8px;
  --theme-button-padding: 5px 35px;
}

.ss-features {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  border-top: 1px solid rgba(226, 230, 235, 0.7);
}
@media (max-width: 999.98px) {
  .ss-features {
    padding-top: 50px;
    margin-top: 50px;
  }
}
@media (min-width: 1000px) {
  .ss-features {
    padding-top: 80px;
    margin-top: 90px;
  }
}
.ss-features li {
  margin: 0;
}
.ss-features h2 {
  font-size: 16px;
  font-weight: 700;
}
.ss-features p {
  font-size: 15px;
  margin-bottom: 0;
}

.ss-gallery-container {
  border-top: 1px solid rgba(226, 230, 235, 0.7);
}
@media (max-width: 999.98px) {
  .ss-gallery-container {
    padding-top: 50px;
    margin-top: 50px;
  }
}
@media (min-width: 1000px) {
  .ss-gallery-container {
    padding-top: 75px;
    margin-top: 75px;
  }
}
.ss-gallery-container h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 25px;
}

.ss-gallery {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 50px;
}
.ss-gallery .ct-media-container {
  position: relative;
  flex-direction: column;
  border-radius: 6px;
  -webkit-mask-image: initial;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.07);
}
.ss-gallery .ct-media-container:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s ease;
}
.ss-gallery .ct-media-container span {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  padding: 15px 30px;
  border-radius: 4px;
  background: rgb(255, 255, 255);
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.ss-gallery .ct-media-container span:empty {
  display: none;
}
.ss-gallery .ct-media-container:hover:before {
  opacity: 1;
}
.ss-gallery .ct-media-container:hover span {
  opacity: 1;
  transform: translateY(0);
}

.ss-info-cta-section {
  text-align: center;
}
@media (max-width: 999.98px) {
  .ss-info-cta-section {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1000px) {
  .ss-info-cta-section {
    padding-top: 60px;
    padding-bottom: 120px;
  }
}
.ss-info-cta-section .ct-container {
  padding: 115px 30px;
  background: #F4F6F7;
  border-radius: 30px;
}
@media (max-width: 999.98px) {
  .ss-info-cta-section .ct-container {
    padding: 80px 30px;
  }
}
@media (min-width: 1000px) {
  .ss-info-cta-section .ct-container {
    padding: 80px 30px;
  }
}
@media (max-width: 999.98px) {
  .ss-info-cta-section h2 {
    font-size: 25px;
  }
}
.ss-info-cta-section .sub-heading {
  max-width: 650px;
  margin: 0 auto;
}
@media (max-width: 999.98px) {
  .ss-info-cta-section .sub-heading {
    font-size: 16px;
  }
}
.ss-info-cta-section .ss-info-steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 30px;
  max-width: 970px;
  list-style: none;
  padding: 0;
}
@media (max-width: 999.98px) {
  .ss-info-cta-section .ss-info-steps {
    margin: 50px auto;
  }
}
@media (min-width: 1000px) {
  .ss-info-cta-section .ss-info-steps {
    margin: 70px auto;
  }
}
@media (max-width: 689.98px) {
  .ss-info-cta-section .ss-info-steps {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.ss-info-cta-section .ss-info-steps > * {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.ss-info-cta-section .ss-info-steps .item {
  flex-direction: column;
  width: 25%;
  background: #fff;
  border-radius: 25px;
  transition: box-shadow 0.2s ease;
}
@media (max-width: 689.98px) {
  .ss-info-cta-section .ss-info-steps .item {
    width: 100%;
    height: 200px;
    padding: 30px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .ss-info-cta-section .ss-info-steps .item {
    width: 30%;
    height: 200px;
    padding: 25px 20px;
  }
}
@media (min-width: 1000px) {
  .ss-info-cta-section .ss-info-steps .item {
    width: 28%;
    height: 240px;
    padding: 35px;
  }
}
.ss-info-cta-section .ss-info-steps .item span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: #fff;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-image: linear-gradient(180deg, #0091FF 0%, #115CFA 100%);
}
@media (max-width: 999.98px) {
  .ss-info-cta-section .ss-info-steps .item span {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
  }
  .ss-info-cta-section .ss-info-steps .item span svg {
    width: 16px;
    height: 16px;
  }
}
@media (min-width: 1000px) {
  .ss-info-cta-section .ss-info-steps .item span {
    flex: 0 0 70px;
    width: 70px;
    height: 70px;
  }
}
.ss-info-cta-section .ss-info-steps .item span svg {
  fill: currentColor;
}
.ss-info-cta-section .ss-info-steps .item h6 {
  line-height: 28px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 0;
}
.ss-info-cta-section .ss-info-steps .item:hover {
  box-shadow: 0 20px 80px 0 rgba(103, 103, 103, 0.1);
}
.ss-info-cta-section .ss-info-steps .divider {
  opacity: 0.5;
  border-bottom: 2px dashed #C4CBCF;
}
@media (max-width: 999.98px) {
  .ss-info-cta-section .ss-info-steps .divider {
    display: none;
  }
}
@media (min-width: 1000px) {
  .ss-info-cta-section .ss-info-steps .divider {
    width: 4%;
  }
}
.ss-info-cta-section .ct-button {
  margin-top: 50px;
  --theme-button-font-size: 16px;
  --theme-button-font-weight: 600;
  --theme-button-min-height: 60px;
  --theme-button-border-radius: 8px;
  --theme-button-padding: 5px 35px;
}

.demo-item-badge {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgb(161, 104, 13);
  text-decoration: none;
  padding: 5px 15px;
  background: #ffc568;
  border-radius: 3px;
  box-shadow: 0 5px 8px 0 rgba(234, 157, 33, 0.3);
}

.demo-item .demo-item-badge {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  margin: 20px;
}

.related-starter-sites {
  border-top: 1px solid rgba(226, 230, 235, 0.7);
}
@media (max-width: 999.98px) {
  .related-starter-sites {
    padding-top: 50px;
    margin-top: 50px;
  }
}
@media (min-width: 1000px) {
  .related-starter-sites {
    margin-top: 20px;
    padding-top: 75px;
    padding-bottom: 40px;
  }
}
.related-starter-sites h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 25px;
}
.related-starter-sites ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 55px;
  list-style-type: none;
  padding: 0;
}
.related-starter-sites .demo-item a > span span {
  font-size: 13px;
  font-weight: 500;
  --demo-item-builder-type: 45px;
}
.related-starter-sites .demo-item a > span:after {
  width: 40px;
  height: 40px;
  background-size: 40px;
}
.related-starter-sites .demo-item .demo-item-badge {
  font-size: 11px;
  font-weight: 600;
  margin: 10px;
  padding: 3px 10px;
}
.related-starter-sites .demo-item h5 {
  font-size: 15px;
  font-weight: 500;
}

.demo-archive-bottom-description {
  padding-top: 80px;
  margin-top: 80px;
  border-top: 1px solid rgba(226, 230, 235, 0.7);
}

.demo-selling-points {
  margin-top: 50px;
}
.demo-selling-points ul {
  display: grid;
  gap: 50px;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 1000px) {
  .demo-selling-points ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.demo-selling-points ul p:last-child {
  margin-bottom: 0;
}

.demo-faq-container {
  padding-top: 80px;
  margin-top: 80px;
  border-top: 1px solid rgba(226, 230, 235, 0.7);
}
.demo-faq-container .accordion-group {
  display: grid;
}
@media (min-width: 1000px) {
  .demo-faq-container .accordion-group {
    gap: 50px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.demo-faq-container .ct-accordion {
  padding: 0;
  margin: 0;
}
@media (max-width: 999.98px) {
  .demo-faq-container .ct-accordion:not(:last-child) {
    border-bottom: 1px dashed #e9e9e9;
  }
}

#demos-container .sub-heading {
  color: var(--theme-heading-color);
}

.woo-hero-container {
  overflow: hidden;
  background: #F9FAFB;
}
@media (max-width: 999.98px) {
  .woo-hero-container {
    background: #115CFA;
    padding-block: 80px 50px;
  }
}
@media (max-width: 689.98px) {
  .woo-hero-container {
    padding-block: 60px 30px;
  }
}
.woo-hero-container .ct-container {
  display: grid;
}
@media (max-width: 999.98px) {
  .woo-hero-container .ct-container {
    gap: 20px;
  }
}
@media (min-width: 1000px) {
  .woo-hero-container .ct-container {
    grid-template-columns: 1fr 2fr;
  }
}
.woo-hero-container .woo-hero-composition {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-block: clamp(60px, 7vw, 110px);
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-hero-composition {
    align-items: center;
  }
}
@media (min-width: 1000px) {
  .woo-hero-container .woo-hero-composition:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    background: #115CFA;
  }
}
.woo-hero-container .woo-composition {
  position: relative;
  width: 100%;
  aspect-ratio: 5/8;
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-composition {
    width: 50%;
    margin-left: -5.8139535%;
  }
}
@media (max-width: 689.98px) {
  .woo-hero-container .woo-composition {
    width: 60%;
  }
}
.woo-hero-container .woo-composition .gallery-container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2.9069767442%;
  aspect-ratio: 30/43;
  margin-right: -11.627907%;
}
.woo-hero-container .woo-composition .gallery-container .main-image img {
  border-radius: clamp(3px, 0.5vw, 7px);
}
.woo-hero-container .woo-composition .gallery-container .thumbnails {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  gap: 4.6511627907%;
  position: relative;
}
.woo-hero-container .woo-composition .gallery-container .thumbnails img {
  border-radius: clamp(3px, 0.5vw, 7px);
}
.woo-hero-container .woo-composition .gallery-container .thumbnails .arrow {
  position: absolute;
  left: -2.2916666667%;
  aspect-ratio: 1/1;
  width: 4.5833333333%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: clamp(3px, 0.5vw, 7px);
}
.woo-hero-container .woo-composition .gallery-container .thumbnails .arrow svg {
  aspect-ratio: 2814749767106560/5111585577065513;
  width: 22.7272727273%;
}
.woo-hero-container .woo-composition [class*=icon-] {
  position: absolute;
  z-index: 2;
}
.woo-hero-container .woo-composition .icon-grow {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 26/25;
  width: 18.1395349%;
  top: 6.54069767%;
  right: -18.6046512%;
  background: #fff;
  border-radius: clamp(3px, 0.7vw, 10px);
  box-shadow: 0px 26.3158px 87.7193px rgba(38, 47, 67, 0.15);
}
.woo-hero-container .woo-composition .icon-grow svg {
  aspect-ratio: 5348024557502464/5014476710100337;
  width: 48.7179487%;
}
.woo-hero-container .woo-composition .icon-discount-bubble {
  display: flex;
  top: 5.81395349%;
  left: -5.34883721%;
  width: 10.4651163%;
  aspect-ratio: 9/8;
}
.woo-hero-container .woo-composition .icon-cart {
  top: 34.8837209%;
  left: -6.51162791%;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 13.0232558%;
  background: #1D2B35;
  border-radius: 100%;
  box-shadow: 0px 27px 88px rgba(38, 47, 67, 0.15);
}
.woo-hero-container .woo-composition .icon-cart svg {
  aspect-ratio: 20/19;
  width: 35.7142857%;
}
.woo-hero-container .woo-composition [class*=swatches-container] {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  row-gap: clamp(10px, 1vw, 15px);
  padding: 4.187% 4.651163%;
  background: #fff;
  border-radius: clamp(3px, 0.7vw, 10px);
  box-shadow: 0px 24.0128px 80.0427px rgba(38, 47, 67, 0.15);
}
.woo-hero-container .woo-composition [class*=swatches-container] .label {
  font-size: 14px;
  font-weight: 600;
  font-size: clamp(10px, 1vw, 14px);
}
.woo-hero-container .woo-composition [class*=swatches-container] ul {
  display: flex;
  padding: 0;
  list-style: none;
}
.woo-hero-container .woo-composition [class*=swatches-container] ul li {
  transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.woo-hero-container .woo-composition .swatches-container-color {
  aspect-ratio: 41/20;
  width: 47.6744186%;
  top: 15.9883721%;
  left: -26.744186%;
}
.woo-hero-container .woo-composition .swatches-container-color ul {
  justify-content: space-between;
}
.woo-hero-container .woo-composition .swatches-container-color ul li {
  cursor: pointer;
  aspect-ratio: 1/1;
  width: 15.1515152%;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.woo-hero-container .woo-composition .swatches-container-color ul li:hover {
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.25);
}
.woo-hero-container .woo-composition .swatches-container-size {
  aspect-ratio: 137/54;
  top: 46.511627907%;
  left: -18.6046511628%;
}
.woo-hero-container .woo-composition .swatches-container-size ul {
  gap: clamp(5px, 1vw, 15px);
}
.woo-hero-container .woo-composition .swatches-container-size ul li {
  color: #595959;
  font-size: clamp(5px, 1vw, 12px);
  line-height: 1;
  font-weight: 600;
  padding: clamp(2px, 0.5vw, 8px) clamp(5px, 1vw, 15px);
  border: 2px solid #E1E8ED;
  border-radius: 80px;
}
.woo-hero-container .woo-composition .swatches-container-size ul li.active, .woo-hero-container .woo-composition .swatches-container-size ul li:hover {
  color: #fff;
  background: #125BF3;
  border-color: #125BF3;
}
.woo-hero-container .woo-composition [class*=dashed-lines] {
  position: absolute;
  border-radius: 10px;
  border: 1px dashed #5088FF;
  border: 1px dashed #6093ff;
}
.woo-hero-container .woo-composition .dashed-lines-1 {
  aspect-ratio: 58/23;
  width: 67.4418604651%;
  top: 21.6569767442%;
  left: -19.7674418605%;
}
.woo-hero-container .woo-composition .dashed-lines-2 {
  aspect-ratio: 58/23;
  width: 67.4418604651%;
  top: 39.2441860465%;
  left: -11.6279069767%;
}
.woo-hero-container .woo-composition .dashed-lines-3 {
  aspect-ratio: 190/91;
  width: 132.5581395349%;
  top: 54.5058139535%;
  left: -27%;
  display: flex;
  align-items: center;
}
.woo-hero-container .woo-composition .dashed-lines-3 svg {
  aspect-ratio: 1/1;
  width: 7.775%;
  margin-left: -3.887%;
}
.woo-hero-container .woo-composition .wishlist-container {
  position: absolute;
  z-index: 2;
  top: 73.4%;
  right: -24.4186047%;
  width: 41.8604651%;
  aspect-ratio: 5/6;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: clamp(3px, 0.7vw, 10px);
  box-shadow: 0px 27px 90px rgba(38, 47, 67, 0.2);
}
.woo-hero-container .woo-composition .wishlist-container img {
  width: 83.3333333%;
  aspect-ratio: 5/6;
}
.woo-hero-container .woo-composition .wishlist-container svg {
  position: absolute;
  top: 9.2592592593%;
  right: 11.1111111111%;
  aspect-ratio: 13/12;
  width: 7.2222222222%;
  cursor: pointer;
  transition: fill 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.woo-hero-container .woo-composition .wishlist-container svg:hover {
  fill: #ff5555;
}
.woo-hero-container .woo-hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-hero-content {
    grid-row: 1;
    text-align: center;
    align-items: center;
  }
}
@media (min-width: 1000px) {
  .woo-hero-container .woo-hero-content {
    padding: 8% 0 8% 19.7674418605%;
  }
}
.woo-hero-container .woo-hero-content > *:not(.decoration-lines) {
  position: relative;
  z-index: 1;
}
.woo-hero-container .woo-hero-content h1 {
  font-size: clamp(30px, 3.5vw, 50px);
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-hero-content h1 {
    color: #fff;
    max-width: 650px;
  }
}
.woo-hero-container .woo-hero-content .intro-desc {
  margin-bottom: clamp(30px, 5.5vw, 70px);
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-hero-content .intro-desc {
    color: #fff;
  }
}
.woo-hero-container .woo-hero-content .buttons-group {
  display: var(--display, inline-grid);
  grid-template-columns: var(--grid-template-columns, auto auto);
  gap: 25px;
}
@media (max-width: 689.98px) {
  .woo-hero-container .woo-hero-content .buttons-group {
    --grid-template-columns: auto;
  }
}
.woo-hero-container .woo-hero-content .buttons-group a {
  --theme-button-padding: 0 35px;
  --theme-button-min-height: 60px;
  --theme-button-font-size: 17px;
  --theme-button-font-weight: 600;
  --theme-button-border-radius: 8px;
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-hero-content .buttons-group a {
    --theme-button-padding: 0 27px;
    --theme-button-min-height: 55px;
    --theme-button-font-size: 15px;
    --theme-button-font-weight: 500;
    --theme-button-background-hover-color: #111029;
  }
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-hero-content .buttons-group .buy-now {
    --theme-button-text-initial-color: #111226;
    --theme-button-background-initial-color: #fff;
  }
}
.woo-hero-container .woo-hero-content .buttons-group .explore svg {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-hero-content .buttons-group .explore {
    border: 2px solid rgba(255, 255, 255, 0.2);
    --theme-button-background-initial-color: rgba(255, 255, 255, 0);
  }
  .woo-hero-container .woo-hero-content .buttons-group .explore:hover {
    border-color: transparent;
  }
}
@media (min-width: 1000px) {
  .woo-hero-container .woo-hero-content .buttons-group .explore {
    --theme-button-text-initial-color: #111226;
    --theme-button-background-initial-color: #EFF1F4;
  }
}
.woo-hero-container .woo-hero-content .reviews-container {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 12px 20px;
  background: #fff;
  border-radius: 50px;
  margin-bottom: 30px;
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-hero-content .reviews-container {
    display: none;
  }
}
.woo-hero-container .woo-hero-content .reviews-container .stars {
  display: flex;
  gap: 8px;
}
.woo-hero-container .woo-hero-content .reviews-container span {
  opacity: 0.7;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.woo-hero-container .woo-hero-content .decoration-lines {
  position: absolute;
  display: flex;
  align-items: center;
  left: -880%;
  bottom: -2%;
  width: 2000%;
  height: 350px;
  transform: rotate(24.5deg);
  border-block: 1px solid #ECECEC;
  pointer-events: none;
}
.woo-hero-container .woo-hero-content .decoration-lines:before {
  display: block;
  content: "";
  width: inherit;
  height: 1px;
  background: #ECECEC;
}
@media (max-width: 999.98px) {
  .woo-hero-container .woo-hero-content .decoration-lines {
    display: none;
  }
}

.woo-columns-container {
  display: grid;
  gap: 30px;
  container-type: inline-size;
}
@media (min-width: 690px) {
  .woo-columns-container.columns-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
.woo-columns-container.bottom-spacing {
  margin-bottom: 30px;
}
.woo-columns-container .col-span-3 {
  grid-column: span var(--col-span, 3);
}
.woo-columns-container .col-span-4 {
  grid-column: span var(--col-span, 4);
}
.woo-columns-container .col-span-5 {
  grid-column: span var(--col-span, 5);
}
.woo-columns-container .col-span-6 {
  grid-column: span var(--col-span, 6);
}
.woo-columns-container .col-span-7 {
  grid-column: span var(--col-span, 7);
}
.woo-columns-container .col-span-8 {
  grid-column: span var(--col-span, 8);
}
.woo-columns-container .row-span-2 {
  grid-row: span 2;
}
.woo-columns-container .column {
  display: flex;
  flex-direction: var(--col-direction, column);
  align-items: var(--col-align-items, start);
  justify-content: var(--col-justify-content);
  gap: var(--col-gap);
  position: relative;
  text-align: var(--col-text-align);
  padding-block: var(--col-spacing-block);
  padding-inline: var(--col-spacing-inline);
  background: var(--col-background-color, #F3F5F7);
  border-radius: 15px;
}
@media (max-width: 689.98px) {
  .woo-columns-container .column {
    --col-spacing-block: 28px;
    --col-spacing-inline: 28px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .woo-columns-container .column {
    --col-spacing-block: 30px;
    --col-spacing-inline: 30px;
  }
}
@media (min-width: 1000px) {
  .woo-columns-container .column {
    --col-spacing-block: 45px;
    --col-spacing-inline: 45px;
  }
}
.woo-columns-container .column.h-center {
  --col-align-items: center;
  --col-text-align: center;
}
.woo-columns-container .column.v-center {
  --col-justify-content: center;
}
.woo-columns-container .column.clip {
  overflow: clip;
}
.woo-columns-container .column .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.woo-columns-container .column .content {
  max-width: var(--col-content-max-width);
}
.woo-columns-container .column .content h3 {
  font-size: 18px;
}
.woo-columns-container .column .content p {
  color: #5A646B;
}
.woo-columns-container .column .content p:last-child {
  margin-bottom: 0;
}
.woo-columns-container .column .checked-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 15px;
  padding: 0;
  list-style: none;
}
.woo-columns-container .column .checked-list li {
  display: flex;
  align-items: center;
  gap: 13px;
}
.woo-columns-container .column .checked-list li:before {
  content: "";
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  opacity: 0.7;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath d='M8.5 0a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm4.41 6.728-5.41 5.41a.773.773 0 0 1-1.092 0L4.09 9.818a.773.773 0 0 1 1.093-1.093l1.772 1.772 4.862-4.862a.773.773 0 0 1 1.093 1.092Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath d='M8.5 0a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm4.41 6.728-5.41 5.41a.773.773 0 0 1-1.092 0L4.09 9.818a.773.773 0 0 1 1.093-1.093l1.772 1.772 4.862-4.862a.773.773 0 0 1 1.093 1.092Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.woo-columns-container .column .composition-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 689.98px) {
  .woo-features-top {
    padding-block: 60px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .woo-features-top {
    padding-block: 80px;
  }
}
@media (min-width: 1000px) {
  .woo-features-top {
    padding-block: 100px;
  }
}
@media (max-width: 999.98px) {
  .woo-features-top .sub-heading {
    margin-bottom: 50px;
  }
}
@media (min-width: 1000px) {
  .woo-features-top .sub-heading {
    margin-bottom: 70px;
  }
}
.woo-features-top .smart-assets {
  --col-align-items: center;
  --col-justify-content: space-between;
  --col-gap: 30px;
}
@container (max-width: 1050px) {
  .woo-features-top .smart-assets {
    --col-span: 12;
  }
}
@container (max-width: 500px) {
  .woo-features-top .smart-assets {
    --col-text-align: center;
  }
  .woo-features-top .smart-assets .icon {
    order: -1;
  }
}
@container (min-width: 500px) {
  .woo-features-top .smart-assets {
    --col-direction: row;
    --col-content-max-width: 62.962962963%;
  }
}
.woo-features-top .smart-assets .icon {
  position: relative;
  aspect-ratio: 1/1;
  width: 15.5555555556%;
  max-width: 84px;
}
.woo-features-top .smart-assets .icon .circle-waves {
  aspect-ratio: 1/1;
  width: 880.9523809524%;
  position: absolute;
  pointer-events: none;
}
@container (max-width: 800px) {
  .woo-features-top .product-filters {
    --col-span: 12;
  }
}
.woo-features-top .product-filters img {
  border-radius: 10px;
  margin-bottom: 35px;
}
@container (max-width: 1050px) {
  .woo-features-top .accessibility, .woo-features-top .translation {
    --col-span: 6;
  }
}
@container (max-width: 700px) {
  .woo-features-top .accessibility, .woo-features-top .translation {
    --col-align-items: center;
    --col-text-align: center;
  }
}
@container (max-width: 500px) {
  .woo-features-top .accessibility, .woo-features-top .translation {
    --col-span: 12;
  }
}
.woo-features-top .accessibility .icon, .woo-features-top .translation .icon {
  aspect-ratio: 1/1;
  width: 20.9523809524%;
  max-width: 44px;
  margin-bottom: 30px;
}
@media (max-width: 999.98px) {
  .woo-features-top .variation-swatches {
    --col-span: 12;
  }
}
.woo-features-top .variation-swatches .composition-container {
  margin-inline: calc(var(--col-spacing-inline) * -1);
  margin-bottom: 35px;
}
.woo-features-top .variation-swatches .composition-container img:nth-child(1) {
  position: relative;
  z-index: 1;
  aspect-ratio: 220/327;
  width: 53.6585365854%;
  border-radius: 15px;
  box-shadow: 0px 27px 90px rgba(38, 47, 67, 0.07);
}
.woo-features-top .variation-swatches .composition-container img:nth-child(2), .woo-features-top .variation-swatches .composition-container img:nth-child(3) {
  position: absolute;
  aspect-ratio: 176/267;
  width: 42.9268292683%;
  opacity: 0.8;
  border-radius: 12px;
  box-shadow: 0px 22px 73px rgba(38, 47, 67, 0.03);
}
.woo-features-top .variation-swatches .composition-container img:nth-child(2) {
  left: -7.5%;
}
.woo-features-top .variation-swatches .composition-container img:nth-child(3) {
  right: -7.5%;
}
@media (max-width: 999.98px) {
  .woo-features-top .products-wishlist, .woo-features-top .quick-view {
    --col-span: 6;
  }
}
@container (max-width: 500px) {
  .woo-features-top .products-wishlist, .woo-features-top .quick-view {
    --col-span: 12;
  }
}
.woo-features-top .products-wishlist {
  --col-gap: 35px;
  --col-background-color: #FFEDE9;
}
.woo-features-top .products-wishlist .composition-container {
  margin-inline: calc(var(--col-spacing-inline) * -1);
  margin-block: auto calc(var(--col-spacing-block) * -1);
}
.woo-features-top .products-wishlist .composition-container .item-1 {
  position: relative;
  z-index: 1;
  aspect-ratio: 16/17;
  width: 78.0487804878%;
}
.woo-features-top .products-wishlist .composition-container .item-1 img {
  border-radius: 10px 10px 0 0;
}
.woo-features-top .products-wishlist .composition-container .item-1 .icon {
  position: absolute;
  top: 8.8235294118%;
  right: 9.375%;
  aspect-ratio: 1/1;
  width: 10.3125%;
  cursor: pointer;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.15), 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
}
.woo-features-top .products-wishlist .composition-container .item-1 .icon svg {
  aspect-ratio: 13/11;
  width: 39.3939393939%;
  transition: fill 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.woo-features-top .products-wishlist .composition-container .item-1 .icon:hover svg {
  fill: #ff5555;
}
.woo-features-top .products-wishlist .composition-container .item-2, .woo-features-top .products-wishlist .composition-container .item-3 {
  position: absolute;
  bottom: 0;
  content: "";
  aspect-ratio: 320/317;
  background: #FFE3DC;
  width: 78.0487804878%;
  border-radius: 10px 10px 0 0;
}
.woo-features-top .products-wishlist .composition-container .item-2 {
  left: 5.3658536585%;
}
.woo-features-top .products-wishlist .composition-container .item-3 {
  right: 5.3658536585%;
}
.woo-features-top .quick-view {
  --col-gap: 50px;
}
.woo-features-top .quick-view .composition-container {
  margin-inline: calc(var(--col-spacing-inline) * -1);
  margin-block: calc(var(--col-spacing-block) * -1) auto;
  padding-top: var(--col-spacing-block);
}
.woo-features-top .quick-view .composition-container img:first-child {
  position: relative;
  z-index: 1;
  aspect-ratio: 32/21;
  width: 78.0487804878%;
  border-radius: 7px;
  box-shadow: 0px 20px 90px rgba(0, 0, 0, 0.2);
}
.woo-features-top .quick-view .composition-container img:last-child {
  position: absolute;
  top: 0;
  pointer-events: none;
}
.woo-features-top .quick-view .content {
  position: relative;
  z-index: 1;
}
.woo-features-top .quick-view .content .icon {
  margin-bottom: 25px;
}
.woo-features-top .advanced-reviews {
  --col-align-items: center;
  --col-gap: 45px;
}
@container (max-width: 1050px) {
  .woo-features-top .advanced-reviews {
    --col-span: 12;
  }
}
@container (min-width: 700px) {
  .woo-features-top .advanced-reviews {
    --col-direction: row;
  }
}
@container (max-width: 700px) {
  .woo-features-top .advanced-reviews {
    --col-text-align: center;
  }
  .woo-features-top .advanced-reviews .checked-list {
    flex-direction: row;
    justify-content: center;
  }
}
.woo-features-top .advanced-reviews img {
  aspect-ratio: 73/83;
  flex: 0 0 56.1538461538%;
  max-width: 56.1538461538%;
  border-radius: 10px 10px 0 0;
  margin-bottom: calc(var(--col-spacing-block) * -1);
}
@container (min-width: 700px) {
  .woo-features-top .advanced-reviews img {
    align-self: end;
  }
}
@container (max-width: 700px) {
  .woo-features-top .advanced-reviews img {
    order: 2;
    max-width: 80%;
  }
}
@media (max-width: 479.98px) {
  .woo-features-top .advanced-reviews img {
    max-width: 100%;
  }
}
@container (min-width: 700px) and (max-width: 1050px) {
  .woo-features-top .advanced-reviews img {
    max-width: 48.5%;
  }
}
.woo-features-top .size-guide, .woo-features-top .compare-products {
  --col-direction: row;
  --col-align-items: center;
  --col-justify-content: space-between;
  --col-gap: 20px;
  --col-content-max-width: 58.1395348837%;
}
@container (max-width: 1050px) {
  .woo-features-top .size-guide, .woo-features-top .compare-products {
    --col-span: 6;
  }
}
@container (max-width: 700px) {
  .woo-features-top .size-guide, .woo-features-top .compare-products {
    --col-direction: column;
    --col-text-align: center;
    --col-content-max-width: initial;
  }
  .woo-features-top .size-guide .icon, .woo-features-top .compare-products .icon {
    order: -1;
    max-width: 70px;
  }
}
@container (max-width: 500px) {
  .woo-features-top .size-guide, .woo-features-top .compare-products {
    --col-span: 12;
  }
}
.woo-features-top .size-guide .icon {
  aspect-ratio: 1/1;
  width: 30.2325581395%;
  max-width: 130px;
}
.woo-features-top .compare-products .icon {
  aspect-ratio: 1/1;
  width: 20%;
  max-width: 86px;
}

@media (max-width: 689.98px) {
  .woo-features-bottom {
    padding-block: 60px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .woo-features-bottom {
    padding-block: 80px;
  }
}
@media (min-width: 1000px) {
  .woo-features-bottom {
    padding-block: 100px;
  }
}
@media (max-width: 999.98px) {
  .woo-features-bottom .sub-heading {
    margin-bottom: 50px;
  }
}
@media (min-width: 1000px) {
  .woo-features-bottom .sub-heading {
    margin-bottom: 70px;
  }
}
.woo-features-bottom .mobile-optimized {
  position: relative;
  --col-gap: 40px;
}
@container (max-width: 1050px) {
  .woo-features-bottom .mobile-optimized {
    grid-column: span 6;
  }
}
@media (max-width: 689.98px) {
  .woo-features-bottom .mobile-optimized {
    grid-column: span 12;
  }
}
.woo-features-bottom .mobile-optimized .background-gradient {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.woo-features-bottom .mobile-optimized .content {
  position: relative;
  z-index: 1;
}
.woo-features-bottom .mobile-optimized .composition-container {
  z-index: 1;
  aspect-ratio: 410/543;
  width: calc(100% + var(--col-spacing-inline) * 2);
  margin-inline: calc(var(--col-spacing-inline) * -1);
  margin-block: auto calc(var(--col-spacing-block) * -1);
}
.woo-features-bottom .mobile-optimized .composition-container img {
  position: absolute;
}
.woo-features-bottom .mobile-optimized .composition-container img:nth-child(1) {
  aspect-ratio: 115/218;
  width: 56.0975609756%;
  bottom: 0;
  left: 9.756097561%;
}
.woo-features-bottom .mobile-optimized .composition-container img:nth-child(2) {
  aspect-ratio: 280/543;
  width: 68.2926829268%;
  bottom: 0;
  left: 48.7804878049%;
}
.woo-features-bottom .mobile-optimized .composition-container img:nth-child(3) {
  aspect-ratio: 41/9;
  width: 80%;
  left: 41.4634146341%;
  bottom: 4.6040515654%;
  border-radius: 10px;
  box-shadow: -10px 10px 35px rgba(38, 47, 67, 0.1);
}
.woo-features-bottom .mobile-optimized .composition-container:after {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset -30px -20px 50px rgba(0, 0, 0, 0.03);
}
.woo-features-bottom .product-brands {
  --col-direction: row;
  --col-align-items: center;
  --col-gap: 40px;
}
@container (max-width: 1050px) {
  .woo-features-bottom .product-brands {
    --col-span: 12;
  }
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-brands {
    --col-direction: column;
    --col-text-align: center;
  }
}
.woo-features-bottom .product-brands img {
  align-self: start;
  margin-top: calc(var(--col-spacing-block) * -1);
  aspect-ratio: 230/309;
  flex: 0 0 30.2631578947%;
  max-width: 30.2631578947%;
  border-radius: 0 0 10px 10px;
  box-shadow: 0px 27px 70px rgba(38, 47, 67, 0.02);
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-brands img {
    max-width: 50%;
    margin-inline: auto;
  }
}
@container (max-width: 500px) {
  .woo-features-bottom .product-brands img {
    max-width: 100%;
  }
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-brands .checked-list {
    align-items: center;
  }
}
.woo-features-bottom :is(.stock-scarcity, .shipping-bar) {
  --col-gap: 50px;
}
.woo-features-bottom :is(.stock-scarcity, .shipping-bar) .composition-container {
  width: 100%;
  margin-bottom: auto;
}
.woo-features-bottom :is(.stock-scarcity, .shipping-bar) .composition-container:after {
  content: "";
  position: absolute;
  bottom: -15px;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 10px 20px rgba(38, 47, 67, 0.02);
}
.woo-features-bottom :is(.stock-scarcity, .shipping-bar) .composition-container .progress-bar:before {
  transition: width 60ms linear;
}
.woo-features-bottom :is(.stock-scarcity, .shipping-bar) .composition-container-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  padding: 25px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 10px 15px rgba(38, 47, 67, 0.07);
}
.woo-features-bottom :is(.stock-scarcity, .shipping-bar) .composition-container-inner .label {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.8;
}
.woo-features-bottom :is(.stock-scarcity, .shipping-bar) .composition-container-inner .progress-bar {
  height: 8px;
}
@container (min-width: 621px) and (max-width: 1050px) {
  .woo-features-bottom .stock-scarcity {
    grid-column: 7/span 6;
    grid-row: 1;
  }
}
@media (max-width: 689.98px) {
  .woo-features-bottom .stock-scarcity {
    grid-column: span 12;
  }
}
.woo-features-bottom .stock-scarcity .progress-bar:before {
  background: linear-gradient(90deg, #F9A825 70%, #FF6416 100%), #F9A825;
}
@container (min-width: 621px) and (max-width: 1050px) {
  .woo-features-bottom .shipping-bar {
    grid-column: 7/span 6;
    grid-row: 2;
  }
}
@media (max-width: 689.98px) {
  .woo-features-bottom .shipping-bar {
    grid-column: span 12;
  }
}
.woo-features-bottom .shipping-bar .progress-bar:before {
  background: linear-gradient(90deg, #78D82F 70%, #11BE0A 100%), #15CB0E;
}
.woo-features-bottom .custom-tabs, .woo-features-bottom .product-waitlist {
  --col-gap: 40px;
}
.woo-features-bottom .custom-tabs img, .woo-features-bottom .product-waitlist img {
  border-radius: 10px;
}
.woo-features-bottom .product-video {
  --col-direction: row;
  --col-align-items: center;
  --col-gap: 4.5vw;
}
@container (max-width: 1050px) {
  .woo-features-bottom .product-video {
    --col-span: 12;
    --col-gap: 10vw;
  }
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-video {
    --col-direction: column;
    --col-gap: 40px;
    --col-text-align: center;
  }
}
.woo-features-bottom .product-video .composition-container {
  display: flex;
  align-items: start;
  justify-content: center;
  aspect-ratio: 50/79;
  flex: 0 0 32.8947368421%;
  max-width: 32.8947368421%;
  border-radius: 12px;
  box-shadow: 0px 27px 70px rgba(38, 47, 67, 0.02);
  background: url("https://creativethemes.com/blocksy/wp-content/uploads/2025/05/product-video-card.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-video .composition-container {
    max-width: 50%;
  }
}
@container (max-width: 500px) {
  .woo-features-bottom .product-video .composition-container {
    max-width: 100%;
  }
}
.woo-features-bottom .product-video .composition-container .video-container {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 86.8%;
  margin-top: 6.5%;
  border-radius: 6px;
  overflow: clip;
}
.woo-features-bottom .product-video .composition-container .video-container svg {
  aspect-ratio: 1/1;
  width: 18.4331797235%;
}
.woo-features-bottom .product-video .composition-container .video-container video {
  width: 100%;
  height: 100%;
}
.woo-features-bottom .product-video .video-options-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.7vw;
  margin-top: 60px;
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-video .video-options-container {
    margin-top: 40px;
  }
}
.woo-features-bottom .product-video .video-options-container .video-options {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-video .video-options-container .video-options {
    align-items: center;
    gap: 13px;
  }
}
.woo-features-bottom .product-video .video-options-container .video-options .options-group {
  display: flex;
  gap: 13px;
}
.woo-features-bottom .product-video .video-options-container .video-options span {
  white-space: nowrap;
  color: rgba(52, 64, 72, 0.7);
  font-weight: 500;
  line-height: 1;
  padding: 15px 20px;
  font-size: clamp(11px, 1.5vw, 13px);
  border: 2px solid #D3DBE1;
  border-radius: 50px;
  background: #F3F5F7;
  transition: background 0.2s ease;
}
.woo-features-bottom .product-video .video-options-container .video-options span.active, .woo-features-bottom .product-video .video-options-container .video-options span:hover {
  background: #fff;
}
.woo-features-bottom .product-video .video-options-container .icon {
  aspect-ratio: 1/1;
  flex: 0 0 14%;
  width: 14%;
  max-width: 44px;
  position: relative;
  z-index: 1;
  transform: translateX(calc(-50% + 1px));
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-video .video-options-container .icon {
    display: none;
  }
}
.woo-features-bottom .product-video .video-options-container .lines-bridge {
  position: absolute;
  left: calc(var(--col-gap) * -1);
  width: var(--col-gap);
  height: 7vw;
  bottom: calc(50% - 1px);
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-video .video-options-container .lines-bridge {
    display: none;
  }
}
.woo-features-bottom .product-video .video-options-container .lines-bridge:before, .woo-features-bottom .product-video .video-options-container .lines-bridge:after {
  content: "";
  position: absolute;
  height: 50%;
  border-style: dashed;
  border-color: #D3DBE1;
}
.woo-features-bottom .product-video .video-options-container .lines-bridge:before {
  width: 50%;
  top: 0;
  left: 0;
  border-width: 2px 2px 0 0;
  border-radius: 0 15px 0 0;
}
.woo-features-bottom .product-video .video-options-container .lines-bridge:after {
  width: calc(50% + 2px);
  right: 0;
  bottom: 0;
  border-width: 0 0 2px 2px;
  border-radius: 0 0 0 15px;
}
.woo-features-bottom .product-video .video-options-container .lines-decoration {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  width: 100%;
  max-width: 240px;
  height: 75%;
  border-width: 2px 0 2px 2px;
  border-style: dashed;
  border-color: #D3DBE1;
  border-radius: 15px 0 0 15px;
}
.woo-features-bottom .product-video .video-options-container .lines-decoration:before {
  content: "";
  width: 100%;
  border-bottom: 2px dashed #D3DBE1;
}
@media (max-width: 689.98px) {
  .woo-features-bottom .product-video .video-options-container .lines-decoration {
    display: none;
  }
}
.woo-features-bottom .countdown-timer {
  --col-gap: 35px;
}
@container (max-width: 1050px) {
  .woo-features-bottom .countdown-timer {
    --col-span: 12;
  }
}
.woo-features-bottom .countdown-timer .composition-container {
  flex-direction: column;
  gap: 20px;
  padding: 25px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 15px 50px rgba(8, 37, 103, 0.05);
}
.woo-features-bottom .countdown-timer .composition-container > .label {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.7;
}
.woo-features-bottom .countdown-timer .composition-container ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  list-style: none;
}
.woo-features-bottom .countdown-timer .composition-container ul li {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.woo-features-bottom .countdown-timer .composition-container ul li .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 50px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: #286DFF;
  border-radius: 7px;
}
.woo-features-bottom .countdown-timer .composition-container ul li .label {
  opacity: 0.7;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.woo-features-bottom .countdown-timer .icon {
  aspect-ratio: 1/1;
  width: 20.9523809524%;
  max-width: 44px;
  margin: 0 auto 25px auto;
}
.woo-features-bottom .social-sharing {
  --col-gap: 45px;
}
@media (max-width: 689.98px) {
  .woo-features-bottom .social-sharing {
    grid-column: span 12;
  }
}
.woo-features-bottom .social-sharing .composition-container {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  max-width: 490px;
  opacity: 0.8;
}
.woo-features-bottom .social-sharing [class*=icon] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 9px 14px rgba(0, 0, 0, 0.03);
}
.woo-features-bottom .social-sharing :is(.icon-1, .icon-9) {
  opacity: 0.5;
}
.woo-features-bottom .social-sharing :is(.icon-2, .icon-8) {
  opacity: 0.8;
}
.woo-features-bottom .social-sharing :is(.icon-10, .icon-15) {
  opacity: 0.7;
}
.woo-features-bottom .payment-icons-option {
  --col-gap: 40px;
}
@media (max-width: 689.98px) {
  .woo-features-bottom .payment-icons-option {
    grid-column: span 12;
  }
}
.woo-features-bottom .payment-icons-option fieldset {
  padding: 35px;
  border-width: 2px;
  border-color: rgba(211, 219, 225, 0.7);
  border-radius: 15px;
}
.woo-features-bottom .payment-icons-option fieldset legend {
  font-weight: 500;
  opacity: 0.8;
  margin-inline: auto;
}
.woo-features-bottom .payment-icons-option .composition-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 999.98px) {
  .woo-features-bottom .payment-icons-option .composition-container {
    gap: 15px;
  }
}
.woo-features-bottom .offcanvas-mini-cart {
  --col-gap: 50px;
}
@container (max-width: 1050px) {
  .woo-features-bottom .offcanvas-mini-cart {
    grid-column: span 12;
    grid-row: 1;
  }
}
.woo-features-bottom .offcanvas-mini-cart .composition-container {
  position: relative;
  display: flex;
  align-items: center;
  padding-block: 20px;
  margin-bottom: auto;
}
@container (max-width: 1050px) {
  .woo-features-bottom .offcanvas-mini-cart .composition-container {
    max-width: 600px;
  }
}
.woo-features-bottom .offcanvas-mini-cart .composition-container img:first-child {
  opacity: 0.9;
}
.woo-features-bottom .offcanvas-mini-cart .composition-container img:last-child {
  position: absolute;
  left: 0;
  aspect-ratio: 71/136;
  width: 42%;
  border-radius: 10px;
  box-shadow: 40px 27px 90px rgba(38, 47, 67, 0.15);
}

.starter-sites-container {
  position: relative;
  overflow: clip;
  background-color: #F9FAFB;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1728 1000'%3E%3Cg clip-path='url(%23a)' opacity='.15'%3E%3Cpath fill='%23fff' d='M0-88h1728v1088H0z'/%3E%3Cg filter='url(%23b)'%3E%3Cellipse cx='104.4' cy='752.76' fill='%23FF8000' rx='427.2' ry='429.76'/%3E%3C/g%3E%3Cg filter='url(%23c)'%3E%3Cpath fill='%237F30FF' d='M1650.5 343.107c107.81 25.467 115.46-83.998 201.87-99.015 306.95-53.349 336.07 691.057 20.24 803.288-298.81 106.17-606.58-504.302-606.58-504.302s-59.47-161.737 0-227.152c53.68-59.034 123.68-56.175 200.43-35.432 60.64 16.389 122.92 48.173 184.04 62.613Z'/%3E%3C/g%3E%3Cg filter='url(%23d)'%3E%3Cpath fill='%2300B0FF' d='M1440.04 550.231c158.69 37.505 169.96-123.701 297.15-145.817 451.83-78.565 494.69 1017.706 29.79 1182.976-439.85 156.36-892.87-742.666-892.87-742.666s-87.547-238.187 0-334.521c79.009-86.939 182.04-82.728 295.02-52.18 89.26 24.135 180.94 70.943 270.91 92.208Z'/%3E%3C/g%3E%3Cg filter='url(%23e)'%3E%3Cellipse cx='1067.4' cy='1204.3' fill='%230038FF' rx='535.8' ry='539.164'/%3E%3C/g%3E%3Cg filter='url(%23f)'%3E%3Cpath fill='%23FF4880' d='M200.513 970.528c-60.036 180.832-86.304 318.642 0 488.322 168.264 330.83 770.866 328.21 944.087 0 136.91-259.41-62.96-467.907-208.443-722.531-64.193-112.351-80.839-205.977-193.346-268.754C491.05 327.089 291.861 695.38 200.513 970.528Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='b' width='1854.4' height='1859.52' x='-822.8' y='-177' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_420_494' stdDeviation='250'/%3E%3C/filter%3E%3Cfilter id='c' width='1856.8' height='1818.42' x='739.6' y='-258.64' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_420_494' stdDeviation='250'/%3E%3C/filter%3E%3Cfilter id='d' width='2261.2' height='2205.26' x='335.2' y='-99.609' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_420_494' stdDeviation='250'/%3E%3C/filter%3E%3Cfilter id='e' width='2071.6' height='2078.33' x='31.6' y='165.138' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_420_494' stdDeviation='250'/%3E%3C/filter%3E%3Cfilter id='f' width='2045.2' height='2269.33' x='-354.8' y='-63.342' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_420_494' stdDeviation='250'/%3E%3C/filter%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0-88h1728v1088H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.starter-sites-container:before {
  pointer-events: none;
  position: absolute;
  inset: 0;
  content: "";
  background-repeat: no-repeat;
  background-size: 1700px;
  background-position: top right;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1724 949'%3E%3Cpath fill='%23000' fill-opacity='.6' fill-rule='evenodd' d='M1654.23 117.767v-234.1h-1v234.1h-114.6v-234.1h-1v234.1h-116.86v-234.101h-1v234.101H1302.9v-234.101h-1v234.101h-116.87v-234.1h-1v234.1h-116.86v-234.1h-1v234.1H949.3v-234.1h-1v234.1H831.434v-234.1h-1v234.1H713.567v-234.1h-1v234.1H595.763l-.063-234.1v-122.4h-1v355.866h.063v.634H.2v1h594.563l.032 117.366v.5h117.772v2.9h1v-2.9H948.3v116.234h1V236.633h116.87v231.834h1V236.633h116.86v351.334h353.6v116.866H1299v1h238.63v129.834h1V705.833h114.6V949h1V705.833H1741v-1h-86.77V587.967H1741v-1h-86.77V470.1H1741v-1h-86.77V352.233H1741v-1h-86.77v-114.6H1741v-1h-86.77V118.767H1741v-1h-86.77Zm-1 1h-114.6v116.866h114.6V118.767Zm0 117.866h-114.6v114.6h114.6v-114.6Zm0 115.6h-114.6V469.1h114.6V352.233Zm0 117.867h-114.6v116.867h114.6V470.1Zm0 117.867h-114.6v116.866h114.6V587.967Zm-232.46-469.2h116.86v116.866h-116.86V118.767Zm0 117.866h116.86v114.6h-116.86v-114.6Zm0 115.6h116.86V469.1h-116.86V352.233Zm0 117.867h116.86v116.867h-352.6V236.633h116.87v114.6h-116.23v1h116.23V469.1h-116.23v1h116.23v116.233h1V470.1h116.87v116.233h1V470.1ZM595.763 118.767h116.804v116.866H595.795l-.032-116.866Zm117.804 0v116.866H948.3V118.767H831.434V235h-1V118.767H713.567Zm235.733 0v116.866h116.87V118.767H949.3Zm117.87 116.866h116.86V118.767h-116.86v116.866Zm352.6 116.6V469.1H1302.9V352.233h116.87Zm0-115.6v114.6H1302.9v-114.6h116.87Zm0-117.866v116.866H1302.9V118.767h116.87Zm-117.87 0h-116.87v116.866h116.87V118.767Zm-824.067-357.5v355.866h-1v-355.866h1ZM359.967 117.133v-355.866h-1v355.866h1ZM242.1-238.733v355.866h-1v-355.866h1ZM124.233 117.133v-355.866h-1v355.866h1Z' clip-rule='evenodd' style='mix-blend-mode:overlay'/%3E%3C/svg%3E");
}
@media (max-width: 689.98px) {
  .starter-sites-container {
    padding-top: 60px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .starter-sites-container {
    padding-top: 80px;
  }
}
@media (min-width: 1000px) {
  .starter-sites-container {
    padding-top: 100px;
  }
}
.starter-sites-container .ct-container {
  position: relative;
  z-index: 1;
}
.starter-sites-container .section-content {
  position: relative;
  z-index: 1;
}
@media (max-width: 999.98px) {
  .starter-sites-container .section-content .sub-heading {
    margin-bottom: 30px;
  }
}
@media (min-width: 1000px) {
  .starter-sites-container .section-content .sub-heading {
    margin-bottom: 40px;
  }
}
.starter-sites-container .section-content .ct-button {
  --theme-button-padding: 0 35px;
  --theme-button-min-height: 60px;
  --theme-button-font-size: 17px;
  --theme-button-font-weight: 600;
  --theme-button-border-radius: 8px;
}
@media (max-width: 999.98px) {
  .starter-sites-container .section-content .ct-button {
    --theme-button-padding: 0 27px;
    --theme-button-min-height: 55px;
    --theme-button-font-size: 15px;
    --theme-button-font-weight: 500;
  }
}
.starter-sites-container .composition-container {
  display: flex;
  justify-content: center;
  aspect-ratio: 129/65;
  position: relative;
}
@media (max-width: 689.98px) {
  .starter-sites-container .composition-container {
    margin-top: 50px;
  }
}
.starter-sites-container .starter-sites {
  aspect-ratio: 203/65;
  width: 157.364342%;
  display: flex;
  align-items: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}
.starter-sites-container .starter-sites li {
  position: relative;
  display: flex;
  aspect-ratio: 29/65;
  width: 14.2857142857%;
  padding-inline: 0.9852216749%;
  will-change: transform;
}
.starter-sites-container .starter-sites li img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border-radius: 3px 3px 0 0;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
}
.starter-sites-container .starter-sites li img:hover {
  transform: scale3d(1.03, 1.03, 1);
}
.starter-sites-container .starter-sites li:nth-child(2), .starter-sites-container .starter-sites li:nth-child(6) {
  padding-top: calc(4.9265% - 30px);
}
.starter-sites-container .starter-sites li:nth-child(3), .starter-sites-container .starter-sites li:nth-child(5) {
  padding-top: calc(9.8525% - 50px);
}
.starter-sites-container .starter-sites li:nth-child(4) {
  padding-top: calc(14.779% - 60px);
}

@media (max-width: 689.98px) {
  .call-to-action-container {
    padding-top: 60px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .call-to-action-container {
    padding-top: 80px;
  }
}
@media (min-width: 1000px) {
  .call-to-action-container {
    padding-top: 100px;
  }
}
.call-to-action-container .call-to-action {
  position: relative;
  text-align: center;
  background: #115CFA;
  border-radius: 15px;
  overflow: clip;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1300 730'%3E%3Cg clip-path='url(%23a)' opacity='.4'%3E%3Cpath fill='%2373DAFF' d='M0 0h1300v730H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h61.615v731.25H0z'/%3E%3Cpath fill='url(%23c)' d='M61.615 60.877h62.292V731.25H61.615z'/%3E%3Cpath fill='url(%23d)' d='M123.906 121.752h61.615V731.25h-61.615z'/%3E%3Cpath fill='url(%23e)' d='M185.521 182.996h62.292V731.25h-62.292z'/%3E%3Cpath fill='url(%23f)' d='M247.812 243.506h61.615V731.25h-61.615z'/%3E%3Cpath fill='url(%23g)' d='M309.427 304.749h62.292V731.25h-62.292z'/%3E%3Cpath fill='url(%23h)' d='M371.719 365.258h61.615V731.25h-61.615z'/%3E%3Cpath fill='url(%23i)' d='M433.333 426.501h61.615V731.25h-61.615z'/%3E%3Cpath fill='url(%23j)' d='M494.947 487.744h62.292V731.25h-62.292z'/%3E%3Cpath fill='url(%23k)' d='M557.241 548.255h61.615v182.996h-61.615z'/%3E%3Cpath fill='url(%23l)' d='M618.853 609.497h62.292V731.25h-62.292z'/%3E%3Cpath fill='url(%23m)' d='M681.147 548.255h61.615v182.996h-61.615z'/%3E%3Cpath fill='url(%23n)' d='M742.759 487.744h62.292V731.25h-62.292z'/%3E%3Cpath fill='url(%23o)' d='M805.053 426.501h61.615V731.25h-61.615z'/%3E%3Cpath fill='url(%23p)' d='M866.665 365.26h61.615v365.992h-61.615z'/%3E%3Cpath fill='url(%23q)' d='M928.281 304.749h62.292V731.25h-62.292z'/%3E%3Cpath fill='url(%23r)' d='M990.574 243.506h61.615V731.25h-61.615z'/%3E%3Cpath fill='url(%23s)' d='M1052.19 182.996h62.292V731.25h-62.292z'/%3E%3Cpath fill='url(%23t)' d='M1114.48 121.752h61.615V731.25h-61.615z'/%3E%3Cpath fill='url(%23u)' d='M1176.09 60.877h62.292V731.25h-62.292z'/%3E%3Cpath fill='url(%23v)' d='M1238.39 0h61.615v731.25h-61.615z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='30.807' x2='30.807' y1='0' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='92.761' x2='92.761' y1='60.877' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='154.714' x2='154.714' y1='121.752' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='216.667' x2='216.667' y1='182.996' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='278.62' x2='278.62' y1='243.506' y2='731.251' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='340.573' x2='340.573' y1='304.749' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='402.526' x2='402.526' y1='365.258' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='i' x1='464.14' x2='464.14' y1='426.501' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='j' x1='526.093' x2='526.093' y1='487.744' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' x1='588.048' x2='588.048' y1='548.255' y2='731.251' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' x1='649.999' x2='649.999' y1='609.497' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='m' x1='711.954' x2='711.954' y1='548.255' y2='731.251' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='n' x1='773.905' x2='773.905' y1='487.744' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='o' x1='835.86' x2='835.86' y1='426.501' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='p' x1='897.472' x2='897.472' y1='365.26' y2='731.252' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='q' x1='959.427' x2='959.427' y1='304.749' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='r' x1='1021.38' x2='1021.38' y1='243.506' y2='731.251' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='s' x1='1083.33' x2='1083.33' y1='182.996' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='t' x1='1145.29' x2='1145.29' y1='121.752' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='u' x1='1207.24' x2='1207.24' y1='60.877' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3ClinearGradient id='v' x1='1269.19' x2='1269.19' y1='0' y2='731.25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%2373DAFF'/%3E%3Cstop offset='.41' stop-color='%2308BDFF'/%3E%3Cstop offset='1' stop-color='%23190AB5'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h1300v730H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 689.98px) {
  .call-to-action-container .call-to-action {
    padding: 40px 30px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .call-to-action-container .call-to-action {
    padding: 60px 40px;
  }
}
@media (min-width: 1000px) {
  .call-to-action-container .call-to-action {
    padding: 90px 40px;
  }
}
.call-to-action-container .call-to-action .content {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin-inline: auto;
}
.call-to-action-container .call-to-action :is(h2, p) {
  color: #fff;
}
@media (max-width: 999.98px) {
  .call-to-action-container .call-to-action .sub-heading {
    margin-bottom: 30px;
  }
}
@media (min-width: 1000px) {
  .call-to-action-container .call-to-action .sub-heading {
    margin-bottom: 40px;
  }
}
.call-to-action-container .call-to-action .ct-button {
  --theme-button-padding: 0 35px;
  --theme-button-min-height: 60px;
  --theme-button-font-size: 17px;
  --theme-button-font-weight: 600;
  --theme-button-border-radius: 8px;
  --theme-button-background-initial-color: #fff;
  --theme-button-background-initial-color: #111029;
  --theme-button-background-hover-color: #152035;
}
@media (max-width: 999.98px) {
  .call-to-action-container .call-to-action .ct-button {
    --theme-button-padding: 0 27px;
    --theme-button-min-height: 55px;
    --theme-button-font-size: 15px;
    --theme-button-font-weight: 500;
  }
}
.call-to-action-container .call-to-action svg {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  display: none;
}

.reviews-woo-page {
  background: #F9FAFB;
}

@media (max-width: 689.98px) {
  .faq-container {
    padding-block: 60px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .faq-container {
    padding-block: 80px;
  }
}
@media (min-width: 1000px) {
  .faq-container {
    padding-block: 100px;
  }
}
@media (max-width: 999.98px) {
  .faq-container .sub-heading {
    margin-bottom: 50px;
  }
}
@media (min-width: 1000px) {
  .faq-container .sub-heading {
    margin-bottom: 70px;
  }
}
.faq-container .accordion-group {
  display: grid;
}
@media (min-width: 1000px) {
  .faq-container .accordion-group {
    gap: 80px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.faq-container .ct-accordion {
  padding: 0;
  margin: 0;
}
@media (max-width: 999.98px) {
  .faq-container .ct-accordion:not(:last-child) {
    border-bottom: 1px dashed #e9e9e9;
  }
}

.accordion-inner-features-list {
  padding: 0;
  list-style: none;
}
.accordion-inner-features-list li:not(:last-child) {
  margin-bottom: 5px;
}

.bottom-call-to-action-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: clip;
  text-align: center;
  background: #115CFA;
  --theme-normal-container-max-width: 900px;
}
@media (max-width: 689.98px) {
  .bottom-call-to-action-container {
    padding-block: 60px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .bottom-call-to-action-container {
    padding-block: 80px;
  }
}
@media (min-width: 1000px) {
  .bottom-call-to-action-container {
    padding-block: 100px;
  }
}
.bottom-call-to-action-container:after {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  width: 1700px;
  height: 1700px;
  opacity: 0.7;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='1700' height='1700' viewBox='0 0 1700 1700' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M850 0C1319.44 0 1700 380.558 1700 850C1700 1319.44 1319.44 1700 850 1700C380.558 1700 0 1319.44 0 850C1.9854e-05 380.558 380.558 0.000250649 850 0ZM850 2C381.663 2.00025 2.00002 381.663 2 850C2 1318.34 381.663 1698 850 1698C1318.34 1698 1698 1318.34 1698 850C1698 381.663 1318.34 2 850 2ZM850 44.3857C1294.93 44.3857 1655.62 405.071 1655.62 850C1655.62 1294.93 1294.93 1655.61 850 1655.61C405.072 1655.61 44.3858 1294.93 44.3857 850C44.3858 405.072 405.072 44.3859 850 44.3857ZM850 46.3857C406.176 46.3859 46.3858 406.176 46.3857 850C46.3858 1293.82 406.176 1653.61 850 1653.61C1293.82 1653.61 1653.62 1293.82 1653.62 850C1653.62 406.176 1293.82 46.3857 850 46.3857ZM850.001 88.7881C1270.41 88.7882 1611.21 429.595 1611.21 850C1611.21 1270.41 1270.41 1611.21 850.001 1611.21C429.596 1611.21 88.7894 1270.41 88.7891 850C88.7891 429.594 429.595 88.7881 850.001 88.7881ZM850.001 90.7881C430.7 90.7881 90.7891 430.699 90.7891 850C90.7894 1269.3 430.7 1609.21 850.001 1609.21C1269.3 1609.21 1609.21 1269.3 1609.21 850C1609.21 430.699 1269.3 90.7882 850.001 90.7881ZM850.001 133.175C1245.89 133.175 1566.83 454.109 1566.83 850.001C1566.83 1245.89 1245.89 1566.83 850.001 1566.83C454.109 1566.83 133.175 1245.89 133.175 850.001C133.175 454.109 454.109 133.175 850.001 133.175ZM850.001 135.175C455.213 135.175 135.175 455.214 135.175 850.001C135.175 1244.79 455.214 1564.83 850.001 1564.83C1244.79 1564.83 1564.83 1244.79 1564.83 850.001C1564.83 455.214 1244.79 135.175 850.001 135.175ZM850.001 177.577C1221.37 177.577 1522.42 478.631 1522.42 850C1522.42 1221.37 1221.37 1522.42 850.001 1522.42C478.632 1522.42 177.577 1221.37 177.577 850C177.577 478.631 478.632 177.577 850.001 177.577ZM850.001 179.577C479.736 179.577 179.577 479.736 179.577 850C179.577 1220.26 479.736 1520.42 850.001 1520.42C1220.27 1520.42 1520.42 1220.26 1520.42 850C1520.42 479.736 1220.27 179.577 850.001 179.577ZM850 221.963C1196.86 221.963 1478.04 503.145 1478.04 850C1478.04 1196.86 1196.86 1478.04 850 1478.04C503.145 1478.04 221.963 1196.86 221.963 850C221.963 503.145 503.145 221.963 850 221.963ZM850 223.963C504.249 223.963 223.963 504.249 223.963 850C223.963 1195.75 504.249 1476.04 850 1476.04C1195.75 1476.04 1476.04 1195.75 1476.04 850C1476.04 504.249 1195.75 223.963 850 223.963ZM850 266.348C1172.34 266.348 1433.65 527.657 1433.65 849.999C1433.65 1172.34 1172.34 1433.65 850 1433.65C527.658 1433.65 266.349 1172.34 266.349 849.999C266.349 527.657 527.658 266.348 850 266.348ZM850 268.348C528.763 268.348 268.349 528.762 268.349 849.999C268.349 1171.24 528.763 1431.65 850 1431.65C1171.24 1431.65 1431.65 1171.24 1431.65 849.999C1431.65 528.762 1171.24 268.348 850 268.348ZM850.001 310.752C1147.82 310.752 1389.25 552.182 1389.25 850.001C1389.25 1147.82 1147.82 1389.25 850.001 1389.25C552.182 1389.25 310.752 1147.82 310.752 850.001C310.752 552.182 552.182 310.752 850.001 310.752ZM850.001 312.752C553.287 312.752 312.752 553.287 312.752 850.001C312.752 1146.72 553.287 1387.25 850.001 1387.25C1146.72 1387.25 1387.25 1146.72 1387.25 850.001C1387.25 553.287 1146.72 312.752 850.001 312.752ZM850 355.137C1123.31 355.137 1344.86 576.695 1344.86 850C1344.86 1123.31 1123.31 1344.86 850 1344.86C576.695 1344.86 355.137 1123.31 355.137 850C355.137 576.695 576.695 355.137 850 355.137ZM850 357.137C577.799 357.137 357.137 577.799 357.137 850C357.137 1122.2 577.799 1342.86 850 1342.86C1122.2 1342.86 1342.86 1122.2 1342.86 850C1342.86 577.799 1122.2 357.137 850 357.137ZM850 399.522C1098.79 399.522 1300.48 601.208 1300.48 850C1300.48 1098.79 1098.79 1300.48 850 1300.48C601.208 1300.48 399.522 1098.79 399.522 850C399.523 601.208 601.208 399.523 850 399.522ZM850 401.522C602.313 401.523 401.523 602.313 401.522 850C401.522 1097.69 602.313 1298.48 850 1298.48C1097.69 1298.48 1298.48 1097.69 1298.48 850C1298.48 602.313 1097.69 401.522 850 401.522ZM850.001 443.926C1074.27 443.926 1256.08 625.732 1256.08 850.001C1256.08 1074.27 1074.27 1256.08 850.001 1256.08C625.732 1256.08 443.926 1074.27 443.926 850.001C443.926 625.732 625.732 443.926 850.001 443.926ZM850.001 445.926C626.837 445.926 445.926 626.837 445.926 850.001C445.926 1073.17 626.837 1254.08 850.001 1254.08C1073.17 1254.08 1254.08 1073.17 1254.08 850.001C1254.08 626.837 1073.17 445.926 850.001 445.926ZM850.001 488.311C1049.76 488.311 1211.69 650.245 1211.69 850C1211.69 1049.76 1049.76 1211.69 850.001 1211.69C650.246 1211.69 488.312 1049.76 488.312 850C488.312 650.245 650.246 488.311 850.001 488.311ZM850.001 490.311C651.35 490.311 490.312 651.349 490.312 850C490.312 1048.65 651.35 1209.69 850.001 1209.69C1048.65 1209.69 1209.69 1048.65 1209.69 850C1209.69 651.349 1048.65 490.311 850.001 490.311ZM850 532.713C1025.23 532.713 1167.29 674.767 1167.29 849.999C1167.29 1025.23 1025.23 1167.29 850 1167.29C674.768 1167.29 532.714 1025.23 532.714 849.999C532.714 674.767 674.768 532.713 850 532.713ZM850 534.713C675.872 534.713 534.714 675.871 534.714 849.999C534.714 1024.13 675.872 1165.29 850 1165.29C1024.13 1165.29 1165.29 1024.13 1165.29 849.999C1165.29 675.871 1024.13 534.713 850 534.713ZM850 577.099C1000.72 577.099 1122.9 699.28 1122.9 849.999C1122.9 1000.72 1000.72 1122.9 850 1122.9C699.281 1122.9 577.1 1000.72 577.1 849.999C577.1 699.28 699.281 577.099 850 577.099ZM850 579.099C700.386 579.099 579.1 700.385 579.1 849.999C579.1 999.613 700.386 1120.9 850 1120.9C999.614 1120.9 1120.9 999.613 1120.9 849.999C1120.9 700.385 999.614 579.099 850 579.099ZM850 621.484C976.205 621.484 1078.52 723.794 1078.52 849.999C1078.52 976.204 976.205 1078.51 850 1078.51C723.795 1078.51 621.485 976.204 621.485 849.999C621.486 723.794 723.795 621.485 850 621.484ZM850 623.484C724.899 623.485 623.486 724.899 623.485 849.999C623.485 975.1 724.899 1076.51 850 1076.51C975.101 1076.51 1076.52 975.1 1076.52 849.999C1076.52 724.898 975.101 623.484 850 623.484ZM850.001 665.887C951.683 665.887 1034.11 748.317 1034.11 849.999C1034.11 951.681 951.683 1034.11 850.001 1034.11C748.319 1034.11 665.889 951.681 665.889 849.999C665.889 748.317 748.319 665.887 850.001 665.887ZM850.001 667.887C749.423 667.887 667.889 749.421 667.889 849.999C667.889 950.577 749.423 1032.11 850.001 1032.11C950.579 1032.11 1032.11 950.577 1032.11 849.999C1032.11 749.421 950.579 667.887 850.001 667.887ZM850 710.273C927.169 710.273 989.727 772.831 989.727 850C989.727 927.169 927.169 989.727 850 989.727C772.831 989.726 710.273 927.169 710.273 850C710.273 772.831 772.831 710.274 850 710.273ZM850 712.273C773.936 712.274 712.273 773.936 712.273 850C712.273 926.064 773.936 987.726 850 987.727C926.064 987.727 987.727 926.064 987.727 850C987.727 773.936 926.064 712.273 850 712.273ZM850.001 754.659C902.656 754.659 945.342 797.345 945.342 850C945.342 902.655 902.656 945.341 850.001 945.341C797.346 945.341 754.66 902.655 754.66 850C754.66 797.345 797.346 754.659 850.001 754.659ZM850.001 756.659C798.45 756.659 756.66 798.449 756.66 850C756.66 901.551 798.45 943.341 850.001 943.341C901.552 943.341 943.342 901.551 943.342 850C943.342 798.45 901.551 756.659 850.001 756.659ZM849.907 798.911C877.638 798.912 900.092 821.758 900.092 849.905C900.092 878.053 877.638 900.9 849.907 900.9C822.176 900.9 799.723 878.053 799.723 849.905C799.723 821.758 822.176 798.911 849.907 798.911ZM849.907 800.911C823.311 800.911 801.723 822.831 801.723 849.905C801.723 876.98 823.311 898.9 849.907 898.9C876.503 898.9 898.092 876.979 898.092 849.905C898.092 822.831 876.503 800.912 849.907 800.911Z' fill='url(%23paint0_radial_308_598)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_308_598' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(850 850) rotate(90) scale(838.747)'%3E%3Cstop stop-color='%23286DFF'/%3E%3Cstop offset='0.9' stop-color='%23286DFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
}
.bottom-call-to-action-container .ct-container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bottom-call-to-action-container .cta-features {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  list-style: none;
  padding: 15px 25px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 689.98px) {
  .bottom-call-to-action-container .cta-features {
    flex-wrap: wrap;
    gap: 15px;
    font-size: 13px;
    padding: 0;
    background: transparent;
    border: none;
    order: 10;
    margin: 50px 0 0 0;
  }
}
@media (min-width: 690px) {
  .bottom-call-to-action-container .cta-features {
    margin-bottom: 50px;
  }
}
.bottom-call-to-action-container .cta-features li {
  display: flex;
  align-items: center;
  text-align: left;
}
.bottom-call-to-action-container .cta-features li svg {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
@media (max-width: 689.98px) {
  .bottom-call-to-action-container .cta-features li {
    padding: 10px 15px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 690px) {
  .bottom-call-to-action-container .cta-features li:not(:last-child):after {
    content: "";
    height: 15px;
    width: 1px;
    background: #fff;
    -webkit-margin-start: 25px;
            margin-inline-start: 25px;
  }
}
@media (max-width: 999.98px) {
  .bottom-call-to-action-container .sub-heading {
    margin-bottom: 30px;
  }
}
@media (min-width: 1000px) {
  .bottom-call-to-action-container .sub-heading {
    margin-bottom: 40px;
  }
}
.bottom-call-to-action-container :is(h2, p) {
  color: #fff;
}
.bottom-call-to-action-container .ct-button {
  --theme-button-padding: 0 35px;
  --theme-button-min-height: 60px;
  --theme-button-font-size: 17px;
  --theme-button-font-weight: 600;
  --theme-button-border-radius: 8px;
  --theme-button-background-initial-color: #fff;
  --theme-button-background-initial-color: #111029;
  --theme-button-background-hover-color: #152035;
}
@media (max-width: 999.98px) {
  .bottom-call-to-action-container .ct-button {
    --theme-button-padding: 0 27px;
    --theme-button-min-height: 55px;
    --theme-button-font-size: 15px;
    --theme-button-font-weight: 500;
  }
}

@media (max-width: 689.98px) {
  #woo-container .heading {
    font-size: 23px;
    line-height: 1.3;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #woo-container .heading {
    font-size: 30px;
  }
}
#woo-container .heading-max-width,
#woo-container .sub-heading-max-width,
#woo-container .section-content {
  text-align: center;
  max-width: 750px;
  margin-inline: auto;
}

.our-values {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: -500px;
}
.our-values h3 {
  margin-bottom: 30px;
  --theme-heading-color: #fff;
}
.our-values ul {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .our-values ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .our-values ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.our-values ul li {
  position: relative;
  padding: 50px 30px;
}
.our-values ul li:hover:before {
  transform: scale3d(1.03, 1.03, 1);
  box-shadow: 0 30px 80px 0 rgba(67, 38, 38, 0.1);
}
.our-values ul li:before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.15);
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.our-values ul li > * {
  position: relative;
  z-index: 2;
}
.our-values ul li img {
  height: 40px;
  margin-bottom: 30px;
}
.our-values ul li p {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 16px;
  opacity: 0.8;
}

@media (max-width: 689.98px) {
  .who {
    margin-top: 80px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .who {
    margin-top: 100px;
  }
}
@media (min-width: 1000px) {
  .who {
    margin-top: 130px;
  }
}
.who h3,
.who .sub-heading {
  text-align: center;
}
.who .sub-heading {
  max-width: 700px;
  margin: 0 auto;
}
.who .desc {
  border-top: 1px solid #e9eaef;
  padding-top: 1.5em;
  opacity: 0.8;
}
.who ul {
  display: grid;
  grid-column-gap: 120px;
  grid-row-gap: 50px;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 690px) {
  .who ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 689.98px) {
  .who ul {
    margin-top: 50px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .who ul {
    margin-top: 80px;
  }
}
@media (min-width: 1000px) {
  .who ul {
    margin-top: 100px;
  }
}
.who ul li figure {
  position: relative;
}
@media (max-width: 689.98px) {
  .who ul li figure {
    margin-bottom: 40px;
  }
}
@media (min-width: 690px) {
  .who ul li figure {
    margin-bottom: 90px;
  }
}
.who ul li figure img {
  position: relative;
  z-index: 2;
}
.who ul li figure:before {
  position: absolute;
  content: "";
  bottom: -68px;
  width: 287px;
  height: 258px;
  background: url("https://creativethemes.com/blocksy/wp-content/uploads/2020/06/profile-dots.svg");
  background-repeat: no-repeat;
}
@media (max-width: 689.98px) {
  .who ul li figure:before {
    display: none;
  }
}
.who ul li:first-child figure:before {
  left: -60px;
}
.who ul li:last-child figure:before {
  right: -60px;
}
.who ul li h5 {
  margin-bottom: 5px;
}
.who ul li p span {
  opacity: 0.7;
  margin: 0 10px;
  font-size: 14px;
}
.who ul li p img {
  max-width: 15px;
}

@media (max-width: 689.98px) {
  .story, .why {
    margin-top: 80px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .story, .why {
    margin-top: 100px;
  }
}
@media (min-width: 1000px) {
  .story, .why {
    margin-top: 130px;
  }
}
.story .ct-container, .why .ct-container {
  text-align: center;
  border-radius: 70px;
}
@media (max-width: 689.98px) {
  .story .ct-container, .why .ct-container {
    padding: 70px 30px;
    border-radius: 30px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .story .ct-container, .why .ct-container {
    padding: 80px 50px;
    border-radius: 50px;
  }
}
@media (min-width: 1000px) {
  .story .ct-container, .why .ct-container {
    padding: 100px 40px;
    border-radius: 60px;
  }
}
.story .ct-container h2, .why .ct-container h2 {
  font-weight: 900;
}
.story .ct-container p, .why .ct-container p {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.story .ct-container p:last-child, .why .ct-container p:last-child {
  margin-bottom: 0;
}
.story .ct-container p a, .why .ct-container p a {
  --theme-link-initial-color: var(--theme-text-color);
  text-decoration: underline;
}

:is(.story, .why) .ct-container {
  border: 5px solid #f5f6fb;
}

.story .ct-container {
  position: relative;
}
.story .ct-container:after {
  position: absolute;
  content: "+";
  left: 0;
  right: 0;
  font-size: 60px;
  font-weight: 100;
  color: #e3e5ef;
}
@media (max-width: 689.98px) {
  .story .ct-container:after {
    bottom: -90px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .story .ct-container:after {
    bottom: -100px;
  }
}
@media (min-width: 1000px) {
  .story .ct-container:after {
    bottom: -117px;
  }
}

.about-testimonials {
  text-align: center;
}
@media (max-width: 689.98px) {
  .about-testimonials {
    margin-top: 80px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .about-testimonials {
    margin-top: 100px;
  }
}
@media (min-width: 1000px) {
  .about-testimonials {
    margin-top: 130px;
  }
}
.about-testimonials h3,
.about-testimonials .sub-heading {
  text-align: center;
}
.about-testimonials ul {
  display: grid;
  grid-column-gap: 35px;
  grid-row-gap: 40px;
  margin-top: 60px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .about-testimonials ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .about-testimonials ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.about-testimonials ul li {
  text-align: left;
}
.about-testimonials .testimonial-content {
  padding: 40px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 20px 80px 0 rgba(193, 199, 212, 0.25);
}
.about-testimonials .testimonial-content img {
  max-width: 125px;
  display: block;
  margin-bottom: 20px;
}
.about-testimonials .testimonial-user {
  margin-top: 25px;
}
.about-testimonials .testimonial-user img {
  max-width: 40px;
  border-radius: 100%;
}
.about-testimonials .testimonial-user b {
  font-size: 15px;
  margin-left: 15px;
}
.about-testimonials .ct-button {
  --theme-button-min-height: 50px;
  --theme-button-background-initial-color: #152035;
  --theme-button-background-hover-color: #051923;
  --theme-button-border-radius: 5px;
  margin-top: 50px;
}
.about-testimonials .ct-button svg {
  margin-left: 10px;
  fill: #fff;
}

@media (max-width: 689.98px) {
  .about-page-cta-section {
    margin-top: 80px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .about-page-cta-section {
    margin-top: 100px;
  }
}
@media (min-width: 1000px) {
  .about-page-cta-section {
    margin-top: 130px;
  }
}

#about-container {
  overflow: initial;
  padding-bottom: 130px;
}
@media (max-width: 689.98px) {
  #about-container .hero-container {
    padding-top: 70px;
    min-height: 950px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #about-container .hero-container {
    padding-top: 70px;
    min-height: 1000px;
  }
}
@media (min-width: 1000px) {
  #about-container .hero-container {
    padding-top: 100px;
    min-height: 1120px;
  }
}
#about-container .hero-container .hero-content {
  --padding: 30px 0;
}
@media (max-width: 689.98px) {
  #about-container .hero-container .hero-content {
    --minHeight: 400px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #about-container .hero-container .hero-content {
    --minHeight: 450px;
  }
}
@media (min-width: 1000px) {
  #about-container .hero-container .hero-content {
    --minHeight: 550px;
  }
}
#about-container .hero-container .sub-heading {
  max-width: 800px;
  color: var(--theme-heading-color);
}
#about-container .hero-container .sub-heading:last-child {
  margin-top: 1em;
}
#about-container h3 {
  font-weight: 900;
}
#about-container ul {
  padding: 0;
  list-style-type: none;
}

.new-hero-container {
  position: relative;
  text-align: center;
  background: #fff7f2;
}
@media (max-width: 999.98px) {
  .new-hero-container .hero-scene {
    top: 70px;
  }
}
@media (min-width: 1000px) {
  .new-hero-container .hero-scene {
    top: 120px;
  }
}
.new-hero-container .hero-scene .item-2 {
  top: 41%;
  right: -7.1%;
}
.new-hero-container .hero-scene .item-1-pro {
  width: 8.99224806%;
  top: 41.8%;
  left: -11.627907%;
}
.new-hero-container .hero-scene .item-1-pro:before {
  padding-bottom: 50.862069%;
}
.new-hero-container .hero-scene .item-2-pro {
  width: 4.49612403%;
  top: 6.2%;
  right: -11.627907%;
}
.new-hero-container .hero-scene .item-2-pro:before {
  padding-bottom: 198.275862%;
}
.new-hero-container h1 {
  --theme-heading-color: #2E3A57;
}

#account-container .ct-container {
  position: relative;
  margin-top: -90px;
  margin-bottom: 100px;
  z-index: 2;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  padding: 20px 30px;
  box-shadow: 0 40px 100px 0 rgba(193, 199, 212, 0.4);
}
@media (max-width: 689.98px) {
  #account-container .hero-content {
    --minHeight: 150px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #account-container .hero-content {
    --minHeight: 150px;
  }
}
@media (min-width: 1000px) {
  #account-container .hero-content {
    --minHeight: 200px;
  }
}

[data-freemius-state=logged-out] .freemius-account-section {
  --theme-container-max-width: 600px;
}

[data-freemius-state=logged-in] #fs_dashboard_container:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 69px;
  left: -30px;
  width: calc(100% + 60px);
  height: 1px;
  background: #e0e6e8;
}

body > [id*=fs-loader-] {
  display: none !important;
}

.ct-iframe-pricing-loader {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(8, 10, 18, 0.92);
  transition: visibility 0.2s ease, opacity 0.2s ease;
}
.ct-iframe-pricing-loader svg {
  display: none;
  width: 55px;
  height: 55px;
  padding: 10px;
  background: #fff;
  border-radius: 100%;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

body[data-pricing*=loader] .ct-iframe-pricing-loader svg {
  display: block;
}

body[data-pricing*=open] .ct-iframe-pricing-loader {
  opacity: 1;
  visibility: visible;
}

#fs_dashboard_container {
  position: relative;
}
#fs_dashboard_container [id*=loader] {
  background: rgb(255, 255, 255) !important;
}
#fs_dashboard_container [id*=loader] img {
  box-shadow: none !important;
  top: calc(50% - 25px) !important;
}
#fs_dashboard_container iframe {
  position: static !important;
  min-height: 750px;
  height: calc(var(--innerHeight, 0)) !important;
}

#affiliation-container ul {
  margin-top: 0;
  padding: 0;
  list-style-type: none;
  --theme-content-spacing: 0;
}
#affiliation-container .hero-content {
  align-items: center;
}
#affiliation-container .buttons-group {
  display: inline-grid;
  grid-column-gap: 25px;
  grid-row-gap: 15px;
  margin-top: 50px;
  grid-template-columns: auto auto;
  --theme-button-padding: 5px 30px;
  --theme-button-min-height: 50px;
  --theme-button-border-radius: 8px;
  --theme-button-text-initial-color: var(--theme-text-color);
  --theme-button-background-initial-color: #fff;
  --theme-button-background-hover-color: #111029;
}
#affiliation-container .companion-features-section p {
  font-size: 16px;
}
#affiliation-container .affiliate-signup-form {
  position: relative;
  display: grid;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 100px;
  border: 1px solid rgba(226, 230, 235, 0.5);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
}
@media (min-width: 1000px) {
  #affiliation-container .affiliate-signup-form {
    grid-template-columns: repeat(2, 1fr);
  }
}
#affiliation-container .affiliate-signup-form > section {
  padding: 50px 40px;
}
@media (max-width: 999.98px) {
  #affiliation-container .affiliate-signup-form > section {
    border-bottom: 1px solid rgba(226, 230, 235, 0.7);
  }
}
@media (min-width: 1000px) {
  #affiliation-container .affiliate-signup-form > section:first-child {
    border-right: 1px solid rgba(226, 230, 235, 0.7);
  }
}
#affiliation-container .affiliate-signup-form .ct-accordion section p:not(:last-child) {
  margin-bottom: 20px;
}
#affiliation-container .ct-affiliation-form {
  margin-top: 25px;
}
#affiliation-container .ct-affiliation-form p:last-child {
  margin-bottom: 0;
}
#affiliation-container .ct-affiliation-form label {
  display: block;
}
#affiliation-container .ct-affiliation-form label span {
  color: red;
}
#affiliation-container .ct-affiliation-form .form-group {
  display: grid;
  grid-column-gap: 15px;
}
@media (max-width: 689.98px) {
  #affiliation-container .ct-affiliation-form .form-group p:last-child {
    margin-bottom: 15px;
  }
}
@media (min-width: 480px) {
  #affiliation-container .ct-affiliation-form .form-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
#affiliation-container .ct-affiliation-form .checkbox-group {
  display: flex;
  align-items: center;
}
#affiliation-container .ct-affiliation-form .checkbox-group .ct-checkbox {
  top: 0px;
}
#affiliation-container .affiliate-notice {
  display: inline-flex;
  color: #563030;
  background: rgba(255, 221, 221, 0.5019607843);
  padding: 10px 15px;
  border-radius: 3px;
}

#affiliate-register .ct-affiliation-form .ct-when-loading {
  display: none;
}
#affiliate-register .ct-affiliation-form.ct-loading .ct-normal {
  display: none;
}
#affiliate-register .ct-affiliation-form.ct-loading .ct-when-loading {
  display: block;
}
#affiliate-register[data-state=form] .sucess-message {
  display: none;
}
#affiliate-register[data-state=done] form {
  display: none;
}
#affiliate-register[data-state=done] .sucess-message {
  display: block;
}

.single-post .entry-content h2 {
  font-size: 32px;
  font-weight: 800;
}

.jck-sfr-roadmap-status {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background: transparent;
  border: 1px solid rgba(226, 230, 235, 0.7);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
}
.jck-sfr-roadmap-status .jck-sfr-roadmap-status__title {
  display: flex;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
  padding: 25px;
  margin: -25px -25px 25px -25px;
  border-bottom: 1px solid rgba(226, 230, 235, 0.7);
}
.jck-sfr-roadmap-status .jck-sfr-roadmap-status__title span {
  font-size: 0;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin-right: 15px;
  background: currentColor;
}
.jck-sfr-roadmap-status .jck-sfr-loop-item__title {
  font-size: 15px;
  margin-bottom: 5px;
  --theme-link-initial-color: var(--theme-headings-color);
}

@media (min-width: 690px) {
  .roadmap-support-actions {
    margin-top: 30px;
  }
}
.roadmap-support-actions h6 {
  font-size: 14px;
  color: #858C92;
  margin-bottom: 22px;
}
.roadmap-support-actions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 689.98px) {
  .roadmap-support-actions ul {
    grid-row-gap: 20px;
  }
}
@media (min-width: 690px) {
  .roadmap-support-actions ul {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}
.roadmap-support-actions ul a {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid rgba(226, 230, 235, 0.7);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
  transition: border-color 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
}
.roadmap-support-actions ul a:hover {
  --theme-link-hover-color: var(--theme-text-color);
  transform: translateY(-5px);
  border-color: rgba(226, 230, 235, 0.6);
  box-shadow: 0px 30px 90px 0px rgba(143, 163, 184, 0.2);
}
@media (max-width: 689.98px) {
  .roadmap-support-actions ul a {
    min-height: 110px;
    padding: 20px 35px;
  }
}
@media (min-width: 690px) {
  .roadmap-support-actions ul a {
    min-height: 180px;
    padding: 30px 50px;
  }
}
@media (max-width: 689.98px) {
  .roadmap-support-actions ul a img {
    flex: 0 0 45px;
    max-width: 45px;
    margin-right: 30px;
  }
}
@media (min-width: 690px) {
  .roadmap-support-actions ul a img {
    flex: 0 0 65px;
    max-width: 65px;
    margin-right: 40px;
  }
}
.roadmap-support-actions ul a h5 {
  font-weight: 600;
  display: flex;
  align-items: center;
}
.roadmap-support-actions ul a h5 span {
  font-size: 13px;
  font-weight: 500;
  margin-left: 10px;
  opacity: 0.7;
}
@media (max-width: 689.98px) {
  .roadmap-support-actions ul a h5 {
    margin: 0;
  }
}
.roadmap-support-actions ul a p {
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 0;
  color: var(--theme-text-color);
}
@media (max-width: 689.98px) {
  .roadmap-support-actions ul a p {
    display: none;
  }
}

.jck-sfr-vote-button {
  cursor: pointer;
}

.jck-sfr-vote-badge--roadmap {
  position: absolute;
  width: 56px;
  border-color: rgb(226, 230, 235);
}
.jck-sfr-vote-badge--roadmap .jck-sfr-vote-button {
  border-color: transparent transparent #d7dde3 transparent;
}
.jck-sfr-vote-badge--roadmap .jck-sfr-vote-button.jck-sfr-vote-button--voted, .jck-sfr-vote-badge--roadmap .jck-sfr-vote-button.jck-sfr-vote-button--voted:active, .jck-sfr-vote-badge--roadmap .jck-sfr-vote-button.jck-sfr-vote-button--voted:focus, .jck-sfr-vote-badge--roadmap .jck-sfr-vote-button.jck-sfr-vote-button--voted:hover {
  background: transparent;
  border-color: transparent transparent #115cfa;
}

.jck-sfr-loop-item-wrapper--roadmap .jck-sfr-loop-item {
  padding-left: 75px;
}

@media (min-width: 480px) {
  .jck-sfr-loop-item {
    padding-left: 110px;
  }
}

.jck-sfr-vote-badge--single,
.jck-sfr-vote-badge--archive {
  width: 80px;
  box-shadow: none;
}
.jck-sfr-vote-badge--single .jck-sfr-vote-badge__count,
.jck-sfr-vote-badge--archive .jck-sfr-vote-badge__count {
  border-radius: 3px 3px 0 0;
  border-color: rgb(226, 230, 235);
}
.jck-sfr-vote-badge--single .jck-sfr-vote-badge__count span,
.jck-sfr-vote-badge--archive .jck-sfr-vote-badge__count span {
  font-size: 70%;
}
.jck-sfr-vote-badge--single .jck-sfr-vote-button,
.jck-sfr-vote-badge--archive .jck-sfr-vote-button {
  text-shadow: none;
  color: var(--theme-text-color);
  background: #e0e5eb;
  transition: var(--theme-transition);
}
.jck-sfr-vote-badge--single .jck-sfr-vote-button:hover,
.jck-sfr-vote-badge--archive .jck-sfr-vote-button:hover {
  background: #d1d5da;
}
.jck-sfr-vote-badge--single .jck-sfr-vote-button--voted,
.jck-sfr-vote-badge--single .jck-sfr-vote-button--voted:active,
.jck-sfr-vote-badge--single .jck-sfr-vote-button--voted:focus,
.jck-sfr-vote-badge--single .jck-sfr-vote-button--voted:hover,
.jck-sfr-vote-badge--archive .jck-sfr-vote-button--voted,
.jck-sfr-vote-badge--archive .jck-sfr-vote-button--voted:active,
.jck-sfr-vote-badge--archive .jck-sfr-vote-button--voted:focus,
.jck-sfr-vote-badge--archive .jck-sfr-vote-button--voted:hover {
  color: #fff;
  background: #115cfa;
}

.jck-sfr-sidebar-widget {
  font-size: 16px;
  margin-bottom: 50px;
}

.jck-sfr-sidebar-widget__title {
  --theme-font-size: 18px;
}

.jck-sfr-sidebar-widget--top-requests li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding-left: 35px;
  counter-increment: counter;
}
.jck-sfr-sidebar-widget--top-requests li:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed rgba(226, 230, 235, 0.7);
}
.jck-sfr-sidebar-widget--top-requests li:before {
  content: counter(counter);
  position: absolute;
  top: 5px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 100%;
  background: rgba(238, 238, 238, 0.5);
}
.jck-sfr-sidebar-widget--top-requests li a {
  font-weight: 500;
  margin-right: auto;
}
.jck-sfr-sidebar-widget--top-requests li span {
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  padding: 0 8px;
  margin: 5px 0;
  border-radius: 3px;
  background: rgba(238, 238, 238, 0.5);
  transition: var(--theme-transition);
}
.jck-sfr-sidebar-widget--top-requests li:hover span {
  color: #fff;
  background: #115cfa;
}

.jck-sfr-sidebar-widget--login form {
  display: flex;
  flex-direction: column;
}
.jck-sfr-sidebar-widget--login form > p {
  order: 10;
  margin-top: 20px;
  margin-bottom: 0;
}

@media (max-width: 999.98px) {
  #request-container .ct-container {
    --theme-content-vertical-spacing: 50px;
  }
}
@media (min-width: 1000px) {
  #request-container .ct-container {
    --theme-content-vertical-spacing: 80px;
  }
}
#request-container article[class*=post] {
  --has-boxed: var(--true);
  --background-image: none;
  --background-color: var(--theme-palette-color-8);
  --border-radius: 3px;
  --box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
  border: 1px solid rgba(226, 230, 235, 0.7);
}
@media (max-width: 689.98px) {
  #request-container article[class*=post] {
    --theme-boxed-content-spacing: 20px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #request-container article[class*=post] {
    --theme-boxed-content-spacing: 35px;
  }
}
@media (min-width: 1000px) {
  #request-container article[class*=post] {
    --theme-boxed-content-spacing: 40px;
  }
}

.jck-sfr--archive .jck-sfr-filters {
  margin-top: 0px;
  margin-bottom: 0;
}
.jck-sfr--archive .jck-sfr-content:before {
  display: flex;
  content: "";
  height: 1px;
  width: calc(100% + var(--theme-boxed-content-spacing) * 2);
  margin-left: calc(var(--theme-boxed-content-spacing) * -1);
  margin-top: calc(var(--theme-boxed-content-spacing) / 2 + 5px);
  margin-bottom: calc(var(--theme-boxed-content-spacing) / 2 + 20px);
  background: rgba(226, 230, 235, 0.7);
}
.jck-sfr--archive .jck-sfr-loop-item-wrapper {
  margin: 30px 0;
}
.jck-sfr--archive .jck-sfr-loop-item-wrapper:not(:last-child) {
  padding-bottom: 25px;
  border-bottom: 1px dashed rgba(226, 230, 235, 0.7);
}
.jck-sfr--archive .jck-sfr-loop-item-wrapper:last-child {
  margin-bottom: 0;
}
.jck-sfr--archive .jck-sfr-loop-item__title {
  font-size: 23px;
  margin-top: 3px !important;
  margin-bottom: 15px;
  --theme-link-initial-color: var(--theme-headings-color);
}
.jck-sfr--archive .jck-sfr-loop-item__text {
  margin-bottom: 15px;
}
.jck-sfr--archive .jck-sfr-loop-item__text p:last-child {
  margin-bottom: 0;
}

.jck-sfr-loop-item__meta {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.jck-sfr-loop-item__meta .jck-sfr-status-badges {
  display: flex;
  align-items: center;
}
.jck-sfr-loop-item__meta > span:after {
  margin: 0 10px;
}

.jck-sfr-loop-item__title {
  --theme-font-size: 35px;
  --theme-letter-spacing: 0;
  --theme-font-weight: 800;
}

.jck-sfr-loop-item-wrapper--single {
  overflow: initial;
  display: flex;
}
@media (max-width: 689.98px) {
  .jck-sfr-loop-item-wrapper--single {
    flex-direction: column;
  }
}
.jck-sfr-loop-item-wrapper--single .jck-sfr-vote-badge--single {
  position: static;
}
@media (min-width: 690px) {
  .jck-sfr-loop-item-wrapper--single .jck-sfr-vote-badge--single {
    padding-top: 8px;
    margin-right: 30px;
  }
}
.jck-sfr-loop-item-wrapper--single .jck-sfr-loop-item {
  flex: 1;
  padding-left: 0;
}
.jck-sfr-loop-item-wrapper--single .jck-sfr-loop-item__meta > .jck-sfr-author {
  display: flex;
  align-items: center;
}
.jck-sfr-loop-item-wrapper--single .jck-sfr-loop-item__meta > .jck-sfr-author img {
  flex: 0 0 20px;
  margin-right: 10px;
}
.jck-sfr-loop-item-wrapper--single .jck-sfr-comments {
  padding-top: 50px;
  border-top: 1px dashed rgba(226, 230, 235, 0.7);
}
.jck-sfr-loop-item-wrapper--single .comment-reply-title {
  --theme-font-size: 18px;
}

.jck-sfr-no-requests-found {
  margin: 0;
}

#request-container .hero-content {
  --padding: 30px 0 70px 0;
}
@media (min-width: 1000px) {
  #request-container .hero-content {
    --minHeight: 400px;
  }
}

.roadmap-hero-tabs {
  width: var(--theme-container-width);
  max-width: var(--theme-narrow-container-max-width);
  margin-left: auto;
  margin-right: auto;
}

.recommendations-section {
  margin-top: 100px;
  margin-bottom: 100px;
}
.recommendations-section h3 {
  font-size: 20px;
  margin-bottom: 30px;
}
.recommendations-section ul {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.recommendations-section ul li {
  margin: 0;
}
.recommendations-section .card-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
  min-height: 250px;
  border-radius: 6px;
  color: var(--theme-text-color);
  box-shadow: 0 2px 5px rgba(143, 163, 184, 0.12);
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.recommendations-section .card-container:hover:not(.hostinger-card) {
  transform: translateY(-3px);
  border-color: rgba(226, 230, 235, 0.6);
  box-shadow: 0px 30px 90px 0px rgba(143, 163, 184, 0.2);
}
.recommendations-section .card-container figure {
  position: relative;
  border-radius: 6px 6px 0 0;
  height: 160px;
  background-size: cover;
  background-repeat: no-repeat;
}
.recommendations-section .card-container figure img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  margin: 0 auto;
  border-radius: 100%;
  border: 5px solid #fff;
}
.recommendations-section .card-container > span {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 30px 40px 30px;
  border-radius: 0 0 6px 6px;
  border: 1px solid rgba(226, 230, 235, 0.7);
  border-top: none;
}
.recommendations-section .card-container > span h5 {
  margin-bottom: 10px;
}
.recommendations-section .card-container > span p {
  max-width: 375px;
}
.recommendations-section .card-container > span p:last-child {
  margin-bottom: 0;
}
.recommendations-section .hostinger-card {
  margin-bottom: 50px;
}
.recommendations-section .hostinger-card figure {
  height: 540px;
}
.recommendations-section .hostinger-card figure img {
  bottom: -50px;
}
.recommendations-section .hostinger-card > span {
  padding: 80px 30px 55px 30px;
}
.recommendations-section .hostinger-card > span p {
  max-width: 90%;
  margin-bottom: 40px;
}
.recommendations-section .hostinger-card .buttons-group {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  --theme-button-font-size: 16px;
  --theme-button-font-weight: 600;
  --theme-button-min-height: 60px;
  --theme-button-border-radius: 8px;
  --theme-button-padding: 5px 35px;
}
@media (max-width: 999.98px) {
  .recommendations-section .hostinger-card .buttons-group {
    justify-content: center;
  }
}
.recommendations-section .hostinger-card .buttons-group > *:last-child {
  --theme-button-text-initial-color: #111029;
  --theme-button-background-initial-color: #EFF1F4;
}

#showcase-container .sub-heading {
  max-width: 700px;
  margin: 0 auto;
}

.showcase-section {
  padding-top: 100px;
  padding-bottom: 100px;
}
.showcase-section ul {
  grid-column-gap: 40px;
  grid-row-gap: 55px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.showcase-section ul li:hover .showcase-item-image img {
  opacity: 0.7;
  filter: grayscale(100%);
}
.showcase-section ul li:hover .showcase-item-image:before {
  box-shadow: 0px 0px 0px 3px #115cfa;
}
.showcase-section ul li:hover .showcase-item-image:after {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.showcase-section ul li:hover .showcase-item-info {
  opacity: 1;
  transform: translateY(0);
}
.showcase-section .showcase-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 20px 60px 0 rgba(193, 199, 212, 0.5);
}
.showcase-section .showcase-item-image figure {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 3px;
}
.showcase-section .showcase-item-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  transition: opacity 0.2s ease, filter 0.2s ease;
}
.showcase-section .showcase-item-image:before {
  z-index: 2;
  width: 100%;
  content: "";
  display: block;
  border-radius: 4px;
  padding-bottom: 151.219512%;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  transition: box-shadow 0.2s ease;
}
.showcase-section .showcase-item-image:after {
  position: absolute;
  opacity: 0;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  background: url("https://creativethemes.com/blocksy/wp-content/uploads/2021/10/external_link_icon.svg");
  background-size: 50px;
  transform: scale3d(0.9, 0.9, 1);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.showcase-section h5 {
  font-size: 17px;
  font-weight: 600;
  margin-top: 25px;
  text-align: center;
  --theme-link-initial-color: var(--theme-heading-color);
}
.showcase-section .showcase-item-info {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: flex;
  justify-content: center;
  padding: 25px 20px;
  color: #fff;
  font-size: 14px;
  background: #115cfa;
  transform: translateY(100%);
  box-shadow: 0 -20px 70px 0 rgba(193, 199, 212, 0.5);
  transition: transform 0.2s ease, opacity 0.2s ease;
  --theme-content-spacing: 0.5em;
}

.page-template-template-video-tutorials #main {
  overflow: initial;
}

#video-tutorials-archive > section > ul {
  --theme-link-initial-color: var(--theme-headings-color);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#video-tutorials-archive > section > ul li {
  margin: 0;
}
#video-tutorials-archive > section > ul .ct-media-container {
  border-radius: 5px;
}
#video-tutorials-archive > section > ul .ct-media-container img {
  filter: brightness(98%);
}
#video-tutorials-archive > section > ul .video-item-title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin-top: 5px;
}
#video-tutorials-archive .ct-sidebar .ct-widget:not(:last-child) {
  padding-bottom: 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(226, 230, 235, 0.7);
}
#video-tutorials-archive .ct-sidebar .ct-widget:not(:last-child) a:not(.ct-button) {
  font-weight: 600;
  display: flex;
  padding-top: 7px;
  padding-bottom: 7px;
}
#video-tutorials-archive .ct-sidebar ul > li.active {
  --theme-link-initial-color: var(--theme-link-hover-color);
}
#video-tutorials-archive .ct-sidebar ul > li .ct-count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  background: rgba(238, 238, 238, 0.5);
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  min-width: 24px;
  border-radius: 3px;
  color: var(--color);
  transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#video-tutorials-archive .ct-sidebar ul > li a:hover .ct-count, #video-tutorials-archive .ct-sidebar ul > li.active a .ct-count {
  color: #fff;
  background: var(--theme-link-hover-color);
}
#video-tutorials-archive .ct-sidebar .ct-button {
  margin-top: 20px;
  margin-bottom: 10px;
}

.single-video_tutorials #main {
  overflow: initial;
}

#video-single-container .hero-content {
  align-items: center;
  padding-bottom: 90px;
}
@media (min-width: 1000px) {
  #video-single-container .hero-content {
    --minHeight: 400px;
  }
}

.video-single-top {
  position: relative;
  z-index: 2;
  margin-top: -90px;
}
.video-single-top .widget-title {
  font-size: 18px;
}
.video-single-top .ct-container {
  display: grid;
  gap: 50px;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.15);
}
@media (min-width: 1000px) {
  .video-single-top .ct-container {
    grid-template-columns: minmax(100px, 1fr) 22%;
  }
}
@media (max-width: 689.98px) {
  .video-single-top .ct-container {
    padding: 35px 25px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .video-single-top .ct-container {
    padding: 40px;
  }
}
@media (min-width: 1000px) {
  .video-single-top .ct-container {
    padding: 50px;
  }
}
.video-single-top .ct-breadcrumbs {
  --theme-text-color: #5E666C;
  --theme-link-initial-color: #5E666C;
  margin-bottom: 28px;
}
.video-single-top .single-related-videos ul {
  --theme-link-initial-color: var(--theme-headings-color);
  display: grid;
  grid-column-gap: 35px;
  grid-row-gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .video-single-top .single-related-videos ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.video-single-top .single-related-videos ul li {
  margin-bottom: 0;
}
.video-single-top .single-related-videos ul .ct-media-container {
  border-radius: 10px;
}
.video-single-top .single-related-videos ul .ct-media-container img {
  filter: brightness(98%);
}
.video-single-top .single-related-videos ul .related-item-title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin-top: 5px;
}

.youtube-featured-video iframe {
  border-radius: 10px;
  filter: brightness(98%);
}

#video-single-content {
  padding-bottom: 100px;
}
#video-single-content > article > figure {
  margin-bottom: 50px;
}
#video-single-content .entry-content .wp-block-embed:first-of-type {
  display: none;
}
#video-single-content .entry-content .video-desciption-heading {
  font-size: 18px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(226, 230, 235, 0.7);
}
#video-single-content aside {
  --sidebar-offset: 60px;
}
#video-single-content aside .widget-title {
  font-size: 18px;
}

.subscribe-section-small {
  color: #fff;
  border-radius: 15px;
  background: #115CFA;
}
@media (max-width: 689.98px) {
  .subscribe-section-small {
    padding: 35px 25px;
  }
}
@media (min-width: 690px) {
  .subscribe-section-small {
    padding: 50px 40px;
  }
}
.subscribe-section-small .heading {
  color: #fff;
  font-size: 20px;
}
.subscribe-section-small p {
  margin-bottom: 40px;
}
.subscribe-section-small form input {
  --theme-form-field-height: 50px;
  --theme-form-field-border-radius: 6px;
  --theme-form-field-border-initial-color: #fff;
  --theme-form-field-border-focus-color: #fff;
  --theme-form-field-background-initial-color: #fff;
  --theme-form-field-background-focus-color: #fff;
}
.subscribe-section-small form button {
  --theme-button-min-height: 55px;
  --theme-button-padding: 0 40px;
  --theme-button-font-size: 18px;
  --theme-button-border-radius: 6px;
  --theme-button-background-initial-color: #111029;
  --theme-button-background-hover-color: #152035;
  width: 100%;
  margin-top: 20px;
}
.subscribe-section-small form input[type=checkbox] {
  --theme-form-selection-control-accent-color: #fff;
}
.subscribe-section-small form input[type=checkbox]:checked:before {
  border: 2px solid #111029;
  border-top: none;
  border-right: none;
}

.ct-header-text,
.ct-header-text .entry-content {
  width: 100%;
}

.ct-countdown {
  display: inline-flex;
}
.ct-countdown > div {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.ct-countdown > div:not(:last-child) {
  margin-right: 30px;
}
.ct-countdown > div:not(:last-child):after {
  position: absolute;
  content: ":";
  font-size: 20px;
  font-weight: 600;
  top: calc(50% - 12px);
  right: -17px;
}
.ct-countdown > div span {
  font-size: 20px;
  font-weight: 800;
  text-transform: none;
}

.ct-black-friday-banner {
  position: relative;
  z-index: 1;
  padding: 30px 0;
  background: #0d0c19;
}
.ct-black-friday-banner .ct-container {
  display: grid;
  gap: 15px;
  position: relative;
  z-index: 1;
  color: #fff;
}
@media (min-width: 1000px) {
  .ct-black-friday-banner .ct-container {
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
  }
}
@media (max-width: 999.98px) {
  .ct-black-friday-banner .banner-section-1 {
    text-align: center;
  }
}
.ct-black-friday-banner .banner-section-2 {
  text-align: center;
}
@media (max-width: 999.98px) {
  .ct-black-friday-banner .banner-section-3 {
    text-align: center;
  }
}
@media (min-width: 1000px) {
  .ct-black-friday-banner .banner-section-3 {
    text-align: right;
  }
}
.ct-black-friday-banner .banner-heading {
  font-size: 18px;
  font-weight: 900;
  margin: 0;
  --theme-heading-color: #fff;
}
@media (max-width: 999.98px) {
  .ct-black-friday-banner .banner-heading {
    font-size: 16px;
    text-align: center;
  }
}
.ct-black-friday-banner .banner-heading img {
  margin-left: 10px;
  margin-bottom: 3px;
}
.ct-black-friday-banner .ct-button {
  --theme-button-padding: 5px 20px;
  --theme-button-min-height: 38px;
  --theme-button-border-radius: 4px;
  --theme-button-background-initial-color: #115cfa;
  --theme-button-background-hover-color: #dd1f29;
}

.reviews-container .flexy-container {
  margin-top: 50px;
}
@media (max-width: 689.98px) {
  .reviews-container .flexy-container {
    --grid-columns-width: 100%;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .reviews-container .flexy-container {
    --grid-columns-width: 50%;
  }
}
@media (min-width: 1000px) {
  .reviews-container .flexy-container {
    --grid-columns-width: 33.333%;
  }
}
.reviews-container .flexy-container .flexy-items {
  list-style: none;
  padding: 0;
  margin-inline: calc(var(--grid-columns-gap, 30px) / -2);
}
.reviews-container .flexy-container .flexy-item {
  flex: 0 0 var(--grid-columns-width, 25%);
  width: var(--grid-columns-width, 25%);
  padding-inline: calc(var(--grid-columns-gap, 30px) / 2);
}
.reviews-container .flexy-pills[data-type=circle] {
  margin-top: 50px;
  --flexyInitialPill: rgba(38, 47, 67, 0.2);
  --flexyActivePill: rgba(38, 47, 67, 0.5);
}

.review-container {
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 15px;
  border: 2px solid rgba(52, 64, 72, 0.05);
  transform: scale3d(1, 1, 1);
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.review-container:hover {
  border-color: transparent;
  transform: scale3d(1.06, 1.06, 1);
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.15);
}
.review-container .review-content .review-title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 13px;
}
.review-container .review-content .review-text {
  display: block;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(52, 64, 72, 0.6);
  margin-bottom: 30px;
}
.review-container .review-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.review-container .review-meta > span {
  display: flex;
  align-items: center;
  gap: 13px;
}
.review-container .review-meta a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid rgba(52, 64, 72, 0.1);
  --theme-link-initial-color: var(--theme-text-color);
}
.review-container .review-meta a:hover {
  color: #fff;
  background: var(--theme-palette-color-1);
  border-color: var(--theme-palette-color-1);
}
.review-container img {
  border-radius: 100%;
}
.review-container .review-user-name {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 14px;
  font-weight: 600;
}
.review-container .rating {
  color: #f4b858;
  font-size: 13px;
  letter-spacing: 0.4em;
  line-height: 1;
}

@media (max-width: 689.98px) {
  .reviews-home-page,
.reviews-pro-page,
.reviews-woo-page {
    padding: 60px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .reviews-home-page,
.reviews-pro-page,
.reviews-woo-page {
    padding: 80px 0;
  }
}
@media (min-width: 1000px) {
  .reviews-home-page,
.reviews-pro-page,
.reviews-woo-page {
    padding: 100px 0;
  }
}
.reviews-home-page .heading,
.reviews-pro-page .heading,
.reviews-woo-page .heading {
  text-align: center;
}
.reviews-home-page .sub-heading,
.reviews-pro-page .sub-heading,
.reviews-woo-page .sub-heading {
  text-align: center;
  max-width: 750px;
  margin-inline: auto;
}
.reviews-home-page .more-reviews,
.reviews-pro-page .more-reviews,
.reviews-woo-page .more-reviews {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.reviews-home-page .more-reviews .ct-button-ghost,
.reviews-pro-page .more-reviews .ct-button-ghost,
.reviews-woo-page .more-reviews .ct-button-ghost {
  --theme-button-font-size: 14px;
  --theme-button-text-initial-color: var(--theme-text-color);
  --theme-button-background-initial-color: #f1f1f2;
}

.llm-markdown-content {
  visibility: hidden;
  opacity: 0;
  height: 0px;
}