/* Premium first name page styles */

/* Palette & Typography */

:root {
  --premium-primary:#8c7bff;
  --premium-secondary:#253173;
  --premium-accent:#f5f6ff;
  --premium-surface:rgba(255,255,255,0.78);
  --premium-muted:#9ea8d4;
  --premium-text:#101321;
  --premium-contrast:#f8f9ff;
  --premium-glass:rgba(18,23,60,0.65);
  --premium-border:rgba(255,255,255,0.25);
  --premium-focus:#d8dcff;
  --premium-font-display:'Space Grotesk','Poppins','Helvetica Neue',Arial,sans-serif;
  --premium-font-body:'Inter','Roboto','Helvetica Neue',Arial,sans-serif;
}

body {
  margin:0;
  min-height:100vh;
  background:linear-gradient(135deg,#070b1c 0%,#151c45 55%,#1c1143 100%);
  background-attachment:fixed;
  color:var(--premium-text);
  font-family:var(--premium-font-body);
}

h1,h2,h3,h4,h5,h6 {
  color:var(--premium-primary);
  font-family:var(--premium-font-display);
}

p,ul {
  font-family:var(--premium-font-body);
  color:var(--premium-text);
}

/* Base Resets & Typography */

h1,h5,p,ul {
  margin-top:0;
}

@-ms-viewport {
  width:device-width;
}

h1,h5 {
  margin-bottom:.5rem;
  font-family:inherit;
  font-weight:500;
  line-height:1.2;
  color:inherit;
}

body,p {
  font-family:var(--premium-font-body);
}

h1,h5 {
  color:var(--premium-primary);
}

h1,h2,h5,p,ul {
  margin-top:0;
}

p,ul {
  margin-bottom:1rem;
}

body {
  overflow-x:hidden;
  text-align:left;
}

label {
  margin-bottom:.5rem;
}

button,input {
  overflow:visible;
}

.img-thumbnail {
  max-width:100%;
  height:auto;
}

a {
  text-decoration:none;
}

:root {
  --blue:#007bff;
  --indigo:#6610f2;
  --purple:#6f42c1;
  --pink:#e83e8c;
  --red:#dc3545;
  --orange:#fd7e14;
  --yellow:#ffc107;
  --green:#28a745;
  --teal:#20c997;
  --cyan:#17a2b8;
  --white:#fff;
  --gray:#6c757d;
  --gray-dark:#343a40;
  --primary:#007bff;
  --secondary:#6c757d;
  --success:#28a745;
  --info:#17a2b8;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#343a40;
  --breakpoint-xs:0;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

*,::after,::before {
  box-sizing:border-box;
}

html {
  overflow-x:hidden;
  font-family:sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -ms-overflow-style:scrollbar;
}

body {
  margin:0;
  font-family:var(--premium-font-body);
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:var(--premium-text);
  background:linear-gradient(135deg,#070b1c 0%,#151c45 55%,#1c1143 100%);
  background-attachment:fixed;
}

.firstname-hero {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:calc(100vh - 72px);
  padding:5rem 1.5rem 4rem;
  overflow:hidden;
  isolation:isolate;
}

.firstname-hero::before,
.firstname-hero::after {
  content:"";
  position:absolute;
  width:480px;
  height:480px;
  border-radius:50%;
  filter:blur(0px);
  opacity:.45;
  z-index:0;
}

.firstname-hero::before {
  top:-160px;
  right:-120px;
  background:radial-gradient(circle at center,rgba(140,123,255,.65),rgba(140,123,255,0));
}

.firstname-hero::after {
  bottom:-180px;
  left:-140px;
  background:radial-gradient(circle at center,rgba(61,105,255,.55),rgba(61,105,255,0));
}

.firstname-hero__container {
  position:relative;
  z-index:1;
  width:100%;
  display:flex;
  justify-content:center;
}

.firstname-hero__card {
  width:100%;
  max-width:720px;
  padding:3.25rem 3.5rem;
  border-radius:32px;
  background:var(--premium-glass);
  border:1px solid var(--premium-border);
  box-shadow:0 32px 70px rgba(7,9,28,.55);
  backdrop-filter:blur(18px);
  text-align:center;
  color:var(--premium-contrast);
}

.firstname-hero__brand {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  margin-bottom:1.5rem;
  font-size:.85rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(248,249,255,.8);
}

.firstname-hero__brand-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.75rem;
  height:2.75rem;
  border-radius:50%;
  background:rgba(140,123,255,.18);
  border:1px solid var(--premium-border);
  box-shadow:0 18px 40px rgba(8,10,40,.45);
  font-size:1.3rem;
  color:var(--premium-contrast);
}

.firstname-hero__brand-text {
  font-weight:600;
  letter-spacing:.12em;
}

.firstname-hero__title {
  margin:0 0 1.25rem;
  font-family:var(--premium-font-display);
  font-weight:600;
  font-size:clamp(2.4rem,5vw,3.6rem);
  color:var(--premium-contrast);
  letter-spacing:-.01em;
}

.firstname-hero__subtitle {
  max-width:540px;
  margin:0 auto 2.25rem;
  font-size:1.1rem;
  line-height:1.7;
  color:rgba(248,249,255,.78);
}

.firstname-hero__meta {
  display:grid;
  gap:.85rem;
  padding:0;
  margin:0 0 2.5rem;
  list-style:none;
  text-align:left;
}

.firstname-hero__meta-item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:.9rem 1.2rem;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}

.firstname-hero__meta-label {
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(248,249,255,.65);
}

.firstname-hero__meta-value {
  font-size:1.05rem;
  font-weight:600;
  color:var(--premium-contrast);
}

.firstname-hero__actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
}

.cta-button {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  padding:.95rem 2.25rem;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(140,123,255,.95),rgba(109,142,255,.95));
  border:1px solid rgba(255,255,255,.35);
  color:#fff;
  font-weight:600;
  font-size:1rem;
  letter-spacing:.01em;
  text-decoration:none;
  box-shadow:0 26px 55px rgba(7,9,28,.45);
  transition:background .25s ease,box-shadow .25s ease,transform .25s ease,color .25s ease;
}

.cta-button__label {
  line-height:1.2;
}

.cta-button__icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.65rem;
  height:1.65rem;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:1rem;
  transition:transform .25s ease,background .25s ease;
}

.cta-button:hover,
.cta-button:focus-visible {
  background:linear-gradient(135deg,rgba(158,145,255,1),rgba(126,158,255,1));
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 32px 64px rgba(7,9,28,.55);
}

.cta-button:hover .cta-button__icon,
.cta-button:focus-visible .cta-button__icon {
  transform:translateX(4px);
  background:rgba(255,255,255,.28);
}

.cta-button:focus-visible {
  outline:3px solid var(--premium-focus);
  outline-offset:3px;
}

.cta-button:active {
  transform:translateY(0);
  box-shadow:0 18px 40px rgba(7,9,28,.45);
}

.cta-button--ghost {
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.45);
  color:var(--premium-contrast);
  box-shadow:0 22px 48px rgba(7,9,28,.35);
}

.cta-button--ghost:hover,
.cta-button--ghost:focus-visible {
  color:#fff;
  background:rgba(255,255,255,.18);
}

@media (max-width:768px) {
  .firstname-hero {
    min-height:auto;
    padding:4rem 1.25rem 3rem;
  }

  .firstname-hero__card {
    padding:2.75rem 2.5rem;
  }

  .firstname-hero__meta-item {
    flex-direction:column;
    align-items:flex-start;
    gap:.35rem;
  }
}

