@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("../fonts/CircularStd/font.css");
html, body {
  height: 100%;
}

body {
  --body-linear-bg: linear-gradient(116deg, #1D1D1D 0%, #1D1A2B 100%);
  background-image: var(--body-linear-bg);
  --bs-body-font-weight: 400;
  --bs-body-font-size: 15px;
  --bs-body-bg: #2A272F;
  --bs-body-color: #FFFFFF;
  --bs-body-font-family: "Circular Std";
  --bs-link-color-rgb: 255 255 255;
  --bs-emphasis-color-rgb: 255 255 255;
  --bs-red: #FF6D6D;
  --bs-primary: #966FE8;
  --bs-primary-rgb: 150, 111, 232;
  --bs-danger: #FF6D6D;
  --bs-danger-rgb: 255, 109, 109;
  --bs-secondary: #7C7B81;
  --bs-secondary-rgb: 124, 123, 129;
  --bs-secondary-color: #E0DEE6;
  --bs-border-color: rgba(124, 123, 129, 0.47);
  --spacer: 5rem;
}
@media (max-width: 767.98px) {
  body {
    --spacer: 3.5rem;
  }
}
@media (max-width: 575.98px) {
  body {
    --spacer: 2.5rem;
  }
}
@media (max-width: 480px) {
  body {
    --spacer: 1.75rem;
  }
}

a {
  text-decoration: none;
}
a:hover {
  color: inherit;
}

.py-2_5 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #8e64e5;
  --bs-btn-hover-border-color: #8e64e5;
  --bs-btn-active-bg: #8e64e5;
  --bs-btn-active-border-color: #8e64e5;
}

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

.min-h-100 {
  min-height: 100%;
}

.cursor-pointer {
  cursor: pointer;
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.navbar {
  --bs-border-color: #535353;
  transition: all 300ms;
  width: 100%;
  margin-top: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .navbar {
    align-items: flex-start;
  }
  .navbar > .container .d-flex {
    width: 100%;
  }
  .navbar .nav-link, .navbar .dropdown-item {
    font-size: 18px;
  }
  .navbar .nav-link:hover, .navbar .dropdown-item:hover {
    background: transparent;
  }
  .navbar:has(.navbar-collapse.collapse.show) .container, .navbar:has(.navbar-collapse.collapsing) .container {
    justify-content: start;
    height: 100%;
    flex-direction: column;
  }
  .navbar:has(.navbar-collapse.collapse.show) .navbar-collapse, .navbar:has(.navbar-collapse.collapsing) .navbar-collapse {
    flex-basis: auto;
    width: 100%;
    align-items: flex-start;
  }
  .navbar:has(.navbar-collapse.collapse.show) .navbar-collapse > ul, .navbar:has(.navbar-collapse.collapsing) .navbar-collapse > ul {
    height: calc(100vh - 48px - 48px);
  }
  .navbar:has(.navbar-collapse.collapse.show) .navbar-collapse ul ul, .navbar:has(.navbar-collapse.collapsing) .navbar-collapse ul ul {
    background: transparent;
    --bs-dropdown-item-padding-y: 1rem;
  }
}

.navbar-toggler {
  --bs-navbar-color: white;
  --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 24H36" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 31H36" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 17H36" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --bs-navbar-toggler-padding-x: 0;
  --bs-navbar-toggler-focus-width: 0;
}
.navbar-toggler .navbar-toggler-icon {
  width: 2em;
  height: 2em;
}

.navbar-nav {
  --bs-nav-link-color: #FFFFFF;
  --bs-nav-link-hover-color: #FFFFFF;
  --bs-navbar-active-color: #A6A6D1;
}

.dropdown-menu {
  --bs-dropdown-bg: #333138;
  --bs-border-width: 0;
}
.dropdown-menu .dropdown-item {
  --bs-dropdown-link-hover-bg: #3c3944;
  --bs-dropdown-link-active-bg: #3c3944;
}

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

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

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

header {
  transition: background-color 300ms;
}
header.fixed-top {
  z-index: 9;
  width: 100%;
}
header.fixed-top.scrolled {
  background: #1d1c20;
}
header.fixed-top + .fixed-top-sep {
  height: 112px;
  width: 100%;
}
header .dropdown-toggle::after {
  background: url('data:image/svg+xml,<svg width="11" height="16" viewBox="0 0 11 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.58398 6.30505L5.58398 9.69505L2.58398 6.30505" stroke="%23A6A6D1" stroke-width="1.5" stroke-linejoin="round"/></svg>');
  width: 10px;
  height: 16px;
  border: 0;
  vertical-align: middle;
}

footer {
  border-top: 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;
}
footer .links {
  gap: 5.75rem;
}
@media (max-width: 767.98px) {
  footer .links {
    gap: 3rem;
    flex-wrap: wrap;
  }
  footer .links ul {
    flex-basis: calc(50% - 3rem);
  }
}
footer strong {
  font-size: 30px;
  line-height: 38px;
  font-weight: 400;
  display: block;
  margin-bottom: 3rem;
  background: linear-gradient(97deg, #F9F9F9 27.62%, #3B383D 112.77%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 1200px) {
  footer strong {
    max-width: 410px;
  }
}
footer ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  margin: 0;
}
footer ul li {
  display: inline-flex;
}
footer ul li:first-child {
  margin-bottom: 10px;
}
footer ul li a {
  opacity: 40%;
  padding: 8px 0;
  transition: all 200ms;
  display: block;
  flex-grow: 1;
}
footer ul li a:hover {
  color: white;
  opacity: 1;
}
footer .credits {
  opacity: 0.4;
}

.btn-wide {
  font-size: 16px;
  padding: 0.7rem 1.5rem;
}

textarea.form-control {
  resize: none;
}
textarea.form-control::placeholder {
  opacity: 0.4;
}

input.form-control {
  padding: 1.5rem 2rem;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: white;
  border-radius: 17px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(105deg, rgba(255, 255, 255, 0.06) 6.5%, rgba(255, 255, 255, 0) 63.69%);
  transition: all 300ms;
}
input.form-control::placeholder {
  opacity: 0.4;
}
input.form-control:focus {
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: unset;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0.07) 6.5%, rgba(255, 255, 255, 0.07) 63.69%);
}

