@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Patua+One&display=swap");
@import url("elements.css");
@import url("bootstrap.css");
body {
  --alt-font: "Patua+One";
}
body:has(.navbar-collapse.collapse.show) {
  overflow: hidden;
}

.navbar-collapse.collapse.show, .navbar-collapse.collapsing {
  border-top: 1px solid #e3e3e3;
  margin-top: 0.5rem;
}

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

.spacer-top {
  padding-top: var(--spacer);
}

.spacer-bottom {
  padding-bottom: var(--spacer);
}

.spacer {
  padding-top: var(--spacer);
  padding-bottom: var(--spacer);
}

.btn-wide {
  font-size: 16px;
  padding: 0.7rem 1.5rem;
}
@media (max-width: 767.98px) {
  .btn-wide {
    padding: 0.5rem 1rem;
    font-size: 95%;
  }
}

.back {
  color: #635A75;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  left: 0;
  transition: all 300ms;
}
.back svg path {
  transition: all 300ms;
}
.back:hover {
  color: #8b829d;
}
.back:hover svg path {
  stroke: #8b829d;
}

.fade-text {
  background: linear-gradient(97deg, var(--bs-dark) 27.62%, #666 112.77%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title-container strong {
  line-height: 24px;
  font-weight: 600;
  color: var(--bs-blue);
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 90%;
  letter-spacing: 0.075rem;
}
.title-container strong:has(label) {
  font-size: 16px;
}
.title-container strong label {
  color: #AAA8B0;
}
@media (min-width: 768px) {
  .title-container:not(.slim) {
    max-width: 685px;
  }
  .title-container.slim {
    max-width: 543px;
  }
}

.image-block {
  text-align: center;
  border: 1px solid #FFFFFF1A;
  border-radius: 34px;
  padding: 3rem 2rem 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.image-block.bg-1 {
  background: linear-gradient(149.94deg, rgba(255, 255, 255, 0.0624) -14.58%, rgba(255, 255, 255, 0) 30.62%);
}
.image-block.bg-4 {
  background: linear-gradient(124.61deg, rgba(255, 255, 255, 0) 42.33%, rgba(255, 255, 255, 0.0624) 95.05%);
}
.image-block.bg-2 {
  background: linear-gradient(285.49deg, rgba(255, 255, 255, 0.0624) -5.39%, rgba(255, 255, 255, 0) 56.89%);
}
.image-block.bg-3 {
  background: linear-gradient(35.62deg, rgba(255, 255, 255, 0.0624) -17.3%, rgba(255, 255, 255, 0) 45.98%);
}
.image-block strong {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  display: block;
}
.image-block p {
  color: #AAA8B0;
  max-width: 400px;
  text-align: center;
  margin: 0 auto;
}

.top-title {
  font-size: 20px;
  line-height: 40px;
}
.top-title span {
  background: linear-gradient(90.17deg, #40805d 23.88%, var(--bs-primary) 60.56%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.social-box {
  border: 1px solid rgba(116, 92, 111, 0.7);
  background: linear-gradient(35.62deg, rgba(255, 255, 255, 0.0624) -17.3%, rgba(255, 255, 255, 0) 45.98%);
  display: flex;
  min-height: 85px;
  align-items: center;
  border-radius: 24px;
  width: 365px;
  justify-content: space-between;
}
.social-box label {
  margin: 0;
  flex-grow: 1;
  padding-left: 2rem;
  font-size: 22px;
  font-weight: 500;
}
.social-box span {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  background: linear-gradient(92.44deg, #966EE2 2.54%, #C772C1 111.77%);
  width: 80px;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.floating-image {
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translate(12vw, 50%);
}
@media (max-width: 991.98px) {
  .floating-image {
    position: static;
    transform: unset;
  }
}

.radial-bg:not(.lighter):not(.top-center) {
  background: radial-gradient(#53a47826, transparent 70%);
}
.radial-bg:not(.lighter).top-center {
  background: radial-gradient(circle at 75% 35%, #53a47826, transparent 70%);
}
.radial-bg.lighter:not(.top-center) {
  background: radial-gradient(#c271e814, transparent 70%);
}
.radial-bg.lighter.top-center {
  background: radial-gradient(circle at 75% 35%, #c271e814, transparent 70%);
}

.radial-bg-after {
  position: relative;
}
.radial-bg-after:after {
  border-radius: 796px;
  opacity: 0.07;
  background: #488d68;
  filter: blur(150px);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.fade-bg-after {
  position: relative;
}
.fade-bg-after:after {
  content: "";
  display: block;
  background: linear-gradient(180deg, #1D1C28 0%, rgba(29, 27, 41, 0) 100%);
  position: absolute;
  width: 500px;
  height: 30%;
  z-index: 2;
  top: 0;
  right: 0;
}

.main-image {
  border-radius: 24px;
}
.main-image img {
  border: 0.6px solid #63499A;
  border-radius: 24px;
}
.main-image .img-bg {
  background: #1c1b27;
}
.main-image .img-bg-linear {
  background: linear-gradient(36deg, #1c1b27 -17.3%, rgba(255, 255, 255, 0) 45.98%);
}
.main-image.main-image-gradient {
  display: flex;
  align-items: center;
  position: relative;
}
.main-image.main-image-gradient img, .main-image.main-image-gradient video {
  margin: 0 auto;
  border-radius: 20px;
}
.main-image.main-image-gradient svg.play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-image.main-image-gradient:not(.darker) svg.play {
  display: none;
}
.main-image.main-image-gradient.darker video {
  filter: brightness(0.75);
}
.main-image.main-image-gradient.darker:has(video) {
  cursor: pointer;
}

.svg-1 {
  position: absolute;
  right: -75px;
  top: -60px;
}
@media (max-width: 991.98px) {
  .svg-1 {
    right: 40px;
  }
}
@media (max-width: 767.98px) {
  .svg-1 {
    right: -45px;
  }
}
@media (max-width: 576px) {
  .svg-1 {
    width: 100px;
    right: -5px;
  }
}
@media (max-width: 380px) {
  .svg-1 {
    width: 60px;
  }
}

.svg-2 {
  position: absolute;
  left: 135px;
  bottom: -80px;
}
@media (max-width: 991.98px) {
  .svg-2 {
    left: 35px;
  }
}
@media (max-width: 767.98px) {
  .svg-2 {
    left: -45px;
  }
}
@media (max-width: 576px) {
  .svg-2 {
    width: 100px;
    left: -8px;
  }
}
@media (max-width: 380px) {
  .svg-2 {
    width: 60px;
  }
}

.logos {
  max-width: 100%;
  overflow: auto;
  white-space: nowrap;
  scrollbar-width: none;
}
.logos svg {
  min-width: 0;
  flex-shrink: 0;
  overflow: auto;
}

.faq-search .dropdown .dropdown-menu {
  width: 100%;
  border-radius: 0 0 17px 17px;
  background: linear-gradient(105deg, rgba(61, 60, 60, 0.33) 6.5%, rgba(118, 117, 119, 0.34) 102.61%);
  backdrop-filter: blur(24px);
  --bs-dropdown-item-padding-x: 1.5rem;
  --bs-dropdown-item-padding-y: 0.75rem;
  max-height: max(300px, 40vh);
  overflow: auto;
}
.faq-search .dropdown .dropdown-menu .dropdown-item {
  --bs-dropdown-link-hover-bg: transparent;
  --bs-dropdown-link-active-bg: transparent;
  white-space: normal;
}
.faq-search .dropdown .dropdown-menu .dropdown-item:hover {
  opacity: 0.8;
}
.faq-search .dropdown:has(.dropdown-menu.show) .form-control {
  border-radius: 17px 17px 0 0;
}

.box-feature-title {
  font-size: max(0.3rem + 1vw, 18px);
  line-height: max(0.3rem + 1vw, 18px);
  display: block;
  margin-bottom: 1rem;
  font-weight: 400;
}

.box-feature {
  margin-bottom: 2rem;
  text-decoration: none;
  display: block;
  transition: all 300ms;
}
.box-feature section {
  border-radius: 34px;
  background: #25242E;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 3.5rem 3rem;
  flex: 1 0 0;
}
.box-feature section p {
  color: var(--bs-secondary);
  max-width: 260px;
  margin: 0;
}
.box-feature.slim section {
  border-radius: 24px;
  padding: 2.25rem 2rem;
}
.box-feature.wide section p {
  max-width: 385px;
}
.box-feature:hover {
  filter: brightness(1.4);
  color: inherit;
}
@media (max-width: 767.98px) {
  .box-feature section {
    border-radius: 24px;
    padding: 2rem 1.5rem;
  }
}

.faq-categories-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.faq-categories-list a {
  display: flex;
  border-radius: 13px;
  background: #25242E;
  gap: 0.75rem;
  font-size: 18px;
  line-height: 24px;
  padding: 1rem 1.5rem;
  letter-spacing: -0.18px;
  transition: all 300ms;
}
.faq-categories-list a:hover {
  text-decoration: none;
  color: inherit;
}
.faq-categories-list a:hover:not(.active) {
  filter: brightness(1.4);
}
.faq-categories-list a.active {
  background: #966FE8;
}
.faq-categories-list a.active img {
  filter: brightness(0) invert(1);
}
.faq-categories-list dl dd {
  padding: 0.75rem 0;
  margin: 0;
}
.faq-categories-list dl dd img {
  display: block;
  margin: 0 auto 20px auto;
}
.faq-categories-list dl dd a {
  color: #7C7B81;
  padding: 0;
  background: transparent;
}
.faq-categories-list dl dd a.active, .faq-categories-list dl dd a:hover {
  color: #966FE8;
  background: transparent;
}
.faq-categories-list dl dd a:hover:not(.active) {
  filter: none;
}

.faq-items-list {
  display: flex;
  flex-direction: column;
}
.faq-items-list a {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.faq-items-list a svg {
  transition: all 200ms;
}
.faq-items-list a:not(:last-child) {
  border-bottom: 1px solid;
  border-image-source: linear-gradient(90deg, rgba(105, 104, 104, 0.3) 0%, rgba(148, 148, 148, 0.3) 50.73%, rgba(73, 73, 73, 0.3) 100.45%);
  border-image-slice: 1;
}
.faq-items-list a:hover {
  color: inherit;
}
.faq-items-list a:hover:not(.active) svg {
  filter: brightness(0) invert(1);
}

.how-to-list .faq-search .form-control {
  margin-top: 0 !important;
  padding: 1rem 2.5rem 1rem 1.5rem;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 1rem;
  border-radius: 13px;
}
.how-to-list .faq-search .dropdown:after {
  content: "";
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M10.5303 10.5407L14 14M12 7C12 9.7614 9.7614 12 7 12C4.23857 12 2 9.7614 2 7C2 4.23857 4.23857 2 7 2C9.7614 2 12 4.23857 12 7Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  right: 21px;
  top: 21px;
}

.how-to-question .feedback-section {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.how-to-question .feedback-header {
  justify-content: space-between;
  display: flex;
  width: 100%;
  gap: 20px;
  font-size: 18px;
}
.how-to-question .feedback-prompt {
  display: flex;
  gap: 8px;
}
.how-to-question .feedback-link {
  color: #966fe8;
  position: relative;
  top: -1px;
}
.how-to-question .question-section {
  justify-content: space-between;
  display: flex;
  margin-top: 1rem;
  gap: 20px;
  min-height: 45px;
}
.how-to-question .question-text {
  letter-spacing: -0.26px;
  margin: auto 0;
  font-size: 26px;
  line-height: 30px;
}
.how-to-question .answer-options {
  display: flex;
  gap: 8px;
  font-size: 18px;
  white-space: nowrap;
}
.how-to-question .answer-button {
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.06) -14.58%, rgba(255, 255, 255, 0) 30.62%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 8px 24px;
  color: white;
  transition: background 200ms;
}
.how-to-question .answer-button:hover {
  background: transparent;
}
.how-to-question .up-next {
  background: #25242E;
  border-radius: 26px;
  display: flex;
  padding: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.how-to-question .up-next label {
  color: #759583;
  letter-spacing: -0.18px;
}
.how-to-question .up-next strong {
  background: linear-gradient(94deg, #F9F9F9 6.16%, #3B383D 76.53%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -2px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 34px;
  line-height: 40px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .how-to-question .feedback-header {
    max-width: 100%;
    flex-wrap: wrap;
  }
  .how-to-question .question-section {
    max-width: 100%;
    flex-wrap: wrap;
  }
  .how-to-question .answer-button {
    white-space: initial;
    padding: 0 20px;
  }
  .how-to-question .answer-options {
    white-space: initial;
  }
}

.row-wider {
  --bs-gutter-x: 3rem;
}
.row-wider .border-end {
  border-image-source: linear-gradient(90deg, rgba(105, 104, 104, 0.3) 0%, rgba(148, 148, 148, 0.3) 50.73%, rgba(73, 73, 73, 0.3) 100.45%);
  border-image-slice: 1;
}

.html-content > * {
  font-family: var(--bs-body-font-family);
}
.html-content > *:not(h1, h2, h3, h4, h5, h6) {
  font-size: 16px;
}
.html-content strong {
  text-align: left;
  display: inline;
  font-size: inherit;
  margin-bottom: unset;
  line-height: unset;
  font-weight: 400;
}
.html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .html-content h6 {
  font-weight: 500;
  font-family: var(--alt-font);
  letter-spacing: 0.025rem;
  word-spacing: 0.025rem;
  color: var(--bs-dark);
  margin: 1.75rem 0 1rem 0;
}
.html-content h4, .html-content h5, .html-content h6 {
  font-weight: 400;
}
.html-content h6 {
  font-size: 18px;
  line-height: 22px;
}
.html-content iframe {
  border-radius: 0.25rem;
  box-shadow: -43.424px -53.536px 252.467px -1.01px rgba(194, 113, 232, 0.08);
}
.html-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  box-shadow: -43.424px -53.536px 252.467px -1.01px rgba(194, 113, 232, 0.08);
}
.html-content table {
  width: 100%;
  border: 0 !important;
}
.html-content table tr td {
  vertical-align: top;
}
@media (max-width: 768px) {
  .html-content table tr {
    display: flex;
    flex-direction: column;
  }
  .html-content table tr td {
    text-align: left !important;
    width: 100% !important;
  }
}
.html-content ul li::marker {
  color: var(--bs-primary);
}
.html-content a {
  color: var(--bs-primary);
}

@media (min-width: 768px) {
  .blog .title-container:not(.slim) {
    max-width: 670px;
  }
}

.post {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 3rem;
}
.post:hover {
  color: inherit;
}
.post .image {
  display: block;
  border-radius: 20px;
  height: 277px;
  background-color: #28262F;
  background-position: center;
  background-size: cover;
}
.post .image img {
  border-radius: 20px;
}
.post label {
  color: #AAA8B0;
  margin: 0;
}
.post .post-title {
  opacity: 0.8;
  height: 68px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.post .post-title + p {
  height: 50px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.post .rounded-circle {
  background: #0d0d0d;
  border: 1px solid #565656;
}
.post i.fa-user-alt {
  background: linear-gradient(348deg, #af88ff 12.88%, #da77c5 44.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0px 1px 1px black);
}

.post-article img, .post-article iframe {
  box-shadow: -43.424px -53.536px 252.467px -1.01px rgba(194, 113, 232, 0.08);
}
.post-article .rounded-circle {
  background: #0d0d0d;
  border: 1px solid #565656;
}
.post-article i.fa-user-alt {
  background: linear-gradient(348deg, #af88ff 12.88%, #da77c5 44.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0px 1px 1px black);
}
.post-article strong label {
  color: #AAA8B0;
  font-weight: 400;
  line-height: 24px;
  margin-top: 2px;
}

.share {
  padding-top: 15rem;
}
.share button {
  background: transparent;
  border: 0;
}

.dewey-card {
  border-radius: 20px;
  border: 1px solid #63499a;
  background: linear-gradient(36deg, rgba(255, 255, 255, 0.06) -17.3%, rgba(255, 255, 255, 0) 45.98%);
  display: flex;
  min-width: 384px;
  max-width: 400px;
  flex-direction: column;
  color: #fff;
  font-weight: 450;
  line-height: 32px;
  padding: 2rem 3rem;
  height: fit-content;
  position: sticky;
  top: calc(114px + 1rem);
}
.dewey-card .dewey-logo {
  width: 58px;
  align-self: center;
}
.dewey-card h2 {
  text-align: center;
  font-size: 26px;
  margin-top: 2rem;
}
.dewey-card p {
  color: #818182;
  margin-top: 24px;
  font-weight: 400;
  text-align: center;
}
.dewey-card .dewey-features {
  padding-left: 2rem;
  justify-content: center;
  display: flex;
  margin-top: 2rem;
}
.dewey-card .dewey-features > * {
  justify-content: center;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  flex: 1;
}
.dewey-card .dewey-features .dewey-feature {
  justify-content: center;
  display: flex;
  gap: 8px;
  margin-top: 24px;
}
.dewey-card .dewey-features .dewey-feature img, .dewey-card .dewey-features .dewey-feature svg {
  width: 16px;
  margin: auto 0;
}
.dewey-card .dewey-features .dewey-feature span {
  flex: 1;
}
.dewey-card .dewey-join-text {
  text-align: center;
  align-self: center;
  margin-top: 2rem;
}
.dewey-card .dewey-curators-image {
  width: 208px;
  align-self: center;
  margin-top: 8px;
  max-width: 100%;
}
@media (max-width: 991.98px) {
  .dewey-card {
    padding: 1rem 2rem;
  }
}
@media (max-width: 768px) {
  .dewey-card {
    top: 0;
    margin: 0 auto;
  }
}

.pricing-card {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  flex-grow: 1;
  justify-content: start;
  border: 2px solid var(--bs-primary);
  border-radius: 25px;
}
.pricing-card .feature-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid rgba(119, 119, 119, 0.3);
  width: 100%;
  padding: 1rem 0.5rem;
}
.pricing-card .feature-item i {
  color: #685A86;
}
.pricing-card .feature-item p {
  font-weight: 400;
  font-size: 85%;
  opacity: 0.5;
  margin: 0;
  padding-left: 1.75rem;
  line-height: 16px;
}
.pricing-card .feature-item > span {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 5px;
}
@media (max-width: 767.98px) {
  .pricing-card .feature-item {
    line-height: 18px;
    white-space: normal;
    min-height: 69px;
  }
}
.pricing-card .feature-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.pricing-card .feature-icon {
  width: 2rem;
  aspect-ratio: 1;
  object-position: center;
}
.pricing-card .feature-text {
  color: #fff;
  white-space: nowrap;
  text-align: center;
}
.pricing-card .feature-text.gradient {
  background: linear-gradient(91deg, #5db987 6.11%, #4e9f73 108.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pricing-card.pt-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.range-box {
  position: relative;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.range-box strong {
  position: relative;
  display: block;
  text-align: center;
  font-size: 24px;
  margin-bottom: 2rem;
  color: var(--bs-primary);
  font-weight: 500;
  animation: all 200ms;
}
.range-box input {
  background: linear-gradient(to right, var(--bs-primary) 0%, #d0d0d0 0%, #d0d0d0 100%);
  border-radius: 8px;
  height: 12px;
  width: 100%;
  outline: none;
  transition: background 450ms ease-in;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
}
.range-box input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--bs-primary);
  cursor: pointer;
  transition: background 0.15s ease-in-out;
  box-shadow: 0 0 0 3px white, 0 0 0 6px var(--bs-primary);
}
.range-box section span {
  position: relative;
  width: 35px;
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
}
.range-box section span:after {
  content: "-";
  position: absolute;
  left: calc(50% - 3.5px);
  top: -97%;
  transform: rotate(90deg);
  font-size: 27px;
  font-weight: 200;
}

.pricing-summary strong {
  font-size: 22px;
  margin-bottom: 16px;
  display: block;
  text-align: center;
  font-weight: 400;
}
.pricing-summary ol {
  list-style: none;
  padding: 0;
}
.pricing-summary ol li {
  padding-bottom: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pricing-summary ol li:not(.sep) {
  min-height: 40px;
}
.pricing-summary ol li span {
  display: block;
  text-align: right;
}
.pricing-summary ol li.sep {
  border-top: 1px solid rgba(119, 119, 119, 0.3);
}
.pricing-summary ol li.total {
  font-size: 115%;
  padding-bottom: 0;
}
.pricing-summary ol li.total #sub-full-price:empty {
  display: none;
}
.pricing-summary .form-check.form-switch {
  margin: 0;
}
.pricing-summary .form-check.form-switch .form-check-input {
  width: 34px;
  height: 20px;
}

.features-list .images-container, .features-list .text-container {
  display: flex;
  flex-direction: column;
}
.features-list .images-container > *, .features-list .text-container > * {
  min-height: min(100vh, 800px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
@media (min-width: 768px) {
  .features-list .images-container .main-image img {
    max-width: 539px;
  }
}
.features-list .text-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  overflow: visible;
  position: sticky;
  top: 0;
}
.features-list .text-container section {
  flex: none;
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.features-list .text-container section > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  .features-list .row {
    flex-direction: column;
    gap: 3rem;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .features-list *[class*=col-], .features-list .text-container, .features-list .images-container {
    display: contents;
  }
  .features-list .text-container section {
    position: static;
    transform: unset;
    min-height: unset;
    width: unset;
  }
  .features-list .text-container section:nth-child(1) {
    order: 1;
  }
  .features-list .text-container section:nth-child(2) {
    order: 3;
  }
  .features-list .text-container section:nth-child(3) {
    order: 5;
  }
  .features-list .text-container section:nth-child(4) {
    order: 7;
  }
  .features-list .text-container section:nth-child(5) {
    order: 9;
  }
  .features-list .text-container section:nth-child(6) {
    order: 11;
  }
  .features-list .text-container section:nth-child(7) {
    order: 13;
  }
  .features-list .text-container section:nth-child(8) {
    order: 15;
  }
  .features-list .images-container > * {
    min-height: unset;
    transform: unset !important;
    margin-bottom: 3rem;
    opacity: 1 !important;
  }
  .features-list .images-container > * img {
    margin: 0 auto !important;
  }
  .features-list .images-container > *:nth-child(1) {
    order: 2;
  }
  .features-list .images-container > *:nth-child(2) {
    order: 4;
  }
  .features-list .images-container > *:nth-child(3) {
    order: 6;
  }
  .features-list .images-container > *:nth-child(4) {
    order: 8;
  }
  .features-list .images-container > *:nth-child(5) {
    order: 10;
  }
  .features-list .images-container > *:nth-child(6) {
    order: 12;
  }
  .features-list .images-container > *:nth-child(7) {
    order: 14;
  }
  .features-list .images-container > *:nth-child(8) {
    order: 16;
  }
}
@media (max-width: 767.98px) {
  .features-list .row {
    gap: 0.5rem;
  }
}

#frmLogin h1, #frmSignup h1, #frmForgot h1 {
  line-height: 42px;
  font-size: 36px;
}
#frmLogin a:not(.btn), #frmSignup a:not(.btn), #frmForgot a:not(.btn) {
  color: var(--bs-secondary);
  transition: 300ms color;
}
#frmLogin a:not(.btn) u, #frmSignup a:not(.btn) u, #frmForgot a:not(.btn) u {
  color: var(--bs-body-color);
}
#frmLogin a:not(.btn):hover, #frmSignup a:not(.btn):hover, #frmForgot a:not(.btn):hover {
  color: var(--bs-body-color);
}

@keyframes title-slide-in {
  0% {
    opacity: 0;
    transform: translateY(2.5rem) rotateX(-25deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotateX(0deg);
  }
}
@keyframes element-slide-in {
  0% {
    opacity: 0;
    transform: translateY(1.875rem);
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.element-slide-in {
  animation-duration: 0.6s;
  animation-fill-mode: both;
  animation-name: element-slide-in;
  animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: opacity, transform;
}

.delay_02 {
  animation-delay: 0.2s;
}

.delay_03 {
  animation-delay: 0.3s;
}

.delay_04 {
  animation-delay: 0.4s;
}

.delay_05 {
  animation-delay: 0.5s;
}

.or {
  position: relative;
  opacity: 0.5;
}
.or::after {
  content: "";
  border-top: 1px solid #ffffff4f;
  width: calc(50% - 25px);
  position: absolute;
  right: 5px;
  transform: translateY(10px);
}
.or::before {
  content: "";
  border-top: 1px solid #ffffff4f;
  width: calc(50% - 25px);
  position: absolute;
  left: 5px;
  transform: translateY(10px);
}

.btn-upgrade {
  color: #FFF;
  background: linear-gradient(90deg, #53a478 0%, #007991 100%);
  border: 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  letter-spacing: 0.05rem;
  transition: background 200ms;
}
.btn-upgrade:hover {
  background: linear-gradient(90deg, #53a478 10%, #007991 120%);
  color: var(--bs-light);
}
.btn-upgrade:active, .btn-upgrade:focus {
  color: var(--bs-light) !important;
}

@media (max-width: 991.98px) {
  .col-12:has(.floating-image) {
    padding: 0;
  }

  .pricing-content-break {
    display: flex;
    border: 1px solid #ffffff24;
    margin-bottom: 2rem;
    border-radius: 28px;
    padding: 0 2rem;
    background: linear-gradient(36deg, rgba(255, 255, 255, 0.06) -17.3%, rgba(255, 255, 255, 0) 45.98%);
  }
  .pricing-content-break .pricing-card {
    min-width: unset;
    min-height: 480px;
    margin: 2rem 0;
  }
}
@media (max-width: 560px) {
  .col-12:has(.floating-image) {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
@media (max-width: 768px) {
  .pricing-card .form-check.form-switch {
    flex-direction: column;
    text-align: center;
    padding-left: 0;
  }
  .pricing-card .form-check.form-switch .form-check-label {
    line-height: 18px;
  }
  .pricing-card .form-check.form-switch .form-check-input {
    margin-left: unset;
  }
}
@media (max-width: 575.98px) {
  .pricing-content-break {
    padding: 0 1rem;
  }

  footer .credits {
    font-size: 12px;
  }
}

/*# sourceMappingURL=site.css.map */