@media (max-width:480px) {
  .firstname-hero__card {
    padding:2.25rem 1.75rem;
  }

  .firstname-hero__actions {
    flex-direction:column;
  }

  .cta-button {
    width:100%;
  }
}

.premium-spacing {
  padding-top:1rem;
}

.premium-content {
  padding-top:2rem;
  padding-bottom:2rem;
}

.premium-content__section {
  background:var(--premium-surface);
  border-radius:32px;
  padding:2.5rem;
  border:1px solid var(--premium-border);
  backdrop-filter:blur(16px);
  box-shadow:0 28px 65px rgba(7,9,28,.35);
}

.premium-content__header {
  margin-bottom:2rem;
  border-bottom:1px solid rgba(37,49,115,.15);
  padding-bottom:1rem;
}

.premium-content__title {
  margin:0;
  font-size:2rem;
  color:var(--premium-primary);
}

.premium-content__body {
  font-size:1.1rem;
  line-height:1.7;
}

.premium-content__text {
  margin-bottom:0;
}

.premium-content__grid {
  display:grid;
  gap:1.75rem;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  margin-top:2rem;
}

.premium-content__card {
  background:rgba(255,255,255,.86);
  border-radius:24px;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 24px 55px rgba(7,9,28,.2);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  backdrop-filter:blur(14px);
  transition:transform .3s ease,box-shadow .3s ease;
}

.premium-content__card--meaning {
  background:linear-gradient(140deg,rgba(140,123,255,.28),rgba(255,255,255,.9));
  box-shadow:0 24px 55px rgba(140,123,255,.25);
}

.premium-content__card--meaning .premium-content__icon {
  background:radial-gradient(circle at center,rgba(140,123,255,.18),rgba(140,123,255,.35));
  box-shadow:0 0 0 3px rgba(140,123,255,.25);
}

.premium-content__card--meaning .premium-icon {
  fill:#6154c6;
}

.premium-content__card--traits {
  background:linear-gradient(150deg,rgba(92,142,255,.22),rgba(255,255,255,.9));
  box-shadow:0 24px 55px rgba(92,142,255,.22);
}

.premium-content__card--traits .premium-content__icon {
  background:radial-gradient(circle at center,rgba(92,142,255,.2),rgba(255,255,255,.65));
  box-shadow:0 0 0 3px rgba(92,142,255,.18);
}

.premium-content__card--traits .premium-icon {
  fill:#3d5ccf;
}

.premium-content__card--numerology {
  background:linear-gradient(150deg,rgba(96,220,255,.2),rgba(255,255,255,.88));
  box-shadow:0 24px 55px rgba(83,196,255,.22);
}

.premium-content__card--numerology .premium-content__icon {
  background:radial-gradient(circle at center,rgba(96,220,255,.18),rgba(255,255,255,.65));
  box-shadow:0 0 0 3px rgba(96,220,255,.2);
}

.premium-content__card--numerology .premium-icon {
  fill:#2d9ad3;
}

.premium-content__card--compatibility {
  background:linear-gradient(150deg,rgba(255,168,220,.22),rgba(255,255,255,.92));
  box-shadow:0 24px 55px rgba(255,168,220,.22);
}

.premium-content__card--compatibility .premium-content__icon {
  background:radial-gradient(circle at center,rgba(255,168,220,.18),rgba(255,255,255,.62));
  box-shadow:0 0 0 3px rgba(255,168,220,.22);
}

.premium-content__card--compatibility .premium-icon {
  fill:#c55ba5;
}

.premium-content__card--anecdotes {
  background:linear-gradient(150deg,rgba(132,182,255,.22),rgba(255,255,255,.9));
  box-shadow:0 24px 55px rgba(132,182,255,.22);
}

.premium-content__card--anecdotes .premium-content__icon {
  background:radial-gradient(circle at center,rgba(132,182,255,.2),rgba(255,255,255,.65));
  box-shadow:0 0 0 3px rgba(132,182,255,.18);
}

.premium-content__card--anecdotes .premium-icon {
  fill:#3c64c1;
}

.premium-content__card:hover {
  transform:translateY(-6px);
  box-shadow:0 32px 70px rgba(7,9,28,.28);
}

.premium-content__card-header {
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1.5rem 1.75rem 0;
}

.premium-content__icon {
  width:3.5rem;
  height:3.5rem;
  border-radius:50%;
  background:rgba(140,123,255,.16);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 12px 30px rgba(7,9,28,.2);
  display:flex;
  align-items:center;
  justify-content:center;
}

.premium-icon {
  width:1.8rem;
  height:1.8rem;
  fill:var(--premium-primary);
}

.premium-content__heading {
  margin:0;
  font-size:1.25rem;
  color:var(--premium-primary);
}

.premium-content__card-body {
  padding:1.5rem 1.75rem 2rem;
  color:var(--premium-text);
}

.premium-content__card--anecdotes .premium-content__card-body,
.premium-content__card--compatibility .premium-content__card-body,
.premium-content__card--meaning .premium-content__card-body,
.premium-content__card--numerology .premium-content__card-body,
.premium-content__card--traits .premium-content__card-body {
  color:#2b1c40;
}

.premium-content__text--rich p {
  margin-bottom:1rem;
}

.premium-content__sources {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.75rem;
}

.premium-content__sources a {
  color:var(--premium-primary);
  font-weight:600;
}

@media (max-width:575.98px) {
  .premium-content__grid {
    gap:1.25rem;
  }

  .premium-content__card-header {
    padding:1.25rem 1.5rem 0;
  }

  .premium-content__card-body {
    padding:1.25rem 1.5rem 1.75rem;
  }
}

.premium-author {
  background:linear-gradient(135deg,rgba(75,29,94,.08),rgba(198,156,86,.1));
  border-radius:18px;
  padding:1.25rem;
}

.premium-author__profile {
  display:flex;
  align-items:center;
  gap:1rem;
}

.premium-author__avatar {
  width:64px;
  height:64px;
  border-radius:50%;
  box-shadow:0 10px 25px rgba(75,29,94,.25);
}

.premium-author__details {
  font-size:.95rem;
  line-height:1.6;
}

.premium-paywall {
  padding-top:0;
  padding-bottom:3rem;
}

.premium-paywall__card {
  background:var(--premium-glass);
  border-radius:32px;
  padding:3rem 2.75rem;
  border:1px solid var(--premium-border);
  box-shadow:0 36px 80px rgba(7,9,28,.5);
  backdrop-filter:blur(18px);
  text-align:center;
  max-width:860px;
  margin:0 auto;
  color:var(--premium-contrast);
}

.premium-paywall__title {
  font-size:2.25rem;
  margin-bottom:1rem;
  color:var(--premium-contrast);
}

.premium-paywall__subtitle {
  font-size:1.1rem;
  color:rgba(248,249,255,.75);
  margin-top:1.5rem;
  margin-bottom:1.25rem;
}

.premium-paywall__cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  max-width:420px;
  margin:1rem auto;
}

.premium-paywall__cta .cta-button__label {
  flex:1;
  text-align:left;
}

.premium-paywall__submit .cta-button__label {
  flex:1;
  text-align:left;
}

.premium-paywall__benefits {
  list-style:none;
  padding:0;
  margin:1.5rem auto;
  display:grid;
  gap:.75rem;
  max-width:480px;
  text-align:left;
}

