.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;
  }
}

#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);
  }
}
@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: 5px;
  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;
}
@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: 130px 0;
  }
}

.progress-bars {
  grid-row-gap: 50px;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 930px;
  margin: 50px auto 0 auto;
}
@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-weight: 500;
  margin-bottom: 15px;
}
@media (max-width: 999.98px) {
  .progress-top {
    font-size: 17px;
  }
}
@media (min-width: 1000px) {
  .progress-top {
    font-size: 20px;
  }
}

.progress-bar {
  position: relative;
  width: 100%;
  height: 15px;
  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 h1, .key-features h5 {
  color: inherit;
}

.features {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 70px;
}
@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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@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 h1 {
  max-width: 500px;
}
@media (max-width: 999.98px) {
  .single-text h1 {
    margin-left: auto;
    margin-right: auto;
  }
}
.single-text h1 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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .shop-text ul {
    max-width: 90%;
  }
}
@media (min-width: 1000px) {
  .shop-text ul {
    max-width: 300px;
  }
}
@media (max-width: 689.98px) {
  .shop-text ul li {
    margin-top: 50px;
  }
}
@media (min-width: 690px) {
  .shop-text ul li {
    margin-top: 60px;
  }
}
.shop-text ul h5 {
  margin-bottom: 15px;
}
.shop-text ul p {
  font-weight: 300;
}
.shop-text .image-group {
  display: flex;
  margin-top: 30px;
}
@media (max-width: 689.98px) {
  .shop-text .image-group {
    justify-content: center;
  }
}
.shop-text .image-group img:not(:last-child) {
  margin-right: 40px;
}

.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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@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;
}
@media (max-width: 479.98px) {
  .technologies-section {
    padding: 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 689.98px) {
  .technologies-section {
    padding: 80px 0;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .technologies-section {
    padding: 100px 0;
  }
}
@media (min-width: 1000px) {
  .technologies-section {
    padding: 130px 0;
  }
}
.technologies-section .ct-container {
  position: relative;
  z-index: 2;
}
.technologies-section h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.technologies-section h1 span {
  font-weight: 400;
}
@media (min-width: 690px) {
  .technologies-section h1 span {
    font-size: 33px;
  }
}
.technologies-section .sub-heading {
  margin-bottom: 70px;
}
.technologies-section ul {
  grid-column-gap: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@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 h1 {
    font-size: 23px;
  }
}
@media (min-width: 1000px) {
  .cta .cta-text {
    flex: 1;
    max-width: 550px;
    margin-right: 40px;
  }
  .cta .cta-text h1 {
    font-size: 40px;
    line-height: 1.25;
  }
}
.cta h1, .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: 6px;
  --theme-button-background-initial-color: #051923;
  --theme-button-background-hover-color: #051923;
}
.cta .ct-button svg {
  fill: currentColor;
  margin-right: 15px;
}

.subscribe-section {
  text-align: center;
}
@media (max-width: 689.98px) {
  .subscribe-section {
    padding-bottom: 100px;
  }
}
@media (min-width: 690px) {
  .subscribe-section {
    padding-bottom: 180px;
  }
}
.subscribe-section form {
  position: relative;
  max-width: 600px;
  margin: 50px auto 0 auto;
}
.subscribe-section form input.email {
  --theme-form-field-border-width: 3px;
  --theme-form-field-border-initial-color: #E3F1FF;
  --theme-form-text-initial-color: #115CFA;
  --theme-form-field-border-radius: 8px;
  font-weight: 500;
}
@media (max-width: 689.98px) {
  .subscribe-section form input.email {
    --theme-form-field-height: 60px;
    --theme-form-field-padding: 0 150px 0 20px;
  }
}
@media (min-width: 690px) {
  .subscribe-section form input.email {
    --theme-form-font-size: 18px;
    --theme-form-field-height: 72px;
    --theme-form-field-padding: 0 170px 0 25px;
  }
}
.subscribe-section form .subscribe-field-group {
  position: relative;
}
.subscribe-section form .subscribe-field-group .button {
  position: absolute;
  top: 8px;
  right: 8px;
  letter-spacing: 0.5px;
  --theme-button-border-radius: 4px;
}
@media (max-width: 689.98px) {
  .subscribe-section form .subscribe-field-group .button {
    --theme-button-min-height: 44px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .subscribe-section form .subscribe-field-group .button {
    --theme-button-padding: 0 30px;
    --theme-button-font-size: 18px;
  }
}
@media (min-width: 690px) {
  .subscribe-section form .subscribe-field-group .button {
    --theme-button-padding: 0 40px;
    --theme-button-min-height: 56px;
  }
}

#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;
}
#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;
  margin: 0;
  padding: 0;
  list-style: none;
}
@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;
  }
}