.input-group:has(input.form-control) {
  background: linear-gradient(105deg, rgba(255, 255, 255, 0.06) 6.5%, rgba(255, 255, 255, 0) 63.69%);
  --bs-border-radius: 17px;
  border-radius: 17px;
}
.input-group:has(input.form-control) .input-group-text {
  border-color: rgba(255, 255, 255, 0.1);
  border-right: 0;
  padding-right: 0;
  font-size: 18px;
}
.input-group:has(input.form-control) .input-group-text span {
  opacity: 0.4;
}
.input-group:has(input.form-control) input.form-control {
  background: transparent;
  border-left: 0;
}

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

p {
  font-size: 18px;
  line-height: 24px;
}
p.large {
  font-size: 22px;
  line-height: 24px;
}
p.little {
  font-size: 16px;
}

.fade-text {
  background: linear-gradient(97deg, #F9F9F9 27.62%, #3B383D 112.77%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.1rem;
}

h1 {
  font-size: calc(2rem + 1vw);
  line-height: calc(2.5rem + 1vw);
  font-weight: 400;
  margin-bottom: 0;
}

h2 {
  font-size: calc(1.75rem + 1vw);
  line-height: calc(2.25rem + 1vw);
  font-weight: 400;
  margin-bottom: 0;
}
h2 span.gr {
  background: linear-gradient(90.29deg, #956EE3 63.73%, #C572C2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3 {
  font-size: calc(1.4rem + 1vw);
  line-height: calc(1.9rem + 1vw);
  font-weight: 400;
  margin-bottom: 0;
}

h4 {
  font-size: calc(1rem + 1vw);
  line-height: calc(1.5rem + 1vw);
  font-weight: 400;
  margin-bottom: 0;
}

h5 {
  font-size: calc(0.7rem + 1vw);
  line-height: calc(1.2rem + 1vw);
  font-weight: 400;
  margin-bottom: 0;
}

h6 {
  font-size: calc(0.5rem + 1vw);
  line-height: calc(1rem + 1vw);
  font-weight: 400;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .title-container:not(.slim):not(.wider) {
    max-width: 685px;
  }
  .title-container.slim {
    max-width: 543px;
  }
  .title-container.wider {
    max-width: 850px;
  }
}
.title-container strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.18px;
  color: #E0DEE6;
  display: block;
  text-align: center;
}
.title-container strong:has(label) {
  font-size: 16px;
}
.title-container strong label {
  color: #AAA8B0;
}

.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: 400;
  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, #946EE3 23.88%, #CF72BB 44.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: min(365px, 90vw);
  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(6vw, 50%);
}
@media (max-width: 991.98px) {
  .floating-image {
    position: static;
    transform: unset;
  }
}