.premium-paywall__icon {
  margin-right:.5rem;
}

.premium-paywall__promotion {
  margin-top:1.5rem;
  font-weight:600;
  color:rgba(248,249,255,.85);
}

.premium-paywall__countdown {
  margin-top:.75rem;
  font-weight:600;
  color:rgba(248,249,255,.9);
}

.premium-paywall__warranty {
  margin-top:1rem;
  color:rgba(248,249,255,.7);
}

.premium-paywall__testimonials {
  display:grid;
  gap:1rem;
  margin-top:1.5rem;
}

.premium-paywall__testimonial {
  background:rgba(255,255,255,.08);
  border-radius:18px;
  padding:1rem 1.25rem;
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 20px 45px rgba(7,9,28,.35);
  color:var(--premium-contrast);
}

.premium-paywall__faq {
  text-align:left;
  margin-top:2rem;
  background:rgba(255,255,255,.08);
  border-radius:24px;
  padding:1.75rem;
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 22px 48px rgba(7,9,28,.35);
  color:var(--premium-contrast);
}

.premium-paywall__payment-request {
  margin:1.5rem auto;
}

.premium-paywall__separator {
  margin:1.5rem auto;
  position:relative;
  width:80%;
  color:rgba(248,249,255,.55);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.premium-paywall__form-group {
  margin-top:1.5rem;
}

.premium-paywall__card-element {
  padding:1rem;
  border-radius:16px;
  border:1px solid rgba(140,123,255,.35);
  background:rgba(255,255,255,.95);
  box-shadow:0 18px 36px rgba(7,9,28,.25);
}

.premium-paywall__card-errors {
  color:#d64545;
  margin-top:.75rem;
}

.premium-paywall__actions {
  width:100%;
  margin-top:1.5rem;
  align-items:center;
}

.premium-paywall__submit {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  border:none;
  margin-bottom:.75rem;
}

.premium-paywall__terms {
  font-size:.85rem;
  color:var(--premium-muted);
}

.premium-paywall__terms .paywall-link {
  color:var(--premium-primary);
  font-weight:600;
}

.premium-share__title {
  border:none;
  padding-bottom:0;
  font-size:2rem;
  font-family:var(--premium-font-display);
  color:var(--premium-primary);
}

.core_features .social-share {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:2rem auto 0;
  text-align:center;
}

.premium-share__trigger {
  display:inline-flex;
  align-items:center;
  gap:0.75rem;
  background:linear-gradient(135deg,var(--premium-primary),var(--premium-secondary));
  color:#fff;
  border-radius:999px;
  padding:0.95em 1.95em;
  font-family:var(--premium-font-display);
  font-size:1rem;
  font-weight:600;
  letter-spacing:0.03em;
  box-shadow:0 18px 32px rgba(46,28,77,.22);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.premium-share__trigger:focus,
.premium-share__trigger:hover {
  text-decoration:none;
  transform:translateY(-2px);
  box-shadow:0 22px 36px rgba(46,28,77,.26);
  background:linear-gradient(135deg,var(--premium-secondary),var(--premium-primary));
}

.premium-share__trigger:focus {
  outline:none;
  box-shadow:0 0 0 3px rgba(198,156,86,.35),0 18px 32px rgba(46,28,77,.22);
}

.premium-share__trigger-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.8rem;
  height:1.8rem;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}

.premium-share__trigger-svg {
  width:1.1rem;
  height:1.1rem;
  color:#fff;
}

.premium-share__trigger-label {
  display:inline-flex;
  align-items:center;
  color:inherit;
}

@media (max-width:568px) {
  .core_features .social-share {
    position:static!important;
    margin:1.5rem auto 0!important;
    width:100%;
    display:flex!important;
  }

  .core_features .premium-share__trigger {
    width:100%;
    justify-content:center;
  }
}

.premium-share__modal .premium-share__content {
  border-radius:28px;
  border:none;
  box-shadow:0 28px 80px rgba(66,27,94,.2);
}

.premium-share__header {
  border:none;
  padding:2rem 2.5rem 0;
}

.premium-share__dialog {
  max-width:760px;
  width:100%;
}

.premium-share__close {
  color:var(--premium-primary);
  opacity:1;
}

.premium-share__body {
  padding:1.5rem 2.5rem 2rem;
}

.premium-share__grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:1.5rem;
}

.premium-share__option {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.75rem;
  text-align:center;
  background:var(--premium-surface);
  border-radius:22px;
  padding:1.25rem;
  box-shadow:0 20px 45px rgba(75,29,94,.12);
  transition:transform .3s ease,box-shadow .3s ease;
}

.premium-share__option:hover {
  transform:translateY(-4px);
  box-shadow:0 28px 70px rgba(75,29,94,.18);
  text-decoration:none;
}

.premium-share__icon {
  width:64px;
  height:64px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(75,29,94,.08);
}