.zrf-form form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: left;
}
.zrf-form form p {
  --theme-content-spacing: 0;
}
.zrf-form form > p {
  grid-column: span 2;
}
@media (min-width: 690px) {
  .zrf-form form > p#zendesk_field_zen_name, .zrf-form form > p#zendesk_field_zen_email {
    grid-column: span 1;
  }
}
.zrf-form form > p label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 10px;
  color: rgba(29, 43, 53, 0.8);
}
.zrf-form form input, .zrf-form form textarea {
  --theme-form-field-border-width: 2px;
}
.zrf-form form input {
  --theme-form-field-height: 50px;
}
.zrf-form 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);
}
.zrf-form 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) {
  .zrf-form form #zendesk_field_zen_files label {
    display: flex;
    align-items: flex-start;
  }
}
.zrf-form form #zendesk_field_zen_files label span {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}
.zrf-form 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%;
}
.zrf-form form #zendesk_field_zen_files input {
  position: absolute;
  display: none;
  visibility: hidden;
}
.zrf-form form #zendesk_field_zen_files .zrf_extra_info {
  display: none;
}
.zrf-form form .form-attachments {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.zrf-form form .form-attachments p {
  font-size: 13px;
  padding: 2px 10px;
  border-radius: 50px;
  margin: 4px;
  background: rgba(224, 229, 235, 0.7);
}
.zrf-form form #zendesk_field_zen_submit {
  --theme-button-min-height: 50px;
  --theme-button-padding: 0 25px;
  --theme-button-font-size: 17px;
  --theme-button-font-weight: 600;
  margin-top: 10px;
}

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

#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;
}

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

.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;
}

.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);
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .ct-docs-sidebar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
  }
}

@media (max-width: 689.98px) {
  .ct-docs-widget:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(226, 230, 235, 0.7);
  }
}
@media (min-width: 1000px) {
  .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;
  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);
}

.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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.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;
}

#companion-container .sub-heading {
  max-width: 700px;
  margin: 0 auto;
}
#companion-container .hero-buttons {
  margin-top: 80px;
}
#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;
  }
}
.hero-container-pro .buttons-group .buy-now {
  --button-padding: 0 50px !important;
}
@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 (max-width: 999.98px) {
  .hero-container-pro .buttons-group .explore {
    display: none;
  }
}
.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;
}
@media (max-width: 999.98px) {
  .fonts-container .integrations {
    margin-top: 30px;
  }
}
.fonts-container .integrations h5 {
  font-size: 18px;
  font-weight: 600;
  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 {
  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: 1470px;
  height: 644px;
  left: calc(50% - 735px);
  bottom: -200px;
  background-image: url("https://creativethemes.com/blocksy/wp-content/uploads/2020/11/woo-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;
}
@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;
}

.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 57.3643411%;
  }
}

@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: 55px;
}
@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-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-testimonials-section {
  padding: 100px 0;
}
@media (max-width: 999.98px) {
  .pro-testimonials-section {
    padding: 80px 0;
  }
}
.pro-testimonials-section .flexy-container {
  min-width: 100%;
  padding: 0 40px;
}
.pro-testimonials-section .flexy-container ul li {
  padding: 0 20px;
}
.pro-testimonials-section .flexy-container .testimonial-content p {
  font-size: 16px;
}
@media (max-width: 689.98px) {
  .pro-testimonials-section .flexy-container .testimonial-content p {
    max-height: 80px;
    overflow: hidden;
  }
}
@media (max-width: 999.98px) {
  .pro-testimonials-section .flexy-items > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1000px) {
  .pro-testimonials-section .flexy-items > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

#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;
  max-width: var(--max-width, 440px);
}
#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;
}
#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;
}

[data-plan=lifetime] [class*=yearly],
[data-plan=lifetime] .period {
  display: none;
}