.quotes-bg-container {
  position: relative;
}
.quotes-bg-container:after {
  border-radius: 1096px;
  opacity: 0.13;
  background: #966FE8;
  filter: blur(150px);
  content: "";
  position: absolute;
  top: 0;
  left: -15%;
  width: 50%;
  height: 100%;
  display: block;
}
.quotes-bg-container:before {
  border-radius: 1012px;
  opacity: 0.1;
  background: #C36EC7;
  filter: blur(150px);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  display: block;
}

.quotes-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  overflow-x: auto;
  overflow-y: hidden;
}
.quotes-container .quote {
  box-shadow: 0 16px 51.6px 0 #00000008;
  border: 1px solid #FFFFFF1A;
  background: linear-gradient(149.94deg, rgba(255, 255, 255, 0.096) -14.58%, rgba(255, 255, 255, 0) 30.62%);
  border-radius: 27px;
  padding: 32px;
  position: relative;
  max-width: 355px;
  margin-right: 24px;
  margin-bottom: 24px;
  min-width: 300px;
}
.quotes-container .quote a:first-child {
  display: block;
  margin-bottom: 20px;
}
.quotes-container .quote a:first-child img {
  width: 48px;
  height: 48px;
  margin-right: 10px;
}

.radial-bg:not(.lighter):not(.top-center) {
  background: radial-gradient(#c271e826, transparent 70%);
}
.radial-bg:not(.lighter).top-center {
  background: radial-gradient(circle at 75% 35%, #c271e826, 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: #9F26A4;
  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: inline-flex;
  align-items: center;
  position: relative;
}
.main-image.main-image-gradient img, .main-image.main-image-gradient video {
  margin: 0 auto;
  border-radius: 20px;
  max-height: min(80vh, 640px);
}
.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;
}

.container:has(.main-image-gradient) {
  text-align: center;
}

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

.form-check-input {
  --bs-border-color: var(--bs-secondary);
}
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(150, 111, 232, 0.25);
}

.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);
  -webkit-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;
  top: 100%;
}
.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: #E0DEE6;
  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;
  }
}

@media (min-width: 768px) {
  .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 {
  max-width: 100%;
}
.html-content > * {
  font-family: var(--bs-body-font-family);
  color: #CECECE;
}
.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: 400;
  letter-spacing: 0.025rem;
  word-spacing: 0.025rem;
  color: white;
  margin: 1.75rem 0 1rem 0;
}
.html-content p {
  margin-bottom: 0.75rem;
  font-weight: 300;
}
.html-content h1 {
  font-size: 24px;
  line-height: 28px;
}
.html-content h2 {
  font-size: 22px;
  line-height: 26px;
}
.html-content h3 {
  font-size: 20px;
  line-height: 24px;
}
.html-content h4 {
  font-size: 19px;
  line-height: 23px;
}
.html-content h5 {
  font-size: 18px;
  line-height: 22px;
}
.html-content h6 {
  font-size: 16px;
  line-height: 20px;
}
.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;
  }
}