.premium-share__icon--facebook { background:#eceff5; }
.premium-share__icon--twitter { background:#eef3ff; }
.premium-share__icon--linkedin { background:#e6f0ff; }
.premium-share__icon--pinterest { background:#ffe6ea; }
.premium-share__icon--whatsapp { background:#e4f7ed; }
.premium-share__icon--messenger { background:#e0ebff; }
.premium-share__icon--telegram { background:#eef3ff; }

.premium-share__svg {
  width:48px;
  height:48px;
}

.premium-share__svg-path {
  display:inline;
  fill-rule:evenodd;
  clip-rule:evenodd;
}

.premium-share__label {
  font-weight:600;
  color:var(--premium-primary);
}

.premium-share__footer {
  border:none;
  padding:0 2.5rem 2.5rem;
  display:flex;
  flex-direction:column;
  gap:1rem;
  align-items:center;
}

.premium-share__footer-label {
  font-weight:600;
  color:var(--premium-primary);
}

.premium-share__copy-row {
  display:flex;
  width:100%;
  gap:.75rem;
}

.premium-share__input {
  flex:1;
  border:1px solid rgba(75,29,94,.2);
  border-radius:14px;
  padding:.75rem 1rem;
  box-shadow:0 12px 24px rgba(66,27,94,.08);
}

.premium-share__copy-button {
  border-radius:14px;
  background:var(--premium-primary);
  color:#fff;
  padding:0 1.25rem;
}

.premium-topnames {
  padding:3rem 0;
}

.premium-topnames__title {
  font-size:2rem;
  color:var(--premium-primary);
}

.premium-topnames__grid {
  display:grid;
  gap:1.5rem;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  margin-top:2rem;
}

.premium-topnames__card {
  background:var(--premium-surface);
  border-radius:24px;
  padding:1.5rem;
  box-shadow:0 18px 40px rgba(66,27,94,.12);
  display:flex;
  flex-direction:column;
  gap:.75rem;
  transition:transform .3s ease,box-shadow .3s ease;
}

.premium-topnames__card:hover {
  transform:translateY(-4px);
  box-shadow:0 24px 55px rgba(66,27,94,.18);
}

.premium-topnames__link {
  font-size:1.25rem;
  font-weight:700;
  color:var(--premium-primary);
  display:flex;
  gap:.5rem;
  align-items:center;
}

.premium-topnames__tag {
  font-size:.95rem;
  color:var(--premium-muted);
}

.premium-topnames__breadcrumb {
  font-size:.9rem;
  color:#2f9e44;
  margin:0;
}

.premium-topnames__excerpt {
  font-size:.95rem;
  line-height:1.6;
  color:var(--premium-text);
  margin:0;
}

@media (max-width:768px) {
  .premium-content__section {
    padding:1.75rem;
  }

  .premium-share__body,
  .premium-share__header,
  .premium-share__footer {
    padding:1.5rem;
  }

  .premium-share__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

ul ul {
  margin-bottom:0;
}

b {
  font-weight:bolder;
}

img {
  vertical-align:middle;
}

a {
  color:var(--premium-primary);
  background-color:transparent;
  -webkit-text-decoration-skip:objects;
}

img {
  border-style:none;
}

label {
  display:inline-block;
}

button {
  border-radius:0;
}

button,input {
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}

button,html [type=button] {
  -webkit-appearance:button;
}

[type=button]::-moz-focus-inner,button::-moz-focus-inner {
  padding:0;
  border-style:none;
}

::-webkit-file-upload-button {
  font:inherit;
  -webkit-appearance:button;
}

.d-none {
  display:none!important;
}

h1,h2,h5 {
  margin-bottom:.5rem;
  font-family:inherit;
  font-weight:500;
  line-height:1.2;
  color:inherit;
}

h1 {
  font-size:2.5rem;
}

h2 {
  font-size:2rem;
}

h5 {
  font-size:1.25rem;
}

.img-thumbnail {
  background-color:#fff;
}

.img-thumbnail {
  padding:.25rem;
  border:1px solid #dee2e6;
  border-radius:.25rem;
}

.no-gutters {
  margin-right:0;
  margin-left:0;
}

.fade {
  opacity:0;
}

button.close {
  background-color:transparent;
}

.close {
  font-weight:700;
  line-height:1;
}

.close {
  float:right;
  font-size:1.5rem;
  color:#000;
  text-shadow:0 1px 0 #fff;
  opacity:.5;
}

button.close {
  padding:0;
  border:0;
  -webkit-appearance:none;
}

.d-block {
  display:block!important;
}

.d-flex {
  display:-webkit-box!important;
  display:-ms-flexbox!important;
  display:flex!important;
}

.align-items-center {
  -webkit-box-align:center!important;
  -ms-flex-align:center!important;
  align-items:center!important;
}

.mt-5 {
  margin-top:3rem!important;
}

.p-0 {
  padding:0!important;
}

.pr-2 {
  padding-right:.5rem!important;
}

.pl-2 {
  padding-left:.5rem!important;
}

.text-center {
  text-align:center!important;
}

.text-success {
  color:#28a745!important;
}

.mobile_menu {
  position:absolute;
  right:10px;
  width:96%;
  z-index:99;
}

.message {
  font-size:11px;
  color:#ee5535;
}

.cpy,.ur {
  background-color:#e6e2e2;
}

a,button {
  outline:0;
}

body,h1,h2,h5,p {
  font-family:Arial,system-ui,Helvetica,sans-serif;
}

.img-thumbnail {
  border-radius:33px;
  width:61px;
  height:61px;
}

.fab:before {
  position:relative;
  top:13px;
}

.smd {
  width:200px;
  font-size:small;
}

.ur {
  border:none;
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
}

.cpy {
  border:none;
  border-bottom-right-radius:4px;
  border-top-right-radius:4px;
}

body {
  font-weight:400;
  font-style:normal;
}

a,button {
  color:#1f1f1f;
}

h1,h2,h5 {
  color:#2e004b;
}

ul {
  margin:0;
  padding:0;
}

p {
  font-size:17px;
  font-weight:300;
  line-height:28px;
  color:#222;
  margin-bottom:13px;
}

label {
  font-size:14px;
}

label {
  color:#7e7e7e;
  font-weight:400;
}

::-webkit-input-placeholder {
  color:#ccc;
  font-size:14px;
  opacity:1;
}

:-ms-input-placeholder {
  color:#ccc;
  font-size:14px;
  opacity:1;
}

::-ms-input-placeholder {
  color:#ccc;
  font-size:14px;
  opacity:1;
}

::placeholder {
  color:#ccc;
  font-size:14px;
  opacity:1;
}

h5 {
  font-size:16px;
}

h2 {
  font-size:30px;
}

.fa {
  font-family:var(--fa-style-family,"Font Awesome 6 Free");
  font-weight:var(--fa-style,900);
}

.fa,.fa-brands,.fab {
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:var(--fa-display,inline-block);
  font-style:normal;
  font-variant:normal;
  line-height:1;
  text-rendering:auto;
}

.fa-brands,.fab {
  font-family:"Font Awesome 6 Brands";
}

.fa-2x {
  font-size:2em;
}

:host,:root {
  --fa-style-family-brands:"Font Awesome 6 Brands";
  --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";
}

.fa-brands,.fab {
  font-weight:400;
}

:host,:root {
  --fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";
}

:host,:root {
  --fa-style-family-classic:"Font Awesome 6 Free";
  --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";
}


/* Layout Utilities & Helpers */

.col-10,.col-12,.col-lg-10,.col-lg-2,.col-xl-10,.col-xl-12,.col-xl-2,.col-xl-9 {
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
}

header,nav {
  display:block;
}

button {
  text-transform:none;
}

.container,.container-fluid {
  width:100%;
  padding-right:0;
  padding-left:0;
  margin-right:auto;
  margin-left:auto;
}

.row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px;
}

.no-gutters>[class*=col-] {
  padding-right:0;
  padding-left:0;
}

.col-10,.col-12,.col-lg-10,.col-lg-2,.col-lg-9,.col-md-12,.col-md-9,.col-xl-10,.col-xl-12,.col-xl-2,.col-xl-9 {
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
}

.col-10 {
  -webkit-box-flex:0;
}

.col-10 {
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%;
}

.col-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%;
}

.modal {
  overflow:hidden;
}

.modal-title {
  line-height:1.5;
}

.modal-dialog {
  position:relative;
  width:auto;
  margin:.5rem;
}

.modal.fade .modal-dialog {
  -webkit-transform:translate(0,-25%);
  transform:translate(0,-25%);
}

.modal-header .close {
  padding:1rem;
  margin:-1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom:0;
}

.modal-body {
  position:relative;
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  padding:1rem;
}

.modal-footer>:not(:first-child) {
  margin-left:.25rem;
}

.modal-footer>:not(:last-child) {
  margin-right:.25rem;
}

.slicknav_btn,.slicknav_menu .slicknav_icon-bar,.slicknav_nav a,.slicknav_nav li,.slicknav_nav ul {
  display:block;
}

.slicknav_menu,.slicknav_menu * {
  box-sizing:border-box;
}

.slicknav_nav,.slicknav_nav ul {
  list-style:none;
  overflow:hidden;
}

.slicknav_btn {
  vertical-align:middle;
  float:right;
  line-height:1.125em;
  margin:5px 5px 6px;
  text-decoration:none;
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
  margin-top:.188em;
}

.slicknav_menu .slicknav_menutxt {
  line-height:1.188em;
  float:left;
}

.slicknav_menu .slicknav_icon {
  float:left;
  width:1.125em;
  height:.875em;
  margin:.188em 0 0 .438em;
}

.slicknav_menu:after {
  clear:both;
}

.slicknav_menu {
  font-size:16px;
}

.slicknav_menu .slicknav_menutxt {
  color:#fff;
  font-weight:700;
  display:none;
}

.slicknav_nav {
  clear:both;
  color:#fff;
  margin:0;
  font-size:.875em;
}

.slicknav_nav ul {
  padding:0;
  margin:0 0 0 20px;
}

.slicknav_nav a {
  padding:5px 10px;
  margin:2px 5px;
}

.slicknav_nav a {
  text-decoration:none;
  font-size:14px;
  font-weight:400;
  color:#000;
  text-transform:capitalize;
}

.slicknav_menu {
  background:0 0;
  margin:0;
  padding:0;
}

.slicknav_menu .slicknav_icon-bar {
  background-color:#fff;
  height:3px;
  margin:5px 0;
  width:30px;
  position:relative;
}

.slicknav_icon-bar {
  background:#fff!important;
}

.slicknav_nav {
  background:#fff;
  float:right;
  margin-top:30px;
  padding:0;
  width:100%;
  border-bottom:1px solid #eee;
}

.slicknav_btn {
  background-color:transparent;
  margin-bottom:10px;
  position:relative;
  z-index:99;
  border:none;
  border-radius:3px;
  top:5px;
  padding:5px;
  right:5px;
  margin-top:-5px;
}

.slicknav_menu .slicknav_icon {
  margin-right:6px;
  margin-top:3px;
  position:relative;
  right:5px;
  top:-5px;
  padding-bottom:3px;
}

.slicknav_btn {
  border:none;
  border-radius:3px;
  padding:5px;
  position:relative;
  right:0;
  top:14px;
}

.header-area .main-header-area .logo-img,.smd {
  text-align:center;
}

.modal {
  z-index:9999999!important;
}

.modal-title {
  font-weight:900;
}

.modal-body {
  color:#3b3b3b;
}

.header-area .main-header-area .main-menu ul li .submenu li,.modal-footer {
  display:block;
}

li {
  list-style:none;
}

.header-area .main-header-area .main-menu ul li a {
  text-transform:capitalize;
  text-transform:capitalize;
}

.boxed_btn_green {
  font-size:16px;
  padding:12px 30px;
  display:inline-block;
}

.boxed_btn_green {
  color:#fff;
  background:#00d363;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
  border:1px solid transparent;
}

.header-area {
  position:absolute;
  left:0;
  right:0;
  width:100%;
  top:0;
  z-index:9;
  padding-top:28px;
}

.header-area .main-header-area {
  padding:0 150px;
}

.header-area .main-header-area .main-menu {
  text-align:center;
  padding:12px 0;
}

.header-area .main-header-area .main-menu ul li {
  display:inline-block;
  position:relative;
  margin-right:50px;
}

.header-area .main-header-area .main-menu ul li a {
  color:#fff;
  font-size:16px;
  font-weight:600;
  display:inline-block;
  padding:0 0 10px;
  font-family:system-ui,Helvetica,Arial,sans-serif;
  position:relative;
}

.header-area .main-header-area .main-menu ul li a i {
  font-size:9px;
}

.header-area .main-header-area .main-menu ul li .submenu {
  position:absolute;
  left:0;
  top:140%;
  background:#fff;
  width:205px;
  z-index:2;
  box-shadow:0 0 10px rgba(0,0,0,.02);
  opacity:0;
  visibility:hidden;
  text-align:left;
}

.header-area .main-header-area .main-menu ul li .submenu li a {
  padding:10px 15px;
  position:inherit;
  display:block;
  color:#000;
}

.header-area .main-header-area .main-menu ul li .submenu li a::before {
  display:none;
}

.header-area .main-header-area .main-menu ul li:first-child a {
  padding-left:0;
}

@media (max-width:767px) {
  h1 {
    font-size:36px;
  }
  h1,h5 {
    line-height:1.2em;
  }
}

@media (min-width:576px) {
  .container {
    max-width:540px;
  }
  .modal-dialog {
    max-width:500px;
    margin:1.75rem auto;
  }
}

@media (min-width:768px) {
  .container {
    max-width:720px;
  }
  .col-md-9 {
    -webkit-box-flex:0;
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%;
  }
  .col-md-12 {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
  }
}

@media (min-width:992px) {
  .container {
    max-width:960px;
  }
  .col-lg-2 {
    -webkit-box-flex:0;
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex:0;
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%;
  }
  .col-lg-10 {
    -webkit-box-flex:0;
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%;
  }
  .d-lg-none {
    display:none!important;
  }
  .d-lg-block {
    display:block!important;
  }
}

@media (min-width:1200px) {
  .container {
    max-width:1200px;
  }
  .col-xl-2 {
    -webkit-box-flex:0;
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex:0;
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%;
  }
  .col-xl-10 {
    -webkit-box-flex:0;
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%;
  }
  .col-xl-12 {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
  }
}

@media (max-width:767px) {
  .live_chat_btn {
    width:100%!important;
  }
  .mobile_menu {
    position:absolute;
    right:0;
    width:100%;
    z-index:9;
  }
  .header-area {
    padding-top:0;
  }
  .header-area .main-header-area {
    padding:10px;
  }
  .header-area .main-header-area .logo-img {
    text-align:left;
  }
}

@media (min-width:1200px) and (max-width:1500px) {
  .header-area .main-header-area {
    padding:0 10px;
  }
  .header-area .main-header-area .main-menu ul li {
    margin-right:15px;
  }
  .header-area .main-header-area .main-menu ul li a {
    font-size:15px;
  }
}


/* Hero Banner */

.BackgroundImage,.overlay2::before {
  top:0;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
}

.BackgroundImage {
  right:0;
  bottom:0;
  object-fit:cover;
  display:none;
}

.overlay2::before {
  z-index:-1;
  content:"";
}

.overlay2 {
  position:relative;
  z-index:0;
}

.overlay2::before {
  background:linear-gradient(135deg, rgba(75,29,94,.9), rgba(198,156,86,.85));
}

.slider_area .single_slider {
  background-repeat:no-repeat;
  background-size:cover;
}

.slider_area .single_slider {
  padding-top:10rem;
  padding-bottom:10rem;
}

.slider_area .single_slider .slider_text h1 {
  color:#fff;
  font-size:60px;
  font-weight:400;
  line-height:70px;
  margin-bottom:50px;
  margin-top:10px;
}

@media (max-width:767px) {
  .live_chat_btn {
    width:100%!important;
  }
  .header-area .main-header-area .main-menu ul li a i {
    display:none!important;
  }
  .slider_area .single_slider .slider_text h1 {
    font-size:24px;
    letter-spacing:0;
    line-height:35px;
  }
  .slider_area .single_slider {
    padding-top:10rem;
    padding-bottom:10rem;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .header-area {
    padding-top:0;
  }
  .header-area .main-header-area {
    padding:10px;
  }
  .header-area .main-header-area .logo-img {
    text-align:left;
  }
  .header-area .main-header-area .main-menu ul li a i {
    display:none!important;
  }
  .slider_area .single_slider .slider_text h1 {
    font-size:30px;
    line-height:46px;
  }
  .prising_area {
    padding-top:20px;
  }
  .core_features {
    padding-bottom:0;
  }
}

@media (min-width:992px) and (max-width:1200px) {
  .header-area .main-header-area {
    padding:0 20px;
  }
  .header-area .main-header-area .logo-img {
    text-align:left;
  }
  .header-area .main-header-area .main-menu ul li {
    margin-right:20px;
  }
  .header-area .main-header-area .main-menu ul li a {
    font-size:15px;
  }
  .slider_area .single_slider .slider_text h1 {
    font-size:35px;
    line-height:45px;
  }
}


/* Paywall & Premium Offer */

#paymentModal {
  background:transparent;
  padding-top:3rem;
}

#paywall-wrapper {
  background:var(--premium-surface);
  border:1px solid rgba(75,29,94,0.12);
  border-radius:18px;
  box-shadow:0 24px 45px rgba(46,28,77,0.12);
  margin:2.5rem auto;
  max-width:760px;
  padding:2.5rem 2.25rem;
  position:relative;
}

#paywall-wrapper::before {
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(75,29,94,0.45), rgba(198,156,86,0.45));
  z-index:-1;
  filter:blur(24px);
  opacity:0.6;
}

#paywall-wrapper h2,#paywall-wrapper h3,#paywall-wrapper .faq h3,#payment-info {
  color:var(--premium-primary);
  font-family:var(--premium-font-display);
  font-weight:600;
  letter-spacing:0.01em;
}

#paywall-wrapper h2 {
  font-size:1.8rem;
  margin-bottom:0.75rem;
  text-align:left;
}

#paywall-wrapper h3,#payment-info {
  font-size:1.35rem;
  margin-top:1.75rem;
  text-align:left;
}