.pricing-plans {
  display: grid;
  width: 100%;
  grid-row-gap: 30px;
  padding: 0 10px;
  margin-bottom: 90px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .pricing-plans {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
  }
}
@media (min-width: 1000px) {
  .pricing-plans {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 4%;
  }
}
.pricing-plans li {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-align: center;
  padding: 90px 20px;
  border-radius: 20px;
  transition: z-index 0.25s ease, border-color 0.25s ease;
}
.pricing-plans li > * {
  position: relative;
  z-index: 5;
}
.pricing-plans li:before, .pricing-plans li:after {
  position: absolute;
  content: "";
}
.pricing-plans li:before {
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-radius: 26px;
  opacity: 0;
  background-image: linear-gradient(180deg, #fc7055 0%, #f74b68 100%);
  transform: scale3d(0.9, 0.9, 1);
  transition: all 0.25s ease;
  will-change: transform;
}
.pricing-plans li:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background: #fff;
}
.pricing-plans li:hover {
  z-index: 1;
}
.pricing-plans li:hover:before {
  opacity: 0.85;
  transform: scale3d(1, 1, 1);
  box-shadow: 0 20px 50px 0 rgba(67, 38, 38, 0.2);
}
.pricing-plans li.active {
  --theme-heading-color: #fff;
  color: #fff;
}
.pricing-plans li.active:after {
  background-image: linear-gradient(180deg, #fc7055 0%, #f74b68 100%);
}
.pricing-plans li.active .discounted-price:before {
  background: #fff;
}
.pricing-plans li.active .discounted-price span[class*=price] {
  color: #fff;
}
.pricing-plans li.active .ct-button {
  --theme-button-text-initial-color: #fb454c;
  --theme-button-background-initial-color: #fff;
}
.pricing-plans li.active:hover:before {
  opacity: 0.65;
  box-shadow: 0 20px 40px 0 rgba(67, 38, 38, 0.3);
}
.pricing-plans li:not(.active) .ct-button {
  --theme-button-text-initial-colo: #fff;
  --theme-button-background-initial-color: transparent;
  background-image: linear-gradient(180deg, #FA7059 0%, #F74B68 100%);
}
.pricing-plans li:not(.active) .ct-button:hover {
  border-color: #152035;
}
.pricing-plans h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px;
}
.pricing-plans p {
  font-size: 15px;
  --theme-content-spacing: 50px;
}
.pricing-plans b {
  margin-top: 20px;
}
.pricing-plans .ct-button {
  margin-top: 60px;
  --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;
  --theme-button-background-hover-color: #152035;
}
.pricing-plans .price-container {
  display: flex;
  position: relative;
}
.pricing-plans span[class*=price] {
  font-size: 70px;
  line-height: 60px;
  font-weight: 600;
  color: var(--theme-heading-color);
}
.pricing-plans .regular-price span[class*=price] {
  font-weight: 700;
}
.pricing-plans .currency,
.pricing-plans .period {
  position: absolute;
}
.pricing-plans .currency {
  font-size: 25px;
  line-height: 25px;
  font-weight: 500;
  align-self: flex-start;
  left: -5px;
  transform: translateX(-100%);
}
.pricing-plans .period {
  align-self: flex-end;
  right: -3px;
  transform: translateX(100%);
}
.pricing-plans .discounted-price {
  position: relative;
  margin-bottom: 20px;
}
.pricing-plans .discounted-price:before {
  position: absolute;
  content: "";
  top: 50%;
  width: calc(100% + 14px);
  left: -7px;
  height: 0.09em;
  background: #F74B68;
}
.pricing-plans .discounted-price span[class*=price] {
  font-size: 27px;
  line-height: normal;
  color: #F74B68;
}

.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;
}

.comparison-heading {
  margin-top: 100px;
  text-align: center;
}

.pricing-table .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 {
  --theme-content-spacing: 80px;
}
@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: #252e44;
}
@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;
}

.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-blackfriday .ct-black-friday-banner {
  background: #000;
}
.page-template-template-pricing-blackfriday .ct-black-friday-banner .ct-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
@media (max-width: 999.98px) {
  .page-template-template-pricing-blackfriday .ct-black-friday-banner .ct-container {
    flex-direction: column;
    gap: 10px;
  }
}
.page-template-template-pricing-blackfriday .ct-black-friday-banner .banner-section-2 {
  order: -1;
}
.page-template-template-pricing-blackfriday .ct-black-friday-banner .banner-section-3 {
  display: none;
}
.page-template-template-pricing-blackfriday .ct-black-friday-banner .ct-countdown {
  margin-right: 0;
}

#pricing-container.black-friday-sale-container .pricing-hero-container {
  background: #000;
  min-height: var(--section-height);
}
@media (max-width: 689.98px) {
  #pricing-container.black-friday-sale-container .pricing-hero-container {
    --section-height: 800px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #pricing-container.black-friday-sale-container .pricing-hero-container {
    --section-height: 800px;
  }
}
@media (min-width: 1000px) {
  #pricing-container.black-friday-sale-container .pricing-hero-container {
    --section-height: 1000px;
  }
}
#pricing-container.black-friday-sale-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.black-friday-sale-container .pricing-hero-container .hero-content {
    --minHeight: calc(var(--section-height) - 300px);
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #pricing-container.black-friday-sale-container .pricing-hero-container .hero-content {
    --minHeight: calc(var(--section-height) - 300px);
  }
}
@media (min-width: 1000px) {
  #pricing-container.black-friday-sale-container .pricing-hero-container .hero-content {
    --minHeight: calc(var(--section-height) - 300px);
  }
}
#pricing-container.black-friday-sale-container .pricing-hero-container .hero-heading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
}
#pricing-container.black-friday-sale-container .pricing-hero-container .hero-heading-container .pricing-plan-data {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  background: #4a35ff;
  padding: 10px 20px;
  border-radius: 50px;
  margin-bottom: 20px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
}
#pricing-container.black-friday-sale-container .pricing-hero-container .hero-heading-container .sub-heading {
  color: #fff;
}
#pricing-container.black-friday-sale-container .pricing-hero-container h1 {
  display: flex;
  align-items: center;
  text-align: center;
  max-width: 600px;
  margin-inline: auto;
  margin-bottom: 0;
  color: #fff;
  text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}