@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 {
  font-size: calc(0.25rem + 1vw);
  line-height: calc(0.75rem + 1vw);
  opacity: 0.8;
  height: 54px;
  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;
}
.post-article > h1 {
  font-size: calc(1.75rem + 0.5vw);
}
.post-article .toc {
  margin-bottom: 1.5em;
}
.post-article .toc ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.post-article .toc ul:first-child {
  margin-top: 0.75rem;
}
.post-article .toc li {
  margin: 0.3em 0;
  font-weight: 300;
}
.post-article .toc li:last-child {
  margin-bottom: 0;
}
.post-article .toc li a {
  display: block;
  transition: all 200ms;
}
.post-article .toc li a:hover, .post-article .toc li a:focus, .post-article .toc li a:active {
  color: var(--bs-primary);
}
.post-article .toc .toc-level-1 {
  margin-left: 0em;
}
.post-article .toc .toc-level-2 {
  margin-left: 1em;
}
.post-article .toc .toc-level-3 {
  margin-left: 2em;
}
.post-article .toc .toc-level-4 {
  margin-left: 3em;
}
.post-article .toc .toc-level-5 {
  margin-left: 4em;
}
.post-article .toc .toc-level-6 {
  margin-left: 5em;
}
.post-article .toc strong i {
  transition: all 300ms;
  transform: rotate(0deg);
}
.post-article .toc strong.collapsed i {
  transform: rotate(180deg);
}

.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: 26px Circular Std, sans-serif;
  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-content-break {
  display: contents;
}

.pricing-card {
  display: flex;
  flex-direction: column;
  padding: 3rem 0;
  flex-grow: 1;
  align-items: center;
  min-height: 500px;
  max-width: 250px;
  min-width: 195px;
}
.pricing-card.no-max-width {
  max-width: unset;
}
.pricing-card .pricing-tier {
  color: #8d8a9b;
}
.pricing-card .pricing-description {
  color: #fff;
  margin-top: 0.5rem;
  font-weight: 400;
  min-height: 30px;
}
.pricing-card .pricing-description span {
  background: linear-gradient(91deg, #956FE3 66.11%, #CF72BC 108.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
}
.pricing-card .pricing-discount {
  color: #837794;
  opacity: 0;
  transition: opacity 300ms;
}
.pricing-card .feature-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(119, 119, 119, 0.3);
  width: 100%;
  padding: 1rem 4rem;
  min-height: 58px;
  white-space: nowrap;
}
.pricing-card .feature-item i {
  color: #685A86;
}
.pricing-card .feature-item i, .pricing-card .feature-item svg {
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .pricing-card .feature-item {
    line-height: 18px;
    white-space: normal;
    height: 58px;
    overflow: hidden;
  }
}
@media (max-width: 568px) {
  .pricing-card .feature-item {
    min-width: 105px;
    font-size: 14px;
  }
}
.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(92deg, #966EE2 2.54%, #C772C1 111.77%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pricing-card.premium {
  background: linear-gradient(326deg, rgba(180, 45, 102, 0.13) -2.11%, rgba(110, 100, 151, 0.1) 57.97%);
  border: 1px solid rgba(154, 78, 78, 0.44);
  border-radius: 28px;
  min-width: 230px;
  position: relative;
}
.pricing-card.premium .feature-item {
  border-bottom-color: transparent;
}
.pricing-card.premium:after {
  border-radius: 796px;
  opacity: 0.2;
  filter: blur(150px);
  content: "";
  position: absolute;
  top: -7.5%;
  left: -7.5%;
  width: 115%;
  height: 115%;
  display: block;
  background: linear-gradient(128deg, #3826A4 3.15%, #8C3A93 104.68%);
  z-index: -1;
}
.pricing-card .pricing-upgrade, .pricing-card .feature-item .upgrade {
  display: none;
}
.pricing-card:has(.form-check-input:checked) .pricing-discount {
  opacity: 1;
}
.pricing-card:has(.form-check-input:checked) .pricing-description.pricing-upgrade {
  display: block;
}
.pricing-card:has(.form-check-input:checked) .pricing-description.pricing-regular {
  display: none;
}
.pricing-card:has(.form-check-input:checked) .feature-item .upgrade {
  display: block;
}
.pricing-card:has(.form-check-input:checked) .feature-item .regular {
  display: none;
}

.form-check.form-switch {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.form-check.form-switch .form-check-label {
  transition: opacity 200ms;
}
.form-check.form-switch .form-check-input {
  margin-top: 0;
  --bs-border-width: 0;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e");
  cursor: pointer;
  width: 42px;
  height: 24px;
}
.form-check.form-switch .form-check-input:not(:checked) {
  background-color: #54476A;
}
.form-check.form-switch .form-check-input:not(:checked) + .form-check-label {
  opacity: 0.4;
}

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

.tooltip {
  --bs-tooltip-color: var(--bs-body-color);
}

#frmLogin h1, #frmSignup h1, #frmForgot h1, #frmBsky h1 {
  line-height: 38px;
  font-size: 30px;
}
#frmLogin h1 i, #frmSignup h1 i, #frmForgot h1 i, #frmBsky h1 i {
  font-size: 18px;
  line-height: 18px;
  margin-top: 7px;
}
#frmLogin a:not(.btn), #frmSignup a:not(.btn), #frmForgot a:not(.btn), #frmBsky 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, #frmBsky a:not(.btn) u {
  color: var(--bs-body-color);
}
#frmLogin a:not(.btn):hover, #frmSignup a:not(.btn):hover, #frmForgot a:not(.btn):hover, #frmBsky a:not(.btn):hover {
  color: var(--bs-body-color);
}
#frmLogin .error, #frmSignup .error, #frmForgot .error, #frmBsky .error {
  color: #ff8181;
  letter-spacing: 0.025rem;
  max-width: 450px;
  margin: 0 auto;
  transition: all 300ms;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}