#paywall-wrapper p,#paywall-wrapper li,#paywall-wrapper .promotion,#paywall-wrapper .warranty,#paywall-wrapper .faq p {
  color:var(--premium-text);
  font-family:var(--premium-font-body);
  font-size:1rem;
  line-height:1.7;
}

#paywall-wrapper .promotion {
  margin-top:1.75rem;
  font-weight:600;
  background:rgba(198,156,86,0.12);
  border-radius:12px;
  padding:0.85rem 1.25rem;
  text-align:center;
}

#paywall-wrapper .warranty {
  margin-top:1rem;
  font-weight:600;
}

#paywall-wrapper .paywall-benefits {
  list-style:none;
  margin:1.5rem 0;
  padding:0;
}

#paywall-wrapper .paywall-benefits li {
  align-items:flex-start;
  border-bottom:1px solid rgba(75,29,94,0.08);
  display:flex;
  gap:0.85rem;
  padding:0.75rem 0;
}

#paywall-wrapper .paywall-benefits li:last-child {
  border-bottom:none;
}

#paywall-wrapper .paywall-benefits li .paywall-icon {
  color:var(--premium-secondary);
  font-size:1.15rem;
  line-height:1.4;
}

#paywall-wrapper .paywall-cta {
  background:linear-gradient(135deg, rgba(75,29,94,1), rgba(198,156,86,0.95));
  border:none;
  border-radius:999px;
  color:#fff;
  display:inline-flex;
  font-family:var(--premium-font-display);
  font-size:1.05rem;
  font-weight:600;
  justify-content:center;
  letter-spacing:0.02em;
  margin-top:1.5rem;
  padding:0.95rem 2.75rem;
  text-transform:none;
  transition:transform .25s ease, box-shadow .25s ease;
}