@media (max-width: 689.98px) {
  #pricing-container.black-friday-sale-container .pricing-hero-container h1 {
    font-size: 40px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #pricing-container.black-friday-sale-container .pricing-hero-container h1 {
    font-size: 40px;
  }
}
@media (min-width: 1000px) {
  #pricing-container.black-friday-sale-container .pricing-hero-container h1 {
    font-size: 80px;
  }
}

#pricing-container.black-friday-sale-container .pricing-ribbon .ribbon-front {
  background: #0c0c14;
}
#pricing-container.black-friday-sale-container .pricing-ribbon .ribbon-front b {
  color: #dd1e29;
}
#pricing-container.black-friday-sale-container .pricing-ribbon .ribbon-back {
  border-color: transparent transparent #626181 transparent;
}

#pricing-container.black-friday-sale-container .plans-switch {
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  background: #00071F;
  background: rgba(0, 7, 31, 0.85);
  box-shadow: inset 0px -1px 4px rgba(236, 56, 67, 0.53), inset 0px 1px 2px rgba(5, 115, 217, 0.25), inset 0px -3px 8px rgba(5, 115, 217, 0.25), inset 0px -6px 44px rgba(5, 115, 217, 0.25);
}
@media (min-width: 1000px) {
  #pricing-container.black-friday-sale-container .plans-switch {
    margin-top: auto;
    margin-bottom: 30px;
  }
}
#pricing-container.black-friday-sale-container .plans-switch:before {
  background: #fff;
  box-shadow: none;
}
#pricing-container.black-friday-sale-container .plans-switch a {
  color: #000;
}
#pricing-container.black-friday-sale-container .plans-switch a:not(.active) {
  color: #fff;
}
#pricing-container.black-friday-sale-container .plans-switch a:not(.active):hover {
  color: #b4a6ef;
}
#pricing-container.black-friday-sale-container .pricing-table {
  margin-top: -300px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05), inset 0px 2px 2px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
@media (min-width: 480px) {
  #pricing-container.black-friday-sale-container .pricing-table {
    padding-top: 40px;
  }
}
#pricing-container.black-friday-sale-container .pricing-plans {
  grid-column-gap: 35px;
  --theme-heading-color: #000;
}
#pricing-container.black-friday-sale-container .pricing-plans li:before {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
}
#pricing-container.black-friday-sale-container .pricing-plans li.active {
  background-image: linear-gradient(180deg, #3b4242 0%, #252525 100%);
}
#pricing-container.black-friday-sale-container .pricing-plans li.active:after {
  background-image: linear-gradient(180deg, #3b2db1 0%, #000203 100%);
}
#pricing-container.black-friday-sale-container .pricing-plans li.active .ct-button {
  --theme-button-text-initial-color: #fff;
  background-image: linear-gradient(180deg, #4a35ff 0%, #23159c 100%);
}
#pricing-container.black-friday-sale-container .pricing-plans li:not(.active) {
  border: 6px solid rgba(0, 0, 0, 0.025);
}
#pricing-container.black-friday-sale-container .pricing-plans li:not(.active):hover {
  border-color: transparent;
}
#pricing-container.black-friday-sale-container .pricing-plans li:not(.active) h3, #pricing-container.black-friday-sale-container .pricing-plans li:not(.active) b, #pricing-container.black-friday-sale-container .pricing-plans li:not(.active) p,
#pricing-container.black-friday-sale-container .pricing-plans li:not(.active) span[class*=price] {
  color: #0b2626;
}
#pricing-container.black-friday-sale-container .pricing-plans li:not(.active) .discounted-price:before {
  background: #dd1f29;
}
#pricing-container.black-friday-sale-container .pricing-plans li:not(.active) .discounted-price span[class*=price] {
  color: #dd1f29;
}
#pricing-container.black-friday-sale-container .pricing-plans li:not(.active) .ct-button {
  background-image: linear-gradient(180deg, #1b1940 0%, #000000 100%);
}
#pricing-container.black-friday-sale-container .pricing-plans .discounted-price:before {
  transform: rotate(160deg);
}
#pricing-container.black-friday-sale-container .pricing-plans .period {
  display: none;
}
#pricing-container.black-friday-sale-container .pricing-plans .normal-rate {
  position: absolute;
  inset-inline: 0;
  bottom: 34px;
  opacity: 0.5;
  font-size: 15px;
}
#pricing-container.black-friday-sale-container[data-plan=lifetime] .normal-rate {
  display: none;
}