#frmLogin .error:empty, #frmSignup .error:empty, #frmForgot .error:empty, #frmBsky .error:empty {
  display: none;
}

@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);
}

.dewey-tools .tools h2 {
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  justify-content: center;
}
.dewey-tools .tools a.section {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
  padding: 46px 30px;
  border-radius: 34px;
  color: white;
  min-height: 211px;
  cursor: pointer;
  margin-bottom: 1rem;
}
.dewey-tools .tools a.section svg, .dewey-tools .tools a.section img {
  margin-bottom: 1rem;
  transition: transform 500ms;
  height: 56px;
}
.dewey-tools .tools a.section strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.01em;
  text-align: center;
  margin-bottom: 0.15rem;
  display: flex;
  align-items: center;
  height: 44px;
}
.dewey-tools .tools a.section label {
  letter-spacing: -0.01em;
  text-align: center;
  opacity: 0.5;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dewey-tools .tools a.section:hover svg, .dewey-tools .tools a.section:hover img {
  transform: scale(1.15);
}
@media (max-width: 575.98px) {
  .dewey-tools .tools a.section {
    padding: 24px;
  }
}
.dewey-tools .nav-tools #navbarTools {
  position: relative;
  background: #FFFFFF0D;
  border-radius: 12px;
  flex-grow: 0;
  justify-content: center;
  margin: 0 auto;
  transition: all 300ms;
}
.dewey-tools .nav-tools #navbarTools:has(.dropdown-menu.show) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dewey-tools .nav-tools #navbarTools .nav-link {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 15px;
}
.dewey-tools .nav-tools #navbarTools .nav-item {
  padding: 16px 20px;
  flex-grow: 1;
}
.dewey-tools .nav-tools #navbarTools .nav-item.dropdown {
  position: static;
}
.dewey-tools .nav-tools #navbarTools .dropdown-menu {
  width: 100%;
  top: 95%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(59px);
  -webkit-backdrop-filter: blur(59px);
  background: #FFFFFF03;
  border-radius: 0 0 12px 12px;
  transition: all 300ms;
  display: flex;
  flex-wrap: wrap;
  padding: 32px 10px;
}
.dewey-tools .nav-tools #navbarTools .dropdown-menu.show {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}
.dewey-tools .nav-tools #navbarTools .dropdown-menu li {
  width: 50%;
  padding: 16px;
}
.dewey-tools .nav-tools #navbarTools .dropdown-menu li .dropdown-item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  min-height: 64px;
  --bs-dropdown-link-hover-bg: transparent;
  --bs-dropdown-link-active-bg: transparent;
}
.dewey-tools .nav-tools #navbarTools .dropdown-menu li .dropdown-item:hover svg, .dewey-tools .nav-tools #navbarTools .dropdown-menu li .dropdown-item:hover img {
  transform: scale(1.15);
}
.dewey-tools .nav-tools #navbarTools .dropdown-menu li .dropdown-item svg, .dewey-tools .nav-tools #navbarTools .dropdown-menu li .dropdown-item img {
  transition: transform 500ms;
  min-width: 57px;
}
.dewey-tools .nav-tools #navbarTools .dropdown-menu li .dropdown-item strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.01em;
  margin-bottom: 0.15rem;
  display: block;
  white-space: normal;
}
.dewey-tools .nav-tools #navbarTools .dropdown-menu li .dropdown-item label {
  letter-spacing: -0.01em;
  white-space: normal;
  text-align: start;
  opacity: 0.5;
}
.dewey-tools .nav-tools #navbarTools .dropdown-toggle:after {
  content: url('data:image/svg+xml,<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.69531 1.30493L3.69531 4.69493L0.695312 1.30493" stroke="white" stroke-opacity="0.76" stroke-width="1.5" stroke-linejoin="round"/></svg>');
  border: 0;
  margin-top: -3px;
}
.dewey-tools .nav-tools #navbarTools .dropdown-toggle.show:after {
  content: url('data:image/svg+xml,<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.69531 1.30493L3.69531 4.69493L0.695312 1.30493" stroke="rgb(166 166 209)" stroke-opacity="0.76" stroke-width="1.5" stroke-linejoin="round"/></svg>');
}
@media (max-width: 575.98px) {
  .dewey-tools .nav-tools #navbarTools .nav-item {
    padding: 8px 16px;
  }
  .dewey-tools .nav-tools #navbarTools .dropdown-menu {
    flex-direction: column;
    padding: 16px 10px;
  }
  .dewey-tools .nav-tools #navbarTools .dropdown-menu li {
    width: 100%;
    padding: 8px;
  }
  .dewey-tools .nav-tools #navbarTools .dropdown-menu li strong {
    font-size: 16px;
    line-height: 20px;
  }
  .dewey-tools .nav-tools #navbarTools .dropdown-menu li label {
    font-size: 14px;
  }
  .dewey-tools .nav-tools #navbarTools .dropdown-menu li .dropdown-item {
    padding: 0;
  }
}
.dewey-tools textarea, .dewey-tools input {
  background: linear-gradient(104.55deg, rgba(255, 255, 255, 0.0378) 6.5%, rgba(255, 255, 255, 0.021) 63.69%);
  border: 1px solid #FFFFFF1A;
  padding: 16px;
  border-radius: 10px;
  resize: none;
  transition: all 300ms;
  color: #eaeaea;
}
.dewey-tools textarea ::placeholder, .dewey-tools input ::placeholder {
  opacity: 0.3;
}
.dewey-tools textarea:focus, .dewey-tools textarea:active, .dewey-tools input:focus, .dewey-tools input:active {
  outline: 0;
  border-color: rgba(255, 255, 255, 0.61);
}
.dewey-tools .position-relative:has(input[type=file]) i {
  font-size: 18px;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
}
.dewey-tools .breadcrumbs span {
  opacity: 0.3;
}
@media (min-width: 992px) {
  .dewey-tools .title-container.title-tool {
    max-width: 935px;
  }
}
.dewey-tools .result {
  background: linear-gradient(104.55deg, rgba(255, 255, 255, 0.0378) 6.5%, rgba(255, 255, 255, 0.021) 63.69%);
  border: 1px solid #FFFFFF1A;
  padding: 16px 48px 16px 24px;
  border-radius: 17px;
  color: #eaeaea;
  text-align: left;
  position: relative;
}
.dewey-tools .result:empty {
  display: none;
}
.dewey-tools .result .copy {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 300ms;
}
.dewey-tools .result .copy:hover {
  transform: translate(0, -50%) scale(1.15);
}
.dewey-tools .result:has(.list-group-item) {
  padding: 16px 24px 16px 24px;
}
.dewey-tools .result .list-group-item {
  background: transparent;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  cursor: pointer;
}
.dewey-tools .result .list-group-item > span {
  transition: color 300ms;
}
.dewey-tools .result .list-group-item > span:hover {
  color: var(--bs-primary) !important;
}
.dewey-tools .result .list-group-item > span:hover button i {
  color: var(--bs-primary) !important;
}
.dewey-tools .result .list-group-item button i {
  transition: color 300ms;
}
.dewey-tools .result .list-group-item button:hover i {
  color: var(--bs-primary) !important;
}
.dewey-tools .tool-share {
  text-align: center;
}
.dewey-tools .tool-share span {
  font-size: 16px;
  color: #E0DEE6;
}
.dewey-tools .tool-share svg {
  opacity: 0.3;
  transition: all 300ms;
}
.dewey-tools .tool-share svg:hover {
  opacity: 1;
}
.dewey-tools .tool-how-to h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.dewey-tools .tool-how-to p {
  color: #E0DEE6;
}
.dewey-tools .try {
  padding: 120px 56px;
  display: flex;
  border-radius: 34px;
  justify-content: space-between;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
  position: relative;
}
.dewey-tools .try strong {
  font-size: 32px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
  display: block;
}
.dewey-tools .try p {
  color: #7C7B81;
}
.dewey-tools .try > div:first-child {
  max-width: 385px;
}
.dewey-tools .try img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: min(600px, 100%);
  border-bottom-right-radius: 34px;
}
@media (max-width: 575.98px) {
  .dewey-tools .try {
    padding: 80px 46px;
    min-height: 500px;
    text-align: center;
  }
  .dewey-tools .try img {
    border-bottom-left-radius: 34px;
  }
}
.dewey-tools .tool-other h3 {
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  justify-content: center;
}
.dewey-tools form button .fa-circle-notch {
  display: none;
  margin-right: 0.25rem;
}
.dewey-tools form button:disabled .fa-circle-notch {
  display: inline-block;
}
.dewey-tools form .dropdown .btn-select, .dewey-tools form .dropdown .dropdown-menu {
  background: #2e2835;
  border: 1px solid #FFFFFF1A;
  border-radius: 10px;
  font-size: 15px;
}
.dewey-tools form .dropdown .dropdown-menu {
  max-height: 180px;
  overflow: auto;
}
.dewey-tools #img-preview {
  display: block;
  max-width: 100%;
  border-radius: 5px;
}

.d-contents {
  display: contents;
}

.tik-tok {
  background: var(--bs-body-bg) url("../images/tiktok/bgx3.webp") no-repeat;
  background-position-y: 114px;
  background-size: calc(100% + 114px);
  background-position-x: -114px;
}

@media (max-width: 1200px) {
  .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;
    padding: 0;
  }
  .pricing-content-break .pricing-card.border-start {
    border: 0 !important;
  }
}
@media (max-width: 991.98px) {
  .col-12:has(.floating-image),
.container-fluid:has(.quotes-container) {
    padding: 0;
  }
}
@media (max-width: 560px) {
  .col-12:has(.floating-image),
.container-fluid:has(.quotes-container) {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .quotes-container {
    flex-direction: column;
  }
  .quotes-container > * {
    transform: unset !important;
  }
  .quotes-container > * .quote {
    max-width: unset;
    margin-right: 0;
  }
}
@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=new_site.css.map */