#paywall-wrapper .paywall-cta:hover {
  box-shadow:0 18px 35px rgba(75,29,94,0.25);
  transform:translateY(-2px);
}

#paywall-wrapper .paywall-cta + .paywall-cta {
  margin-left:0.5rem;
}

#countdown {
  color:var(--premium-secondary);
  font-weight:700;
  margin:1.25rem 0;
}

.paywall-actions {
  margin-left:0;
  margin-right:0;
  row-gap:1rem;
}

.paywall-countdown {
  font-size:1.05rem;
}

#paywall-wrapper .customer-reviews {
  background:rgba(75,29,94,0.05);
  border-radius:14px;
  margin:1.5rem 0;
  padding:1.5rem;
}

#paywall-wrapper .customer-review {
  align-items:center;
  display:flex;
  gap:0.75rem;
  margin-bottom:1rem;
}

#paywall-wrapper .customer-review:last-child {
  margin-bottom:0;
}

#paywall-wrapper .faq {
  background:rgba(245,240,255,0.55);
  border-radius:16px;
  margin-top:2rem;
  padding:1.75rem 1.5rem;
}

#paywall-wrapper .faq p {
  margin-bottom:1rem;
}

#payment-request-button {
  background:rgba(75,29,94,0.04);
  border-radius:12px;
  padding:1.5rem;
}

#paywall-wrapper .separator {
  align-items:center;
  display:flex;
  justify-content:center;
  margin:2rem 0;
}

#paywall-wrapper .separator::before,#paywall-wrapper .separator::after {
  content:"";
  flex:1;
  border-bottom:1px solid rgba(75,29,94,0.12);
}

#paywall-wrapper .separator span {
  background:var(--premium-surface);
  color:var(--premium-muted);
  font-weight:600;
  margin:0 1rem;
  padding:0.35rem 0.75rem;
  border-radius:999px;
  text-transform:uppercase;
  letter-spacing:0.1em;
}

.paywall-active #defResult {
  max-height:100px;
  overflow:hidden;
  position:relative;
}

.paywall-active #defResult::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:75px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), var(--premium-surface));
}

.paywall-active .paywalled-content {
  filter:blur(4px);
}

#payment-form {
  margin:0 auto;
  width:100%;
}

#payment-form .StripeElement {
  border:1px solid rgba(75,29,94,0.15);
  border-radius:12px;
  padding:0.85rem;
  background:var(--premium-surface);
}

#payment-form .StripeElement--focus {
  box-shadow:0 0 0 3px rgba(198,156,86,0.2);
  border-color:var(--premium-secondary);
}

#submit-payment {
  background:linear-gradient(135deg, rgba(32,140,108,1), rgba(126,213,160,1));
  border:none;
  border-radius:12px;
  font-weight:600;
  margin-top:1.5rem;
  padding:0.95rem 1.25rem;
  text-transform:none;
}

#submit-payment:hover {
  box-shadow:0 12px 24px rgba(32,140,108,0.25);
}

.btn-loading {
  position:relative;
  color:transparent !important;
  pointer-events:none;
}

.btn-loading::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:18px;
  height:18px;
  margin:-9px 0 0 -9px;
  border:2px solid #fff;
  border-top-color:transparent;
  border-radius:50%;
  animation:paywall-spinner .6s linear infinite;
}

@keyframes paywall-spinner {
  to {
    transform:rotate(360deg);
  }
}

.paywall-terms {
  font-size:.9rem;
  line-height:1.6;
  margin-top:1.25rem;
  text-align:left;
}

.paywall-link {
  color:var(--premium-primary);
  font-weight:600;
  text-decoration:underline;
}

@media (max-width:767px) {
  #paywall-wrapper {
    padding:2rem 1.5rem;
    margin:1.75rem auto;
  }
  #paywall-wrapper h2 {
    font-size:1.5rem;
  }
  #paywall-wrapper .paywall-cta {
    width:100%;
  }
  #paywall-wrapper .paywall-cta + .paywall-cta {
    margin-left:0;
    margin-top:1rem;
  }
  #paywall-wrapper .paywall-benefits li {
    flex-direction:column;
    align-items:flex-start;
  }
  #paywall-wrapper .customer-reviews {
    padding:1.25rem;
  }
}


/* Premium Content Blocks */

.adsContainer_1,.adsContainer_2,.adsContainer_3 {
  width:100%;
  margin-top:20px;
  min-height:280px;
  max-height:280px;
}