#pricing-container.black-friday-sale-container .ct-countdown-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 10px;
}
#pricing-container.black-friday-sale-container .ct-countdown-container .ct-countdown {
  margin: 0;
  color: #fff;
}
#pricing-container.black-friday-sale-container .ct-countdown-container .ct-countdown div {
  min-width: 65px;
  padding: 10px 7px;
  border-radius: 5px;
}

.hero-decorations-container {
  position: absolute;
  inset: 0;
  top: -20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-decorations-container img {
  aspect-ratio: 130/85;
  opacity: 0.9;
  max-width: initial;
}
@media (max-width: 689.98px) {
  .hero-decorations-container img {
    width: 1520px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .hero-decorations-container img {
    width: 1580px;
  }
}
@media (min-width: 1000px) {
  .hero-decorations-container img {
    width: 1900px;
  }
}

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

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

.pricing-hero-container {
  position: relative;
  text-align: center;
  background: #fff7f2;
  overflow: hidden;
}
.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;
  --theme-text-color: #2e3a57;
  --theme-heading-color: #2e3a57;
}
@media (max-width: 689.98px) {
  #pricing-container .pricing-hero-container {
    min-height: 900px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #pricing-container .pricing-hero-container {
    min-height: 900px;
  }
}
@media (min-width: 1000px) {
  #pricing-container .pricing-hero-container {
    min-height: 1080px;
  }
}
@media (max-width: 689.98px) {
  #pricing-container .pricing-hero-container .hero-content {
    --minHeight: 345px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #pricing-container .pricing-hero-container .hero-content {
    --minHeight: 370px;
  }
}
@media (min-width: 1000px) {
  #pricing-container .pricing-hero-container .hero-content {
    --minHeight: 550px;
  }
}
#pricing-container .pricing-hero-container .sub-heading {
  max-width: 500px;
  margin: 0 auto;
}
#pricing-container ul {
  padding: 0;
  list-style-type: none;
}

.plans-switch {
  display: flex;
  align-items: center;
  position: relative;
  width: 230px;
  height: 65px;
  padding: 7px;
  margin-left: auto;
  margin-right: auto;
  background: #fbece1;
  border-radius: 100px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@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(103, 103, 103, 0.15);
  transition: left 0.1s ease;
}
.plans-switch.yearly:before {
  left: 7px;
}
.plans-switch.lifetime:before {
  left: 50%;
}
.plans-switch a {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  z-index: 2;
  color: #4d566e;
}
.plans-switch a:hover {
  color: #fc6f54;
}

.pricing-table {
  position: relative;
  z-index: 2;
  margin-top: -530px;
  background: #FFFFFF;
  box-shadow: 0 30px 100px 0 rgba(67, 38, 38, 0.05);
}
@media (max-width: 479.98px) {
  .pricing-table {
    padding: 20px 6vw;
    margin-left: -6vw;
    margin-right: -6vw;
    padding-top: 50px;
  }
}
@media (min-width: 480px) {
  .pricing-table {
    padding: 40px 35px;
    border-radius: 50px;
    padding-top: 75px;
  }
}

.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 {
  --ctaBackground: #fff7f2;
  box-shadow: none;
  padding-top: 65px;
  padding-bottom: 65px;
}
.cta-pricing-section .cta:before {
  top: calc(50% - 84px);
  left: -40px;
  background: url(https://creativethemes.com/blocksy/wp-content/uploads/2020/04/cta-shape-alt.svg);
  background-repeat: no-repeat;
}
.cta-pricing-section .cta h1,
.cta-pricing-section .cta p {
  color: #2e3a57;
}
.cta-pricing-section .cta .ct-button {
  --theme-button-background-initial-color: #152035;
}

.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;
}

.demos-section {
  padding-top: 100px;
  padding-bottom: 100px;
}
.demos-section ul {
  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 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 690px) {
  .demos-section ul {
    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: -60px;
  height: 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;
}

#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 {
  margin: 30px 0;
  padding: 30px 0;
  border-top: 1px solid rgba(226, 230, 235, 0.7);
  border-bottom: 1px solid rgba(226, 230, 235, 0.7);
}
.ss-meta > *:not(:last-child) {
  margin-bottom: 10px;
}

