.layout-wrapper.landing {
  background-color: var(--vz-secondary-bg);
  font-size: 15px;
}

.layout-wrapper.landing .text-success,
.layout-wrapper.landing .text-success-emphasis {
  color: #7b36ff !important;
}

.layout-wrapper.landing .bg-success-subtle {
  background-color: rgba(123, 54, 255, 0.14) !important;
}

.landing-container {
  max-width: 1400px;
  padding-left: 24px;
  padding-right: 24px;
}

.landing-container--nav {
  max-width: 1480px;
}

@media (max-width: 991.98px) {
  .landing-container,
  .landing-container--nav {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.navbar-show .vertical-overlay {
  display: block;
}

.section {
  padding: 90px 0;
  position: relative;
}

@media (max-width: 767.98px) {
  .section {
    padding: 50px 0;
  }
}

.icon-effect {
  position: relative;
}

.icon-effect::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: rgba(var(--vz-success-rgb), 0.2);
  border-radius: 50%;
  bottom: 0;
  left: 0;
}

.navbar-landing {
  padding: 10px 0;
  transition: all 0.5s ease;
}

@media (max-width: 991.98px) {
  .navbar-landing {
    background-color: var(--vz-secondary-bg);
    box-shadow: 0 1px 16px -2px rgba(56, 65, 74, 0.15);
    padding: 10px 8px;
  }
}

.navbar-landing .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  font-weight: 500;
  transition: all 0.4s;
  font-family: var(--vz-font-family-secondary);
  color: var(--vz-body-color);
  padding: 14px;
}

@media (max-width: 991.98px) {
  .navbar-landing .navbar-nav .nav-item .nav-link {
    padding: 8px 0;
  }
}

.navbar-landing .navbar-nav .nav-item .nav-link:hover,
.navbar-landing .navbar-nav .nav-item .nav-link.active,
.navbar-landing .navbar-nav .nav-item .nav-link:focus {
  color: #7b36ff !important;
}

.navbar-landing.is-sticky {
  background-color: var(--vz-secondary-bg);
  box-shadow: 0 1px 16px -2px rgba(56, 65, 74, 0.15);
}

.navbar-landing .landing-brand {
  width: 190px;
  min-width: 190px;
  display: inline-flex;
  align-items: center;
}

.navbar-landing .landing-brand .card-logo {
  width: 100%;
  height: auto;
  max-width: 190px;
}

@media (max-width: 1199.98px) {
  .navbar-landing .landing-brand {
    width: 170px;
    min-width: 170px;
  }

  .navbar-landing .landing-brand .card-logo {
    max-width: 170px;
  }
}

.navbar-light .navbar-brand .card-logo-dark {
  display: none;
}

.navbar-light .navbar-brand .card-logo-light {
  display: block;
}

.navbar-light .navbar-nav .nav-item .nav-link {
  color: rgba(var(--vz-white-rgb), 0.75);
}

.navbar-light.is-sticky .navbar-nav .nav-item .nav-link {
  color: var(--vz-body-color);
}

.navbar-light.is-sticky .navbar-brand .card-logo-dark {
  display: block;
}

.navbar-light.is-sticky .navbar-brand .card-logo-light {
  display: none;
}

.hero-section {
  background-color: rgba(var(--vz-light-rgb), 0.5);
}

.hero-section .landing-marker-highlight {
  display: inline;
  padding: 0.02em 0.18em 0.08em;
  color: #050505;
  background: #eaffb8;
  border-radius: 0.45em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.hero-section .hero-shape-svg svg path {
  fill: var(--vz-secondary-bg);
}

.bg-overlay-pattern {
  background-color: transparent;
  background-position: center;
  background-size: cover;
  opacity: 0.2;
}

.landing-features-cta-section {
  background-color: #d7d7d2;
}

#reviews {
  background-color: #e8f1fb !important;
}

#reviews .bg-overlay,
#reviews .bg-overlay-pattern {
  display: none !important;
  background-image: none !important;
}

#reviews .client-review-swiper {
  background-color: #e8f1fb;
  border: 0;
}

.demo-carousel {
  position: relative;
  z-index: 1;
}

.demo-carousel .carousel-item .demo-item {
  background-color: var(--vz-secondary-bg);
  padding: 8px;
  border-radius: 7px;
}

.demo-carousel .demo-img-patten-top {
  position: absolute;
  right: -50px;
  top: -16px;
  max-width: 230px;
}

.demo-carousel .demo-img-patten-bottom {
  position: absolute;
  left: -70px;
  bottom: -50px;
  max-width: 230px;
}

.client-images img {
  max-height: 45px;
  width: auto;
  margin: 12px auto;
  transition: all 0.4s;
}

.plan-box {
  max-width: 356px;
  margin-left: auto;
  margin-right: auto;
}

.layout-wrapper.landing #plans .btn-soft-secondary {
  color: #6f42c1;
  background-color: rgba(123, 54, 255, 0.14);
  border-color: rgba(123, 54, 255, 0.18);
}

.layout-wrapper.landing #plans .btn-soft-secondary:hover,
.layout-wrapper.landing #plans .btn-soft-secondary:focus,
.layout-wrapper.landing #plans .btn-soft-secondary:active {
  color: #ffffff;
  background-color: #7b36ff;
  border-color: #7b36ff;
}

.layout-wrapper.landing #plans .btn-soft-secondary:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(123, 54, 255, 0.25);
}

.layout-wrapper.landing #plans .vstack .text-secondary {
  color: #7b36ff !important;
}

.process-card {
  position: relative;
}

.process-card .process-arrow-img {
  position: absolute;
  left: 75%;
  top: 7%;
  width: 50%;
  opacity: 0.1;
}

.custom-footer {
  color: #9ba7b3;
}

.footer-list li a {
  color: #9ba7b3;
  padding: 7px 0;
  display: block;
  transition: all 0.3s ease-in-out;
}

.footer-list li a:hover {
  color: rgba(var(--vz-white-rgb), 0.9);
}

.footer-social-link .avatar-title {
  color: #778089;
  background-color: rgba(var(--vz-white-rgb), 0.05);
  transition: all 0.3s ease;
}

.footer-social-link .avatar-title:hover {
  color: var(--vz-white);
  background-color: var(--vz-primary);
}

#back-to-top.landing-back-top {
  bottom: 35px;
  background-color: #7b36ff;
  border-color: #7b36ff;
  color: #ffffff;
}

[data-bs-theme='dark'] .layout-wrapper.landing .demo-img-patten-top,
[data-bs-theme='dark'] .layout-wrapper.landing .demo-img-patten-bottom {
  opacity: 0.2;
}

[data-bs-theme='dark'] .layout-wrapper.landing footer.bg-dark {
  background-color: var(--vz-secondary-bg) !important;
}

[data-bs-theme='dark'] .navbar-light.is-sticky .navbar-brand .card-logo-dark {
  display: none;
}

[data-bs-theme='dark'] .navbar-light.is-sticky .navbar-brand .card-logo-light {
  display: block;
}