@media only screen and (max-width:600px) {
  .adsContainer_1,.adsContainer_2,.adsContainer_3 {
    min-height:250px;
  }
}

#card-errors {
  color:#c0392b!important;
  padding-top:10px;
  padding-bottom:10px;
}

.tabs {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:0;
}

.tab {
  padding:1rem 1.25rem;
  background:rgba(75,29,94,0.05);
  border:1px solid rgba(75,29,94,0.12);
  border-radius:12px;
  text-align:left;
  position:relative;
  cursor:pointer;
  transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;
  width:100%;
  font-weight:700;
  color:var(--premium-text);
}

.tab:hover {
  background:linear-gradient(135deg, rgba(75,29,94,0.95), rgba(198,156,86,0.9));
  color:#fff;
  box-shadow:0 16px 32px rgba(46,28,77,0.15);
}

.modal-content {
  background-clip:padding-box;
}

.modal-content {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
}

.modal {
  display:none;
  position:fixed;
  z-index:1050;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgba(0,0,0,.5);
  align-items:center;
  justify-content:center;
}

.modal-content,.modal-header {
  display:-webkit-box;
  display:-ms-flexbox;
}

.modal-content {
  position:relative;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  background-color:#fff;
  border-radius:.3rem;
  outline:0;
}

.modal-header {
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:1rem;
  border-bottom:1px solid #e9ecef;
  border-top-left-radius:.3rem;
  border-top-right-radius:.3rem;
}

.modal-footer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  padding:1rem;
  border-top:1px solid #e9ecef;
}

.justify-content-center {
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important;
}

.slicknav_menu .slicknav_icon:before {
  background:0 0;
  width:1.125em;
  height:.875em;
  display:block;
  content:"";
  position:absolute;
}

.slicknav_menu:after,.slicknav_menu:before {
  content:" ";
  display:table;
}

.modal-content {
  border-radius:13px;
}

.header-area .main-header-area .main-menu ul li a::before {
  position:absolute;
  content:"";
  background:#00d363;
  width:100%;
  height:2px;
  bottom:0;
  left:0;
  opacity:0;
  transform:scaleX(0);
}

.core_features {
  padding-top:50px;
}

.core_features {
  padding-bottom:0;
}

.core_features .border-bottm {
  border-bottom:1px solid #efe5f2;
  margin-bottom:20px;
  padding-bottom:0;
}

.fa-info:before {
  content:"\f129";
}

.fa-download:before {
  content:"\f019";
}

.fa-clone:before {
  content:"\f24d";
}

.fa-facebook-messenger:before {
  content:"\f39f";
}

.fa-linkedin:before {
  content:"\f08c";
}

.fa-facebook:before {
  content:"\f09a";
}

.fa-whatsapp:before {
  content:"\f232";
}

.fa-twitter:before {
  content:"\f099";
}

.fa-pinterest:before {
  content:"\f0d2";
}

.fa-telegram:before {
  content:"\f2c6";
}


/* Social Sharing */

.header-area .main-header-area .logo-img,.smd,.social-share {
  text-align:center;
}

.social-share {
  display:grid;
  gap:12px;
  align-items:center;
  justify-content:center;
  margin-top:1.5rem;
}

.social-share>.button {
  align-items:center;
  background:linear-gradient(135deg, rgba(75,29,94,1), rgba(198,156,86,0.9));
  border:none;
  border-radius:999px;
  color:#fff;
  display:inline-flex;
  font-family:var(--premium-font-display);
  font-size:1rem;
  font-weight:600;
  justify-content:center;
  letter-spacing:0.03em;
  padding:0.9em 1.75em;
  text-transform:none;
  transition:transform .2s ease, box-shadow .2s ease;
}

.social-share>.button:hover {
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(46,28,77,0.18);
}

.social-share>.button svg {
  margin-right:0.5rem;
}

.button-facebook,.button-twitter,.button-pinterest,.button-whatsapp,.button-linkedin,.button-telegram {
  background:linear-gradient(135deg, rgba(75,29,94,1), rgba(198,156,86,0.9));
}

/* Modern premium layout */
.firstname-section {
  padding:clamp(2.5rem,6vw,4rem) 0;
}

.firstname-section--intro {
  padding-top:clamp(3rem,8vw,5rem);
}

.firstname-section--details {
  padding-top:clamp(2rem,5vw,3.5rem);
}

.firstname-section__inner {
  max-width:1040px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:clamp(1.5rem,3vw,2.5rem);
  padding:0 1.5rem;
}

.firstname-section__inner--share {
  align-items:center;
  text-align:center;
}

.firstname-section--download .firstname-section__inner {
  align-items:center;
  text-align:center;
}

.firstname-section__title {
  margin:0;
  font-size:clamp(1.8rem,3vw,2.4rem);
  font-family:var(--premium-font-display);
  font-weight:600;
  color:var(--premium-contrast);
  letter-spacing:.02em;
}

.firstname-section__grid {
  display:grid;
  gap:clamp(1.25rem,2.5vw,2rem);
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}

.firstname-card {
  background:rgba(255,255,255,.82);
  border-radius:28px;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 28px 65px rgba(7,9,28,.3);
  backdrop-filter:blur(18px);
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:clamp(1.75rem,3vw,2.5rem);
  color:var(--premium-text);
  transition:transform .25s ease, box-shadow .25s ease;
}

.firstname-card:hover {
  transform:translateY(-4px);
  box-shadow:0 32px 70px rgba(7,9,28,.36);
}

.firstname-card--intro {
  background:rgba(255,255,255,.9);
}

.firstname-card--details,
.firstname-card--meaning,
.firstname-card--traits,
.firstname-card--numerology,
.firstname-card--compatibility,
.firstname-card--anecdotes,
.firstname-card--sources,
.firstname-card--author {
  background:rgba(255,255,255,.86);
}

.firstname-card--download {
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  color:var(--premium-contrast);
  max-width:520px;
  margin:0 auto;
  text-align:center;
  gap:1rem;
}

.firstname-card--share {
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  color:var(--premium-contrast);
  gap:1.5rem;
}

.firstname-card--paywall {
  background:linear-gradient(135deg,rgba(24,28,70,.96),rgba(16,20,52,.92));
  border:1px solid rgba(132,143,255,.45);
  box-shadow:0 40px 90px rgba(5,8,22,.7);
  color:var(--premium-contrast);
  gap:2rem;
}

.firstname-card__header {
  display:flex;
  flex-direction:column;
  gap:.75rem;
}

.firstname-card__title {
  margin:0;
  font-size:clamp(1.35rem,2.2vw,1.6rem);
  font-family:var(--premium-font-display);
  font-weight:600;
  color:var(--premium-primary);
}

.firstname-card--paywall .firstname-card__title {
  color:var(--premium-contrast);
}

.firstname-card__lead {
  margin:0;
  font-size:1.05rem;
  color:rgba(248,249,255,.75);
}

.firstname-card__subtitle {
  margin:0;
  font-weight:600;
  color:rgba(248,249,255,.72);
}

.firstname-card__body {
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}

.firstname-card__body--author {
  gap:1rem;
}

.firstname-card__text {
  margin:0;
  line-height:1.75;
  color:var(--premium-text);
}

.firstname-card__text--rich {
  white-space:pre-line;
}