.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 .buttons-group {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 60px;
  --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;
}
@media (max-width: 999.98px) {
  .ss-features {
    margin-top: 100px;
  }
}
@media (min-width: 1000px) {
  .ss-features {
    margin-top: 150px;
  }
}
.ss-features li {
  margin: 0;
}
.ss-features h2 {
  font-size: 16px;
  font-weight: 700;
}
.ss-features p {
  font-size: 15px;
  margin-bottom: 0;
}

@media (max-width: 999.98px) {
  .ss-gallery-container {
    margin-top: 100px;
  }
}
@media (min-width: 1000px) {
  .ss-gallery-container {
    margin-top: 150px;
  }
}
.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: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: 150px;
  }
}
.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: 115px 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;
}

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

.our-values {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: -500px;
}
.our-values h3 {
  margin-bottom: 30px;
  --theme-heading-color: #2E3A57;
}
.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;
  color: #2E3A57;
}
.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 20px 40px 0 rgba(67, 38, 38, 0.05);
  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;
}

.story .ct-container {
  position: relative;
  border: 5px solid #f5f6fb;
}
.story .ct-container:after {
  position: absolute;
  content: "+";
  left: 0;
  right: 0;
  font-size: 60px;
  font-weight: 100;
  opacity: 0.3;
}
@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;
  }
}

.why .ct-container {
  border: 5px solid #FFF7F2;
}

.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-page-cta-section .cta {
  --ctaBackground: #fff7f2;
  box-shadow: none;
  padding-top: 65px;
  padding-bottom: 65px;
}
.about-page-cta-section .cta:before {
  top: calc(50% - 84px);
  left: -40px;
  background: url(https://creativethemes.com/blocksy/wp-content/uploads/2020/04/cta-shape-alt.svg);
  background-repeat: no-repeat;
}
.about-page-cta-section .cta h1,
.about-page-cta-section .cta p {
  color: #2e3a57;
}
.about-page-cta-section .cta p {
  margin-bottom: 0;
}
.about-page-cta-section .cta .ct-button {
  --theme-button-background-initial-color: #152035;
}

#about-container {
  overflow: initial;
  padding-bottom: 130px;
}
@media (max-width: 689.98px) {
  #about-container .new-hero-container {
    padding-top: 70px;
    min-height: 950px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #about-container .new-hero-container {
    padding-top: 70px;
    min-height: 1000px;
  }
}
@media (min-width: 1000px) {
  #about-container .new-hero-container {
    padding-top: 100px;
    min-height: 1120px;
  }
}
#about-container .new-hero-container .hero-content {
  --padding: 30px 0;
}
@media (max-width: 689.98px) {
  #about-container .new-hero-container .hero-content {
    --minHeight: 400px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #about-container .new-hero-container .hero-content {
    --minHeight: 450px;
  }
}
@media (min-width: 1000px) {
  #about-container .new-hero-container .hero-content {
    --minHeight: 550px;
  }
}
#about-container .new-hero-container .sub-heading {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  color: #2E3A57;
}
#about-container .new-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: 2;
  content: "";
  top: 69px;
  left: -30px;
  width: calc(100% + 60px);
  height: 1px;
  background: #e0e6e8;
}

body > [id*=loader_] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(8, 10, 18, 0.92) !important;
}
body > [id*=loader_] img {
  width: 50px !important;
  height: 50px !important;
  margin: initial !important;
  top: initial !important;
  left: initial !important;
}

#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: 4px;
  --theme-button-text-initial-color: var(--theme-text-color);
  --theme-button-background-initial-color: #fff;
  --theme-button-background-hover-color: #111029;
}
@media (min-width: 690px) {
  #affiliation-container .buttons-group {
    max-width: 300px;
  }
}
#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 .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;
}

#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;
}

.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 {
  margin: 0;
  padding: 0;
  list-style: none;
}
@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;
  margin: 0;
  padding: 0;
  list-style: none;
}
.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(.cloudways-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 .cloudways-card {
  margin-bottom: 50px;
}
.recommendations-section .cloudways-card figure {
  height: 500px;
}
.recommendations-section .cloudways-card figure img {
  bottom: -50px;
}
.recommendations-section .cloudways-card > span {
  padding: 80px 30px 55px 30px;
}
.recommendations-section .cloudways-card > span p {
  max-width: 90%;
  margin-bottom: 40px;
}
.recommendations-section .cloudways-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 .cloudways-card .buttons-group {
    justify-content: center;
  }
}
.recommendations-section .cloudways-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;
  margin: 0;
  padding: 0;
  list-style: none;
}
.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;
  margin: 0;
  padding: 0;
  list-style: none;
}
#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);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-column-gap: 35px;
  grid-row-gap: 30px;
}
@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;
}

