/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./pages/elsa-professional/scss/style.scss ***!
  \**********************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&family=PT+Sans&display=swap);
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./pages/elsa-professional/scss/style.scss (1) ***!
  \**************************************************************************************************************************************/
@charset "UTF-8";
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

@font-face {
  font-family: "SF Pro Display";
  src: url(../fonts/SFProDisplay-Regular.woff2) format("woff2"), url(../fonts/SFProDisplay-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../fonts/SFProDisplay-Medium.woff2) format("woff2"), url(../fonts/SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../fonts/SFProDisplay-Bold.woff2) format("woff2"), url(../fonts/SFProDisplay-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url(../fonts/SF-Pro-Rounded-Regular.woff2) format("woff2"), url(../fonts/SF-Pro-Rounded-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*,
::after,
::before {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  font-family: "Noto Sans Thai", Sarabun, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #fff;
  background: #1c173e;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

picture {
  display: block;
}

strong {
  font-weight: bold;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}

.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7 {
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .col-md-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }
  .align-items-md-end {
    align-items: flex-end;
  }
  .flex-row-md-reverse {
    flex-direction: row-reverse;
  }
  .justify-content-md-center {
    justify-content: center;
  }
}
.container {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1340px;
  margin: 0 auto;
}

.common-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  height: 54px;
  max-width: 100%;
  border-radius: 12px;
  background: linear-gradient(90deg, #49f2b9 0%, #1abff5 100%);
  font-size: 1.125rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.333;
  text-decoration: none !important;
  border: 0;
  cursor: pointer;
  transition: opacity 0.5s;
}
.common-btn:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #fff;
}
@media (min-width: 768px) {
  .common-btn {
    padding-left: 24px;
    padding-right: 24px;
    max-width: 535px;
  }
  .text-center .common-btn {
    margin-left: auto;
    margin-right: auto;
  }
}

.text-center {
  text-align: center !important;
}

.text-danger {
  color: #d74040;
}

.sec-title {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.35;
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .sec-title {
    font-size: 50px;
  }
}
.sec-title span:not(.sec-title__highlight) {
  display: block;
}
.sec-title__highlight {
  display: inline-block;
  padding: 10px 25px;
  border-radius: 30px;
  font-size: 0.84em;
  background: linear-gradient(291.66deg, #713ff4 25.14%, #cd55ff 104.99%);
  line-height: 1;
}
.sec-title small {
  display: block;
  font-size: 0.72em;
}

.sub-title {
  margin-bottom: 30px;
  color: #9b8bc4;
  font-size: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .sub-title {
    margin-bottom: 50px;
    font-size: 18px;
  }
}

.sec-title + .sub-title {
  margin-top: -25px;
}

.form-group {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .form-group {
    margin-bottom: 16px;
  }
}
.form-group .text-danger {
  text-align: left;
}

.form-control {
  display: block;
  line-height: normal;
  padding: 5px 8px;
  width: 100%;
  background: transparent;
  border: 0;
  font-size: 1.25rem;
  outline: none;
  color: #fff;
}
.form-control::placeholder {
  opacity: 0;
}

.input-group {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  position: relative;
}
.input-group .form-control {
  flex: 1 0 0;
}
.input-group .form-control:not(.text-black):-webkit-autofill, .input-group .form-control:not(.text-black):-webkit-autofill:hover, .input-group .form-control:not(.text-black):-webkit-autofill:focus, .input-group .form-control:not(.text-black):-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}
.input-group .input-icon {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
}
.input-group .input-icon--email {
  background-image: url(../images/icon-email-nova.svg);
}
.input-group .input-icon--phone {
  background-image: url(../images/icon-phone-nova.svg);
}
.input-group .input-icon--contact {
  background-image: url(../images/icon-contact-nova.svg);
}
.input-group .form-label {
  position: absolute;
  font-size: 1.125rem;
  left: 53px;
  top: 50%;
  letter-spacing: 2px;
  color: #999;
  transition: opacity 0.8s, top 0.5s;
  pointer-events: none;
  line-height: 1;
  margin-top: -0.5em;
}
.input-group.has-val .form-label {
  top: -10px;
  opacity: 0;
}

.slick-arrow {
  padding: 0;
  position: absolute;
  width: 32px;
  height: 32px;
  text-indent: -999px;
  overflow: hidden;
  background: url("https://content-media.elsanow.co/_extras_/premium-plus/slick-arrow.png") no-repeat center center/contain;
  cursor: pointer;
  border: 0;
}
.slick-arrow.slick-prev {
  transform: rotate(180deg);
}
.slick-arrow.slick-disabled {
  opacity: 0.5;
}

.slick-dots {
  display: flex;
  justify-content: center;
  gap: 0 8px;
  list-style: none;
  margin: 24px 0 0;
  padding-left: 0;
}
.slick-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
  border-radius: 10px;
  background: #8692a7;
}
.slick-dots .slick-active button {
  background-color: #fff;
}

@media (max-width: 767px) {
  .desktop {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .mobile {
    display: none !important;
  }
}
.slick-slide img {
  height: auto;
}

.js-form-errors {
  display: none;
  color: rgba(233, 42, 42, 0.8);
  font-size: 14px;
}
.js-form-errors p {
  margin: 7px 0;
}

.header {
  background: #000;
}
.header__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 68px;
}
@media (max-width: 360px) {
  .header__inner {
    gap: 12px;
  }
}
.header__logo {
  display: block;
  flex: none;
  margin: 0;
  line-height: 0;
}
.header__nav {
  display: none;
  flex: 1 1 auto;
  gap: 28px;
}
@media (min-width: 768px) {
  .header__nav {
    display: flex;
    justify-content: center;
  }
}
.header__nav a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  white-space: nowrap;
}
.header__nav a:hover {
  color: #dccfff;
}
.header__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
  margin-left: auto;
  height: 44px;
  padding: 0 22px;
  border-radius: 12px;
  background: linear-gradient(90deg, #48f1ba 0%, #1bc0f3 100%);
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 360px) {
  .header__cta {
    padding: 0 14px;
    font-size: 14px;
  }
}
.header__cta::after {
  content: "→";
  font-weight: normal;
}
.header__cta:hover {
  opacity: 0.85;
  color: #fff;
}