.firstname-card--paywall .firstname-card__text,
.firstname-card--paywall .firstname-card__subtitle {
  color:rgba(248,249,255,.82);
}

.firstname-card__actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1rem;
}

.firstname-card__actions--stacked {
  flex-direction:column;
  align-items:stretch;
}

.firstname-card__meta {
  display:grid;
  gap:.75rem;
  text-align:center;
}

.firstname-card__list {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.75rem;
}

.firstname-card__list--links li a {
  color:var(--premium-primary);
  font-weight:600;
}

.firstname-card--paywall .firstname-card__list {
  color:rgba(248,249,255,.8);
}

.firstname-card__label {
  font-weight:600;
  font-family:var(--premium-font-display);
  letter-spacing:.04em;
  color:inherit;
}

.firstname-author {
  display:flex;
  align-items:center;
  gap:1rem;
}

.firstname-author__avatar {
  width:64px;
  height:64px;
  border-radius:50%;
  box-shadow:0 14px 32px rgba(28,32,62,.35);
}

.firstname-author__details {
  font-size:.95rem;
  line-height:1.6;
}

.premium-paywall__benefits {
  list-style:none;
  padding:0;
  margin:1.5rem 0;
  display:grid;
  gap:.75rem;
}

.premium-paywall__promotion {
  font-weight:600;
  color:rgba(248,249,255,.85);
}

.premium-paywall__countdown {
  font-weight:600;
  letter-spacing:.02em;
  color:rgba(248,249,255,.78);
}

.premium-paywall__warranty {
  margin:0;
  color:rgba(248,249,255,.86);
}

.premium-paywall__warranty--members {
  color:rgba(154,208,255,.9);
}

.premium-paywall__testimonials {
  display:flex;
  flex-direction:column;
  gap:.75rem;
  text-align:left;
  color:rgba(248,249,255,.82);
}

.premium-paywall__quotes {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.75rem;
}

.premium-paywall__faq {
  display:grid;
  gap:.75rem;
  text-align:left;
  color:rgba(248,249,255,.78);
}

.premium-paywall__separator {
  display:flex;
  align-items:center;
  justify-content:center;
  margin:1.5rem 0;
}

.premium-paywall__separator span {
  display:inline-block;
  padding:.35rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:var(--premium-contrast);
  font-size:.9rem;
  letter-spacing:.1em;
}

.premium-paywall__form {
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.premium-paywall__form-group {
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.premium-paywall__card-element {
  padding:1rem 1.25rem;
  border-radius:18px;
  border:1px solid rgba(248,249,255,.25);
  background:rgba(10,14,34,.4);
  color:var(--premium-contrast);
}

.premium-paywall__actions {
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.premium-paywall__submit {
  width:100%;
}

.premium-paywall__terms {
  font-size:.85rem;
  color:rgba(248,249,255,.7);
  margin:0;
}

.premium-paywall__terms .paywall-link {
  color:rgba(198,206,255,.95);
  text-decoration:underline;
}

.firstname-share__trigger {
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1rem 1.5rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.1);
  color:inherit;
  font-family:var(--premium-font-display);
  font-weight:600;
  letter-spacing:.04em;
  transition:transform .2s ease, background .2s ease;
}

.firstname-share__trigger:hover,
.firstname-share__trigger:focus {
  transform:translateY(-2px);
  background:rgba(255,255,255,.18);
}

.firstname-share__icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:3rem;
  height:3rem;
  border-radius:1.5rem;
  background:rgba(255,255,255,.16);
  color:var(--premium-contrast);
  font-size:1.25rem;
}

.firstname-share__options {
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}

.firstname-share__option {
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:1rem 1.25rem;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:var(--premium-contrast);
  transition:transform .2s ease, background .2s ease;
}

.firstname-share__label {
  font-weight:600;
}

.firstname-share__option:hover,
.firstname-share__option:focus {
  transform:translateY(-3px);
  background:rgba(255,255,255,.12);
  color:var(--premium-contrast);
}

.firstname-share__badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.6rem;
  height:2.6rem;
  border-radius:1.4rem;
  font-weight:600;
  letter-spacing:.05em;
  background:rgba(138,149,255,.35);
  color:var(--premium-contrast);
}

.premium-share__modal .modal-dialog {
  max-width:640px;
}

.premium-share__content {
  background:rgba(10,14,34,.92);
  border-radius:28px;
  border:1px solid rgba(132,143,255,.35);
  color:var(--premium-contrast);
  box-shadow:0 35px 80px rgba(7,9,28,.65);
}

.premium-share__header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1.5rem 2rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.premium-share__title {
  margin:0;
  font-size:1.4rem;
  font-family:var(--premium-font-display);
  font-weight:600;
}

.premium-share__close {
  background:none;
  border:none;
  color:var(--premium-contrast);
  font-size:1.5rem;
  cursor:pointer;
  line-height:1;
}

.premium-share__body {
  padding:1.5rem 2rem 0;
}

.premium-share__footer {
  padding:1.5rem 2rem 2rem;
  display:flex;
  flex-direction:column;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}

.premium-share__footer-label {
  font-size:.95rem;
  color:rgba(248,249,255,.78);
}

.premium-share__copy-row {
  display:flex;
  gap:.75rem;
  align-items:center;
}

.premium-share__input {
  flex:1;
  padding:.75rem 1rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:var(--premium-contrast);
}

.premium-share__input::placeholder {
  color:rgba(248,249,255,.55);
}

.premium-share__copy-button {
  padding:.75rem 1rem;
  border-radius:14px;
  border:none;
  background:rgba(138,149,255,.35);
  color:var(--premium-contrast);
  cursor:pointer;
  transition:background .2s ease, transform .2s ease;
}

.premium-share__copy-button:hover,
.premium-share__copy-button:focus {
  background:rgba(138,149,255,.5);
  transform:translateY(-1px);
}

.premium-content__card,
.premium-content__card--meaning,
.premium-content__card--traits,
.premium-content__card--numerology,
.premium-content__card--compatibility,
.premium-content__card--anecdotes {
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 24px 60px rgba(7,9,28,.28);
}

.premium-content__card-header,
.premium-content__card-body {
  color:var(--premium-text);
}

.premium-content__sources a {
  color:var(--premium-primary);
}

@media (max-width:992px) {
  .firstname-section__grid {
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  }

  .firstname-card {
    padding:1.75rem;
  }

  .premium-share__body,
  .premium-share__header,
  .premium-share__footer {
    padding:1.5rem;
  }
}

@media (max-width:768px) {
  .firstname-section {
    padding:2.25rem 0;
  }

  .firstname-section__inner {
    gap:1.5rem;
  }

  .firstname-section__grid {
    grid-template-columns:1fr;
  }

  .firstname-card {
    padding:1.5rem;
  }

  .firstname-card__actions {
    flex-direction:column;
  }

  .firstname-share__options {
    grid-template-columns:1fr;
  }
}

@media (max-width:575.98px) {
  .firstname-section__inner {
    padding:0 1rem;
  }

  .premium-share__copy-row {
    flex-direction:column;
    align-items:stretch;
  }

  .premium-share__copy-button {
    width:100%;
  }
}

@media (max-width:568px) {
  .social-share {
    display:flex!important;
    margin:0 0 0 -1.3rem!important;
    position:fixed!important;
    bottom:0!important;
    z-index:1!important;
    width:-webkit-fill-available!important;
    grid-gap:0px!important;
  }
}