#cloudways-container .hero-content {
  padding-bottom: 120px;
}
@media (max-width: 689.98px) {
  #cloudways-container .hero-content {
    --minHeight: 350px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  #cloudways-container .hero-content {
    --minHeight: 400px;
  }
}
@media (min-width: 1000px) {
  #cloudways-container .hero-content {
    --minHeight: 550px;
  }
}
#cloudways-container .hero-content .sub-heading {
  max-width: 700px;
  margin: 0 auto;
}

.cloudways-hero-logo {
  margin: 0 auto 25px auto;
}

.cloudways-info-box {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: -90px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 30px 100px 0 rgba(38, 47, 67, 0.15);
}
@media (max-width: 689.98px) {
  .cloudways-info-box {
    padding: 50px 30px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .cloudways-info-box {
    padding: 70px 50px;
  }
}
@media (min-width: 1000px) {
  .cloudways-info-box {
    padding: 90px 145px;
  }
}
.cloudways-info-box p:last-child {
  margin-bottom: 0;
}

.cloudways-bundle-section .ct-container {
  display: grid;
  grid-column-gap: 70px;
  grid-row-gap: 60px;
  align-items: center;
}
@media (max-width: 999.98px) {
  .cloudways-bundle-section.first-bundle {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1000px) {
  .cloudways-bundle-section.first-bundle {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1000px) {
  .cloudways-bundle-section.first-bundle .ct-container {
    grid-template-columns: 1.2fr 1fr;
  }
}
.cloudways-bundle-section.first-bundle .item-1 {
  left: 0;
}
.cloudways-bundle-section.first-bundle .item-2 {
  right: 0;
}
.cloudways-bundle-section.second-bundle {
  padding-top: 100px;
  padding-bottom: 50px;
}
@media (max-width: 999.98px) {
  .cloudways-bundle-section.second-bundle {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1000px) {
  .cloudways-bundle-section.second-bundle {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media (max-width: 999.98px) {
  .cloudways-bundle-section.second-bundle .ct-container .bundle-scene {
    grid-row: 1;
  }
  .cloudways-bundle-section.second-bundle .ct-container .bundle-content {
    grid-row: 2;
  }
}
@media (min-width: 1000px) {
  .cloudways-bundle-section.second-bundle .ct-container {
    grid-template-columns: 1fr 1.2fr;
  }
}
.cloudways-bundle-section.second-bundle .item-1 {
  right: 0;
}
.cloudways-bundle-section.second-bundle .item-2 {
  left: 0;
}
.cloudways-bundle-section .bundle-scene .composition-block {
  display: flex;
  align-items: center;
  --compRatio: 133.333333%;
}
@media (max-width: 999.98px) {
  .cloudways-bundle-section .bundle-scene .composition-block {
    max-width: 600px;
    margin: 0 auto;
  }
}
.cloudways-bundle-section .bundle-scene .item-1 {
  max-width: 78.3333333%;
  --compItemRatio: 170.212766%;
  box-shadow: 5px 30px 80px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.cloudways-bundle-section .bundle-scene .item-2 {
  max-width: 67%;
  --compItemRatio: 170%;
  box-shadow: 4px 26px 58px 0 rgba(0, 0, 0, 0.05);
  border-radius: 7px;
}
@media (max-width: 999.98px) {
  .cloudways-bundle-section .bundle-content {
    text-align: center;
  }
}
.cloudways-bundle-section .sub-heading {
  margin-bottom: var(--content-spacing);
}
.cloudways-bundle-section .last-subheading {
  margin-bottom: 70px;
}
.cloudways-bundle-section h5 {
  margin-bottom: 10px;
}
.cloudways-bundle-section ul {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  list-style: none;
  padding: 0;
  margin: 60px 0 70px 0;
}
.cloudways-bundle-section ul li {
  margin: 0;
}
.cloudways-bundle-section ul a {
  display: block;
  margin-bottom: 15px;
}
.cloudways-bundle-section ul p {
  font-size: 15px;
  margin-bottom: 0;
}
.cloudways-bundle-section .buttons-group {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  --buttonFontSize: 16px;
  --buttonFontWeight: 600;
  --buttonMinHeight: 60px;
  --buttonBorderRadius: 8px;
  --button-padding: 5px 35px;
}
@media (max-width: 999.98px) {
  .cloudways-bundle-section .buttons-group {
    justify-content: center;
  }
}
.cloudways-bundle-section .buttons-group > *:last-child {
  --buttonTextInitialColor: #111029;
  --buttonInitialColor: #EFF1F4;
}

.cloudways-cta-section {
  text-align: center;
}
@media (max-width: 999.98px) {
  .cloudways-cta-section {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1000px) {
  .cloudways-cta-section {
    padding-top: 100px;
    padding-bottom: 150px;
  }
}
.cloudways-cta-section .ct-container {
  padding: 115px 30px;
  background: #F4F6F7;
  border-radius: 30px;
}
@media (max-width: 999.98px) {
  .cloudways-cta-section .ct-container {
    padding: 80px 30px;
  }
}
@media (min-width: 1000px) {
  .cloudways-cta-section .ct-container {
    padding: 115px 30px;
  }
}
.cloudways-cta-section .sub-heading {
  max-width: 650px;
  margin: 0 auto;
}
.cloudways-cta-section ul {
  display: flex;
  justify-content: space-between;
  max-width: 970px;
  list-style: none;
  padding: 0;
  margin: 70px auto;
}
@media (max-width: 689.98px) {
  .cloudways-cta-section ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.cloudways-cta-section ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.cloudways-cta-section ul .item {
  flex-direction: column;
  width: 25%;
  padding: 15px;
  background: #fff;
  border-radius: 25px;
  transition: box-shadow 0.2s ease;
}
@media (max-width: 689.98px) {
  .cloudways-cta-section ul .item {
    width: 70%;
    height: 200px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .cloudways-cta-section ul .item {
    width: 28%;
    height: 200px;
  }
}
@media (min-width: 1000px) {
  .cloudways-cta-section ul .item {
    width: 25%;
    height: 240px;
  }
}
.cloudways-cta-section ul .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) {
  .cloudways-cta-section ul .item span {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}
@media (min-width: 1000px) {
  .cloudways-cta-section ul .item span {
    width: 70px;
    height: 70px;
    font-size: 27px;
  }
}
.cloudways-cta-section ul .item h6 {
  margin-top: 25px;
  margin-bottom: 0;
}
.cloudways-cta-section ul .item:hover {
  box-shadow: 0 20px 80px 0 rgba(103, 103, 103, 0.1);
}
.cloudways-cta-section ul .divider {
  opacity: 0.5;
}
@media (max-width: 689.98px) {
  .cloudways-cta-section ul .divider {
    width: 100%;
    height: 90px;
  }
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .cloudways-cta-section ul .divider {
    width: 8%;
  }
}
@media (min-width: 1000px) {
  .cloudways-cta-section ul .divider {
    width: 10%;
  }
}
.cloudways-cta-section ul .divider:before {
  content: "";
  width: 40%;
  border: 2px dashed #C4CBCF;
}
.cloudways-cta-section .ct-button {
  margin-top: 50px;
  --buttonFontSize: 16px;
  --buttonFontWeight: 600;
  --buttonMinHeight: 60px;
  --buttonBorderRadius: 8px;
  --button-padding: 5px 35px;
}

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

.ct-bf-banner {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  width: 100%;
}
@media (max-width: 689.98px) {
  .ct-bf-banner {
    flex-direction: column;
  }
}
.ct-bf-banner h4 {
  margin: 0 !important;
  --heading-color: #fff;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 999.98px) {
  .ct-bf-banner h4 {
    display: none;
  }
}
.ct-bf-banner .cta-arrow {
  display: flex;
  align-items: center;
  color: #FF8100;
  font-weight: 700;
}
.ct-bf-banner .cta-arrow:hover {
  color: #fff;
}
.ct-bf-banner .cta-arrow:hover span {
  background: #fff;
}
.ct-bf-banner .cta-arrow span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  margin-left: 10px;
  background: #FF8100;
  border-radius: 100%;
  transition: background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ct-bf-banner .cta-arrow span svg {
  fill: #1d1d29;
}

.ct-countdown {
  display: inline-flex;
}
@media (max-width: 689.98px) {
  .ct-countdown {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.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: #131225;
}
.ct-black-friday-banner:after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  margin-inline: auto;
  width: var(--theme-container-width);
  max-width: var(--theme-normal-container-max-width);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ct-black-friday-banner .ct-container {
  display: grid;
  gap: 10px;
  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;
  }
}
.ct-black-friday-banner [class*=banner-section] {
  text-align: center;
  justify-content: center;
}
.ct-black-friday-banner .banner-section-2 {
  text-align: center;
}
@media (min-width: 1000px) {
  .ct-black-friday-banner .banner-section-3 {
    text-align: right;
  }
}
.ct-black-friday-banner h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  --theme-heading-color: #fff;
}
@media (max-width: 999.98px) {
  .ct-black-friday-banner h4 {
    font-size: 16px;
    text-align: center;
  }
}
.ct-black-friday-banner h4 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;
}