.footer {
  padding: 40px 0;
  background: #1f1b4e;
}
@media (min-width: 768px) {
  .footer__inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
.footer__logo {
  margin-bottom: 20px;
}
.footer__download {
  display: flex;
  gap: 15px;
  padding-left: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .footer__download {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .footer__left {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #fff;
  }
}
.footer__info {
  list-style: none;
  padding-left: 0;
}
.footer__info li + li {
  margin-top: 20px;
}
.footer__info img {
  margin-right: 5px;
}
.footer a {
  color: inherit;
  text-decoration: none;
}

.hero {
  position: relative;
  background: linear-gradient(100deg, #213b99 0%, #4041b1 30%, #2c168b 72%, #2d178c 100%);
}
.hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .hero__inner {
    align-items: center;
    padding-top: 60px;
    grid-template-columns: 1fr;
    min-height: calc(43.3vw - 76px);
  }
}
.hero__copy {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .hero__copy {
    max-width: 52%;
  }
}
.hero__badge {
  display: inline-block;
  margin-bottom: 20px;
  padding: 9px 20px;
  border-radius: 999px;
  background: linear-gradient(135deg, #713ff4, #cd55ff);
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.hero__title {
  margin-bottom: 20px;
  font-size: clamp(28px, 4.45vw, 64px);
  font-weight: bold;
  line-height: 1.35;
}
.hero__title span {
  display: block;
}
.hero__title .text-gold {
  display: inline-block;
  width: 100%;
}
.hero__lead {
  margin-bottom: 24px;
  color: #dccfff;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .hero__lead {
    font-size: 18px;
  }
}
.hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-bottom: 24px;
}
.hero__cta .common-btn {
  max-width: none;
  width: auto;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .hero__cta {
    flex-flow: column nowrap;
    gap: 12px;
  }
  .hero__cta .common-btn,
.hero__cta .hero__btn-ghost {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 54px;
    padding: 10px 14px;
    line-height: 1.25;
    text-align: center;
  }
}
.hero__btn-ghost {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  height: 54px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
@media (min-width: 768px) {
  .hero__btn-ghost {
    font-size: 1.125rem;
  }
}
.hero__btn-ghost:hover {
  color: #fff;
  opacity: 0.85;
}
.hero__art {
  position: relative;
  z-index: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .hero__art {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: 0;
    pointer-events: none;
  }
}
.hero__art img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .hero__art {
    aspect-ratio: 1.43;
    margin-top: 8px;
    margin-right: -15px;
    margin-left: -15px;
  }
  .hero__art img {
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
  }
}
.hero__pills-band {
  position: relative;
  background: #d8d7d8;
  color: #1f1d44;
}
.hero__pills {
  position: relative;
  z-index: 2;
  display: flex;
  list-style: none;
  padding-left: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 12px 28px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .hero__pills {
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0 10px;
    font-size: 10px;
    white-space: nowrap;
  }
}
@media (max-width: 360px) {
  .hero__pills {
    gap: 0 6px;
    font-size: 9px;
  }
}
@media (min-width: 768px) {
  .hero__pills {
    padding-top: 27px;
    padding-bottom: 27px;
  }
}
.hero__pills li::before {
  content: "✓ ";
  color: #0da387;
  font-weight: bold;
}

.elsa-coach {
  background: linear-gradient(90deg, #312195 0%, #0e092e 100%);
  padding: 50px 0;
}
@media (min-width: 768px) {
  .elsa-coach {
    padding: 80px 0;
  }
}
.elsa-coach__list {
  display: grid;
  gap: 24px;
}
.elsa-coach__list.slick-initialized {
  display: block;
  gap: 0;
}
@media (min-width: 768px) {
  .elsa-coach__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 35px 56px;
  }
}
.elsa-coach__item {
  padding: 21px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
}
.elsa-coach__art {
  position: relative;
}
.elsa-coach__art img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 352/160;
  object-fit: cover;
  object-position: center top;
  border-radius: 16px;
}
.elsa-coach__badge {
  position: absolute;
  top: 12px;
  left: 0;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(135deg, #713ff4, #cd55ff);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.elsa-coach__badge--soon {
  background: linear-gradient(135deg, #53c7e2, #c3c07f);
}
.elsa-coach__name {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin-top: 12px;
  padding: 0 16px;
  border-radius: 999px;
  background: #5041aa;
  font-size: 17px;
  font-weight: bold;
}
.elsa-coach__desc {
  margin-top: 12px;
  color: #d8d6e7;
  font-size: 15px;
  line-height: 1.35;
  opacity: 1;
}

.experience {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .experience {
    padding: 80px 0;
  }
}
.experience__inner {
  display: grid;
  gap: 32px;
  align-items: center;
}
@media (min-width: 768px) {
  .experience__inner {
    grid-template-columns: 1.15fr 0.85fr;
  }
}
.experience__phone img {
  width: 100%;
  height: auto;
}
.experience__steps {
  display: grid;
  gap: 16px;
}
.experience__step {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: #1d1540;
}
.experience__step h3 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: bold;
}
.experience__step p {
  color: #9b8bc4;
  line-height: 1.75;
}
.experience__num {
  display: grid;
  place-items: center;
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, #5b4bd5 0%, #1598f6 100%);
  font-weight: 800;
}

.pricing-box {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .pricing-box {
    padding: 80px 0;
  }
}
.pricing-box__card {
  max-width: 1100px;
  margin: 0 auto;
  padding: 32px 24px;
  border-radius: 28px;
  background: linear-gradient(105deg, #533cb9 0%, #3e2a84 100%);
  display: grid;
  gap: 32px;
}
@media (min-width: 768px) {
  .pricing-box__card {
    padding: 48px 40px;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: start;
  }
}
.pricing-box__intro .sec-eyebrow {
  margin-left: 0;
}
.pricing-box__title {
  margin-bottom: 24px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.35;
}
@media (min-width: 768px) {
  .pricing-box__title {
    font-size: 40px;
  }
}
.pricing-box__title span {
  display: block;
}
.pricing-box__benefit {
  display: grid;
  gap: 12px;
  list-style: none;
  padding-left: 0;
}
@media (min-width: 768px) {
  .pricing-box__benefit {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 32px;
    margin-top: 28px;
  }
}
.pricing-box__benefit li {
  padding-left: 32px;
  line-height: 1.35;
  position: relative;
}
.pricing-box__benefit li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #2ea66f;
  font-weight: bold;
}
.pricing-box__price-card {
  padding: 24px;
  border-radius: 20px;
  background: #130d2e;
}
@media (min-width: 768px) {
  .pricing-box__price-card {
    padding: 28px;
  }
}
.pricing-box__plan-name {
  margin-bottom: 8px;
  color: #3ee6d4;
  font-size: 20px;
  font-weight: bold;
}
.pricing-box__plan-term {
  margin-bottom: 16px;
  font-size: 20px;
}
.pricing-box__note {
  color: #8e88a8;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pricing-box__base {
  margin-top: 4px;
  color: #8e88a8;
  font-size: 16px;
  text-decoration: line-through;
}
.pricing-box__num {
  margin: 8px 0;
  font-size: 40px;
  font-weight: 800;
}
.pricing-box__hint, .pricing-box__secure {
  color: #8e88a8;
  font-size: 14px;
}
.pricing-box__hint {
  margin-bottom: 20px;
}
.pricing-box__secure {
  margin-top: 12px;
  text-align: center;
}
.pricing-box__cta {
  width: 100%;
  margin-top: 20px;
  border-radius: 14px;
}

.comparison {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .comparison {
    padding: 80px 0;
  }
}
.comparison .sub-title strong {
  font-weight: bold;
}
.comparison__table-wrap {
  overflow-x: auto;
}
.comparison__plans {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .comparison__plans {
    display: none;
  }
}
.comparison__plan {
  flex: 1 1 0;
  min-width: 0;
  padding: 10px 4px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: transparent;
  color: #c8c2e0;
  font-family: inherit;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}
.comparison__plan.is-active {
  border-color: transparent;
  background: linear-gradient(135deg, #713ff4, #cd55ff);
  color: #fff;
}
.comparison__table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}
.comparison__table th,
.comparison__table td {
  padding: 18px 16px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  vertical-align: middle;
  font-size: 14px;
}
.comparison__table th {
  color: #c8c2e0;
  font-size: 13px;
  font-weight: bold;
}
.comparison__table th:first-child {
  color: #9453fd;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .comparison__table {
    min-width: 0;
  }
  .comparison__table th:not(:first-child),
.comparison__table td:not(:first-child) {
    display: none;
  }
  .comparison__table[data-plan="2"] th:nth-child(2), .comparison__table[data-plan="2"] td:nth-child(2) {
    display: table-cell;
  }
  .comparison__table[data-plan="3"] th:nth-child(3), .comparison__table[data-plan="3"] td:nth-child(3) {
    display: table-cell;
  }
  .comparison__table[data-plan="4"] th:nth-child(4), .comparison__table[data-plan="4"] td:nth-child(4) {
    display: table-cell;
  }
}
.comparison__table .is-featured {
  background: rgba(70, 60, 160, 0.35);
}
.comparison__table th.is-featured {
  color: #fff;
  border-radius: 16px 16px 0 0;
}
.comparison__table th.is-featured span {
  display: block;
  margin-top: 4px;
  color: #b9a6ff;
  font-size: 11px;
  letter-spacing: 0.08em;
}
.comparison__table th.is-featured .comparison__plan-pro {
  display: inline;
  margin-top: 0;
  background: linear-gradient(115deg, #55ffad, #14b9ff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;
}
.comparison__table .is-ok {
  color: #7dffb3;
}
.comparison__table .is-no {
  color: #ff7d8a;
}
.comparison__table .is-warn {
  color: #ffc666;
}
.comparison__group td {
  padding-top: 28px;
  color: #b9a6ff;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.comparison__table th:not(:first-child),
.comparison__table td:not(:first-child) {
  text-align: center;
}

.sec-eyebrow {
  width: fit-content;
  margin: 0 auto 16px;
  padding: 7px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #713ff4, #cd55ff);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.text-accent {
  color: #9453fd;
}

.text-gold {
  background: linear-gradient(180deg, #f8bc4a 0%, #f2a03a 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.trust {
  padding: 50px 0;
  background: rgba(29, 21, 64, 0.5);
}
@media (min-width: 768px) {
  .trust {
    padding: 80px 0;
  }
}
.trust__stats {
  display: grid;
  gap: 16px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .trust__stats {
    grid-template-columns: repeat(3, 1fr);
  }
}
.trust__stat {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 20px 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #493c9e 0%, #3e338b 100%);
  text-align: center;
}
.trust__stat img {
  width: 34px;
  flex: none;
}
.trust__num {
  display: block;
  font-size: 40px;
  font-weight: bold;
}
.trust__label {
  color: #dccfff;
  font-size: 14px;
}
.trust__quotes {
  display: grid;
  gap: 16px;
}
.trust__quotes.slick-initialized {
  display: block;
  gap: 0;
}
@media (min-width: 768px) {
  .trust__quotes {
    grid-template-columns: repeat(3, 1fr);
  }
}
.trust__quote {
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: #1d1540;
}
.trust__stars {
  margin-bottom: 12px;
  color: #f5c518;
}
.trust__text {
  line-height: 1.5;
}
.trust__user {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.trust__user em {
  display: block;
  color: #a89fc8;
  font-size: 13px;
  font-style: normal;
}
.trust__avatar {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #3b6bff;
  font-size: 13px;
  font-weight: 800;
}

.final-cta {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}
@media (min-width: 768px) {
  .final-cta {
    padding: 80px 0;
  }
}
.final-cta::before {
  content: "";
  position: absolute;
  inset: 0 -220px;
  z-index: 0;
  background: radial-gradient(ellipse at center, rgba(83, 68, 214, 0.5) 0%, rgba(83, 68, 214, 0) 66%);
  pointer-events: none;
}
.final-cta > * {
  position: relative;
  z-index: 1;
}
.final-cta .common-btn {
  margin: 0 auto;
  border-radius: 14px;
}
.final-cta__notes {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  justify-content: center;
  gap: 12px 28px;
  margin-top: 24px;
  color: #dccfff;
  font-size: 14px;
}
.final-cta__notes li::before {
  content: "✓ ";
  color: #2ea66f;
  font-weight: bold;
}

.faq {
  padding: 50px 0;
  background: #110b2d;
}
@media (min-width: 768px) {
  .faq {
    padding: 80px 0;
  }
}
.faq__list {
  max-width: 800px;
  margin: 0 auto;
}
.faq__item {
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
  list-style: none;
}
.faq__item summary::-webkit-details-marker {
  display: none;
}
.faq__item summary::after {
  content: "+";
  flex: none;
  font-size: 22px;
  line-height: 1;
}
.faq__item[open] summary::after {
  content: "–";
}
.faq__item p {
  margin-top: 12px;
  color: #c8c2e0;
  line-height: 1.55;
}

.lead-form {
  background: #231d51;
  padding: 50px 0;
}
@media (min-width: 768px) {
  .lead-form {
    padding: 80px 0;
  }
}
.lead-form__form {
  max-width: 1100px;
  margin: 0 auto;
  padding: 32px 24px;
  border-radius: 24px;
  background: #1d1540;
}
@media (min-width: 768px) {
  .lead-form__form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 32px;
    padding: 40px;
  }
}
@media (min-width: 768px) {
  .lead-form__form .form-submit, .lead-form__consent, .lead-form__upgrade {
    grid-column: 1/-1;
  }
}
.lead-form__form .form-submit .common-btn {
  width: 100%;
  max-width: none;
  border-radius: 14px;
  background: #1598f6;
  gap: 0 6px;
}
@media (max-width: 767px) {
  .lead-form__form .form-submit .common-btn {
    flex-wrap: wrap;
    height: auto;
    min-height: 54px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.35;
  }
}
.lead-form__label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}
.lead-form .input-group {
  min-height: 53px;
  padding: 8px 16px;
  border: 1px solid #382d60;
  border-radius: 12px;
  background: #271b52;
}
.lead-form .form-control {
  font-size: 16px;
}
.lead-form .form-label {
  left: 17px;
  font-size: 16px;
  letter-spacing: normal;
  color: #938da9;
}
.lead-form__promo-group {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .lead-form__promo-group {
    padding-top: 28px;
  }
}
.lead-form__promo {
  color: #dccfff;
  font-size: 15px;
  line-height: 1.9;
  text-wrap: balance;
}
.lead-form__promo strong {
  color: #fff;
  font-weight: bold;
}
.lead-form__code {
  display: inline-block;
  height: 23px;
  margin-left: 4px;
  padding: 0 11px;
  border-radius: 999px;
  background: linear-gradient(135deg, #713ff4, #cd55ff);
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 23px;
  letter-spacing: 0.5px;
}
.lead-form__consent {
  margin-top: 12px;
  color: #9b8bc4;
  font-size: 13px;
  text-align: center;
}
.lead-form__upgrade {
  margin-top: 8px;
  font-size: 12px;
  text-align: center;
}
.lead-form__upgrade a {
  color: #67f0ff;
  text-decoration: underline;
}
.lead-form__upgrade a:hover {
  color: #67f0ff;
  opacity: 0.8;
}

/*# sourceMappingURL=elsa-professional.css.map*/