:root {
    --background: 245 25% 8%;
    --background-secondary: 250 30% 12%;
    --foreground: 300 20% 95%;
    --card: 250 25% 15%;
    --card-foreground: 300 15% 92%;
    --card-mystic: 260 40% 18%;
    --popover: 250 25% 15%;
    --popover-foreground: 300 15% 92%;
    --primary: 320 60% 55%;
    --primary-foreground: 300 20% 98%;
    --primary-glow: 320 70% 65%;
    --secondary: 250 50% 25%;
    --secondary-foreground: 300 15% 95%;
    --muted: 250 20% 20%;
    --muted-foreground: 280 15% 65%;
    --accent: 45 90% 65%;
    --accent-foreground: 245 25% 8%;
    --accent-glow: 45 100% 75%;
    --destructive: 0 75% 55%;
    --destructive-foreground: 300 20% 98%;
    --border: 260 30% 25%;
    --input: 260 25% 20%;
    --ring: 320 60% 55%;
    --radius: 1rem;
    --cosmic-purple: 260 70% 35%;
    --cosmic-blue: 240 80% 45%;
    --love-pink: 330 80% 65%;
    --starlight: 60 100% 90%;
    --crystal-white: 300 30% 98%;
    --gradient-cosmic: linear-gradient(135deg, hsl(var(--cosmic-purple)), hsl(var(--cosmic-blue)));
    --gradient-love: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--love-pink)));
    --gradient-mystical: linear-gradient(180deg, hsl(var(--background)), hsl(var(--background-secondary)));
    --gradient-golden: linear-gradient(135deg, hsl(var(--accent)), hsl(var(--accent-glow)));
    --shadow-mystical: 0 20px 40px -12px hsl(var(--primary) / .3);
    --shadow-cosmic: 0 25px 50px -12px hsl(var(--cosmic-purple) / .4);
    --glow-love: 0 0 30px hsl(var(--primary-glow) / .6);
    --glow-golden: 0 0 25px hsl(var(--accent-glow) / .4);
    --transition-mystical: all .4s cubic-bezier(.4, 0, .2, 1);
    --animation-float: float 6s ease-in-out infinite;
    --animation-pulse-love: pulse-love 3s ease-in-out infinite;
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
    --yellow: #f6ce55;
}

body {
    background: var(--gradient-mystical);
    min-height: 100vh;
    font-size: 16px;
    font-family: Inter, sans-serif;
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "Playfair Display", serif;
}

p {
    margin: 0;
}

h1 {
    font-size: 96px;
    font-weight: 700;
    line-height: 1;
}

h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
}

h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
}

h5 {
    font-size: 20px;
    color: hsl(var(--card-foreground));
    font-weight: 600;
    line-height: 1;
}

h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.button.center {
    margin: 0 auto;
}

.button {
    padding: 8px 48px;
    border-radius: 14px;
    border: none;
    width: fit-content;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    outline: none;
    color: hsl(var(--primary-foreground));
    background-color: hsl(var(--primary));
    box-shadow: 0 20px 40px -12px hsl(var(--primary) / .3), 0 0 30px hsl(var(--primary-glow) / .6);
    transition: all 0.4s linear;
}
.button.outline{ background-color: transparent; border: 1px solid hsl(var(--primary));}

.button svg {
    height: 16px;
    color: #fff !important;
}

.button:hover {
    scale: 1.1;
    color: hsl(var(--primary-foreground));
}
.buttonN:hover{ scale: 1;}

.pad100 {
    padding: 100px 0;
}

.text-love-pink {
    color: hsl(var(--love-pink));
}

.love {
    background: var(--gradient-love);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cosmic {
    background: var(--gradient-cosmic);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.golden {
    background: var(--gradient-golden);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.maintitle {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 80px;
}

.maintitle p.subtitle {
    color: hsl(var(--accent));
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    padding: 12px 24px;
    background-color: hsl(var(--card) / .2);
    border-color: hsl(var(--border) / .3);
    border-style: solid;
    border-width: 1px;
    border-radius: 9999px;
    width: fit-content;
    margin: 0 auto;
}

.maintitle p.blur.subtitle {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.maintitle p.subtitle svg {
    height: 20px;
    width: 20px;
    color: #ed5ea6;
}

.maintitle p {
    font-size: 20px;
    color: hsl(var(--muted-foreground));
    max-width: 48rem;
    margin: 0 auto;
}

.background_box {
    border-radius: 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: hsl(var(--border));
    background-color: hsl(var(--card) / .8);
    padding: 1.5rem;
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    box-shadow: 0 25px 50px -12px hsl(var(--cosmic-purple) / .4);
}

.bannerSection .container {
    position: relative;
    z-index: 1;
}

.bannerSection {
    position: relative;
    min-height: calc(100vh - 85px);
    background: linear-gradient(rgba(15, 15, 35, 0.8), rgba(25, 20, 50, 0.9)), url(../images/bannerimg.jpg)no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    display: flex; align-items: center;
}

.bannerContent {
    padding: 40px 0;
    text-align: center;
}

.bannerContent .ancient_Numerology {
    color: var(--yellow);
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.bannerContent .ancient_Numerology svg {
    height: 20px;
}
.mt50{ margin-top: 25px;}
.bannerSection .flotIconSection {
    position: absolute;
    inset: 0;
    margin: auto;
}

.bannerSection .flotIconSection .flotIcon {
    position: absolute;
    animation: float 6s ease-in-out infinite;
}

.bannerSection .flotIconSection .flotIcon.one {
    top: 5rem;
    left: 5rem;
}

.bannerSection .flotIconSection .flotIcon.two {
    top: 10rem;
    right: 8rem;
}

.bannerSection .flotIconSection .flotIcon.three {
    left: 8rem;
    bottom: 8rem;
}

.bannerSection .flotIconSection .flotIcon.four {
    top: 8rem;
    right: 5rem;
}

.animate-bounce.scrollMouse {
    position: absolute;
    inset: 0;
    margin: auto;
    bottom: 20px;
    top: auto;
    width: fit-content;
    height: fit-content;
}

.animate-bounce .scrollMouseBox {
    border: 1px solid #aa98b3;
    width: 1.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
}

.animate-bounce .scrollMouseBox .scrollMouseLine {
    width: .25rem;
    height: .75rem;
    margin-top: .5rem;
    background-color: #aa98b3;
    border-radius: 999px;
}

.animate-bounce {
    animation: bounce 1s infinite;
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
    }
}

.bannerContent .bannerMainText {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.bannerContent .bannerMainText h1{ font-size: 50px;}

.bannerContent .bannerMainText p {
    font-size: 24px;
    color: hsl(var(--muted-foreground));
    max-width: 48rem;
    margin: 0 auto;
}
.bannerContent .bannerMainText p.ancient_Numerology{ color: var(--yellow); font-size: 16px;}

.buttonArrows{ position: relative; width: fit-content; margin: 0 auto;}
.buttonArrows .arrow{ position: absolute; height: 100%; left: -20px;  top: 100%; }
.buttonArrows .arrow img{ height:100%;}
.buttonArrows .arrow.right{ left: auto; right: -20px; transform: scaleX(-1); }
.zodiac-wrapper a{ position: absolute; inset: 0; height: 100%; width: 100%; z-index: 4;}
.discovery_form .step{display:none}
.discovery_form .step.active{display:block}
.discovery_form.numerology_form{ flex-direction: column; max-width: 600px; margin: 0 auto; padding: 0; gap: 25px; display: none;}
.discovery_form.numerology_form .inputBox{ width: 100%; gap: 0;}
.discovery_form.numerology_form .buttonSection{ margin: 0;}
.discovery_form.numerology_form .inputBox label{ flex-direction: column; font-size: 25px;font-family: "Playfair Display", serif; text-align: center; justify-content: center; font-weight: 700; margin-bottom: 15px;}
.discovery_form .inputBox input[type="date"]{ background:  url(../images/calendar.svg) no-repeat right 10px center,  linear-gradient(#100f1a, #100f1a);  background-size: 22px; }
.discovery_form .inputBox input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0;  cursor: pointer;}
.loading-screen {
  opacity: 0;
  animation: fadeIn 0.8s ease forwards;
}
.discovery_form.numerology_form .progress-bar{ background-color: hsl(var(--primary));}
.loading-text{ color: #fff;}
.progress-container {
  position: relative;
  width: 80%;
  max-width: 400px;
  height: 12px;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
}

.progress-bar-load {
  position: absolute;
  top: 0; left: 0;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #ff5f6d, #ffc371);
  border-radius: 10px;
  transition: width 3s linear;
}

@keyframes fadeIn {
  to { opacity: 1; }
}

.connection_made_section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    color: hsl(var(--muted-foreground));
    font-size: 14px;
    justify-content: center;
    margin-top: 32px;
}

.connection_made_section .connection_made {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.connection_made_section .connection_made .lucide {
    height: 16px;
    width: 16px;
    color: hsl(var(--accent));
}

.lucide.lucide-star {
    color: hsl(var(--accent));
}

.lucide.lucide-heart {
    color: #ed5ea6;
}

.lucide.lucide-sparkles {
    color: hsl(var(--starlight));
}

.connection_made_section .bulletPoint {
    height: 4px;
    width: 4px;
    background-color: hsl(var(--muted-foreground));
    border-radius: 4px;
}

.bannerContent .happy_couple {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    color: hsl(var(--muted-foreground));
    margin-top: 32px;
    font-size: 14px;
}

.bannerContent .happy_couple .happy_couple_big {
    font-size: 24px;
    font-weight: 700;
}

.destiny_today_section {
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    align-items: center;
}

.destiny_today_section .destiny_today_content,
.destiny_today_section .destiny_today_img {
    width: calc(50% - 32px);
}

.destiny_today_section .destiny_today_content {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.destiny_today_box {
    width: calc(50% - 16px);
    color: hsl(var(--muted-foreground));
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.3s linear;
}

.destiny_today_box svg {
    height: 32px;
    color: hsl(var(--primary-glow));
    transition: all 0.3s linear;
}

.destiny_today_box:hover svg {
    color: hsl(var(--accent));
}

.destiny_today_box:hover {
    scale: 1.05;
}

.destiny_today_section .destiny_today_img .destiny_Img img {
    border-radius: 24px;
}

.destiny_today_section .destiny_today_img .destiny_Img {
    position: relative;
}

.destiny_today_section .destiny_today_img .destiny_Img .roundCircle {
    height: 64px;
    width: 64px;
    border-radius: 64px;
    background-color: #ed5ea589;
    position: absolute;
    top: -20px;
    right: -20px;
    animation: float 2s infinite linear;
}

.destiny_today_section .destiny_today_img .destiny_Img .roundCircle.yellow {
    height: 48px;
    width: 48px;
    background-color: var(--yellow);
    top: auto;
    right: auto;
    left: -20px;
    bottom: -20px;
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.soulmates_found_section {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    margin-top: 80px;
}

.soulmates_found_section .soulmates_found_box {
    width: calc(25% - 24px);
    color: hsl(var(--muted-foreground));
    text-align: center;
}

.soulmates_found_section .soulmates_found_box .soulmates_big {
    font-size: 36px;
    font-weight: 700;
}

.awaits_Discovery_title {
    margin-top: 10px;
}

.discovery_form {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 56rem;
    margin: 0 auto;
    padding: 2rem;
}

.discovery_form .inputBox {
    width: calc(50% - 12px);
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
}

.discovery_form .inputBox input,
.discovery_form .inputBox select {
    width: 100%;
    background-color: hsl(var(--background));
    border: 1px solid;
    border-color: hsl(var(--input));
    border-radius: calc(var(--radius) - 2px);
    padding: 8px 12px;
    color: hsl(var(--card-foreground));
    height: 45px;
}

.discovery_form .inputBox input:focus,
.discovery_form .inputBox select:focus {
    box-shadow: rgba(16, 15, 25, 0.992) 0px 0px 0px 1.98558px, rgba(209, 71, 163, 0.992) 0px 0px 0px 3.97116px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    outline-color: rgba(245, 240, 245, 0.008);
    outline-offset: 1.975px;
    outline-width: 0px;
}

.discovery_form .inputBox label {
    color: hsl(var(--card-foreground));
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.discovery_form .inputBox label svg {
    color: #ed5ea6;
    height: 16px;
    width: 16px;
}

.discovery_form .buttonSection {
    width: 100%;
    margin-top: 32px;
}

.discovery_form .buttonSection p {
    color: hsl(var(--muted-foreground));
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
}

.inputBox select {
    appearance: none;
    background: url(../images/dropDownBlack.svg) no-repeat;
    background-position: center right 12px;
    background-size: 15px;
}

.couples_found {
    color: hsl(var(--card-foreground));
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.couples_found .verified_purchase {
    display: flex;
    align-items: center;
    gap: 20px;
}

.couples_found .verified_purchase .star {
    font-size: 20px;
    color: var(--yellow);
}

.couples_found .verified_purchase .verified_purchase_text {
    color: hsl(var(--accent));
    background-color: hsl(var(--accent) / .2);
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 12px;
}

.profileDetails {
    display: flex;
    align-items: center;
    gap: 10px;
}

.profileDetails .profileImg {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 48px;
    background-color: #ed5ea6;
}

.profileDetails .profileText p {
    font-weight: 700;
    color: hsl(var(--card-foreground));
}

.profileDetails .profileText p.small {
    font-weight: 400;
    color: hsl(var(--muted-foreground));
}

.couples_found .quoteSymbol {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    background-color: #ed5ea6;
    border-radius: 32px;
    position: absolute;
    top: -10px;
    left: -10px;
}

.couples_found .quoteSymbol svg {
    height: 16px;
}

.personalized_Soulmate_Sketch {
    color: hsl(var(--muted-foreground));
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.personalized_Soulmate_Sketch h4 {
    color: #ed5ea6;
}

.personalized_Soulmate_Sketch img {
    border-radius: 16px;
}

.personalized_Soulmate_Sketch .smallText {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.personalized_Soulmate_Sketch .smallText svg {
    height: 16px;
    width: 16px;
}

.personalized_Soulmate_Sketch .smallText p {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.happy_customers_content {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    align-items: center;
    justify-content: center;
}

.happy_customers_content .profileImg .black {
    color: black;
}

.happy_customers_content .profileImg:has(.black) {
    background-color: var(--yellow);
}

.happy_customers_content .profileImg:has(.lucide-quote) {
    background-color: hsl(var(--cosmic-blue));
}

.maintitle p.subtitle svg.text_accent {
    color: var(--yellow);
}

.frequently_Asked_accordion {
    max-width: 896px;
    margin: 0 auto;
}

.frequently_Asked_accordion .accordion-button {
    padding: 0;
    background-color: transparent;
}

.frequently_Asked_accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-width: 0px;
}

.frequently_Asked_accordion .accordion-item {
    padding: 0 24px;
    border-color: hsl(var(--border) / .3);
    border: 1px solid;
    border-radius: 16px;
}

.frequently_Asked_accordion .accordion-item+.accordion-item {
    margin-top: 10px;
}

.frequently_Asked_accordion .accordion-item .accordion-button {
    padding: 24px 0;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 700;
    color: hsl(var(--card-foreground));
    box-shadow: none !important;
}

.frequently_Asked_accordion .accordion-item .accordion-button svg {
    height: 20px;
    width: 20px;
    color: #ed5ea6;
}

.frequently_Asked_accordion .accordion-item .accordion-button::after {
    display: none;
}

.frequently_Asked_accordion .accordion-item .accordion-button .dropdownArrow {
    margin-left: auto;
    color: hsl(var(--card-foreground));
    transition: all 0.5s linear;
}

.frequently_Asked_accordion .accordion-item .accordion-button .lucide-sparkles {
    color: #ed5ea6;
}

.frequently_Asked_accordion .accordion-item .accordion-button:not(.collapsed) .dropdownArrow {
    transform: rotate(-180deg);
}

.frequently_Asked_accordion .accordion-item .accordion-button:hover {
    color: #ed5ea6;
    text-decoration: underline;
}

.frequently_Asked_accordion .accordion-item .accordion-button:hover .dropdownArrow {
    color: #ed5ea6;
}

.frequently_Asked_accordion .accordion-item .accordion-body p {
    color: hsl(var(--muted-foreground));
    font-size: 14px;
}

.frequently_Asked_accordion .accordion-item .accordion-body {
    padding-top: .5rem;
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.still_have_questions {
    margin: 0 auto;
    max-width: 430px;
    margin-top: 64px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.still_have_questions h4 {
    color: #ed5ea6;
}

.still_have_questions p {
    color: hsl(var(--muted-foreground));
}

.still_have_questions p.small {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.footer_section {
    color: hsl(var(--muted-foreground));
}

.footer_logo_section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_logo_section p {
    max-width: 448px;
}

.footer_logo_section .footer_logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer_logo_section .footer_logo .footer_logo_icon {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 48px;
    background-color: #ed5ea6;
}

.footer_logo_section .footer_logo p {
    font-size: 24px;
    color: #ed5ea6;
    font-weight: 700;
}

.footer_logo_section .footer_success {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer_logo_section .footer_success .footer_success_text {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.footer_logo_section .footer_success .footer_success_text svg {
    height: 16px;
    width: 16px;
}

.footer_content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 10px;
    padding: 64px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #392d534d;
}

.footer_content .footer_logo_section {
    width: calc(50% - 6.67px);
}

.footer_content .footer_link {
    width: calc(25% - 6.67px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_content .footer_link h6 {
    color: hsl(var(--card-foreground));
}

.footer_content .footer_link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer_content .footer_link ul li a {
    font-size: 14px;
    color: hsl(var(--muted-foreground));
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer_content .footer_link ul li a svg {
    height: 16px;
    width: 16px;
    color: #ed5ea6;
}

.footer_content .footer_link ul li a:hover {
    color: #ed5ea6;
}

.footer_copyRight {
    padding: 32px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
    font-size: 14px;
}

.footer_copyRight_text,
.footer_copyRight_link {
    width: 100%;
    text-align: center;
}

.footer_copyRight_link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
}

.footer_copyRight_link ul li a {
    font-size: 14px;
    color: hsl(var(--muted-foreground));
    text-decoration: none;
}

.footer_copyRight_link ul li a:hover {
    color: #ed5ea6;
}

.footer_copyRight_small {
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.love_loader {
    width: 100%;
    height: 22px;
    border-radius: 20px;
    color: #ffffff4f;
    border: 2px solid;
    position: relative;
    margin-top: 40px;
}

.love_loader::before {
    content: "";
    position: absolute;
    margin: 2px;
    inset: 0 100% 0 0;
    border-radius: inherit;
    background: linear-gradient(to right, #ed5ea6 0%, #f6ce55 45%, #1717cf 100%);
    animation: l6 7s infinite;
}

@keyframes l6 {
    100% {
        inset: 0
    }
}

.redirect_click {
    margin-top: 40px !important;
    font-size: 16px !important;
    text-align: center;
}

.redirect_click a {
    text-decoration: underline;
}

.soulmateNumberSection .bannerContent .bannerMainText p{ font-size: 18px; }
.instantResults{ display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;}
.soulmateNumberSection .bannerContent .bannerMainText .instantResults p, .instantResults p{ padding: 5px 20px; border-radius: 50px; border: 1px solid #ed5ea6; font-size: 16px; width: fit-content; margin: 0;}
.soulmateNumberSection  .bannerContent .bannerMainText{ gap: 24px;}
.soulmateNumber_form.discovery_form .inputBox{ width: 100%;}
.soulmateNumber_form.discovery_form .inputBox label {flex-direction: column;font-size: 25px;font-family: "Playfair Display", serif;text-align: center;justify-content: center;font-weight: 700;margin-bottom: 15px;}
.soulmateNumber_form.discovery_form{ max-width: 550px;}
.soulmateNumber_form.discovery_form .button{ margin: 0 auto;}
.loaderSoulmateNumber{ display: flex; flex-direction: column; gap: 24px; justify-content: center; color: #aa98b3;}
.soulLoader { width: 48px; height: 48px; margin: 0 auto; border: 5px solid #aa98b3; border-bottom-color: #ed5ea6; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite;    }
@keyframes rotation {0% {    transform: rotate(0deg);}100% {    transform: rotate(360deg);}} 

.soulmate_number_is{border: 1px solid #000; background: rgb(255 255 255 / .14); border-radius: 30px; backdrop-filter: blur(5.5px); -webkit-backdrop-filter: blur(5.5px); max-width: 800px; margin: 30px auto; color: #fff; padding: 50px; box-shadow: 0 4px 30px rgb(0 0 0 / .1); display: flex; flex-direction: column; gap: 20px;}
.soulmate_number_is .imagenumber{ height: 300px; margin: 0 auto; }
.soulmate_number_is ul{ margin: 0; list-style: none; padding: 0;}
.soulmate_number_is hr{ margin: 0;}
.soulmate_number_is :where(h1,h2,h3,h4,h5,h6){ color: hsl(var(--card-foreground));}

/* HTML: <div class="loader"></div> */
.progressbar_loader {width:300px;height: 20px;border-radius: 20px;background: repeating-linear-gradient(135deg,#f03355 0 10px,#ffa516 0 20px) 0/0%   no-repeat, repeating-linear-gradient(135deg,#ddd    0 10px,#eee    0 20px) 0/100%;animation: l3 5s infinite; margin: 0 auto;}
@keyframes l3 {  100% {background-size:100%} }

@media (max-width:991.98px) {
    .pad100 {
        padding: 64px 0;
    }
    h1 {
        font-size: 70px;
    }
    .bannerContent .bannerMainText p {
        font-size: 20px;
    }
    .destiny_today_section .destiny_today_content,
    .destiny_today_section .destiny_today_img {
        width: 100%;
    }
    .soulmates_found_section .soulmates_found_box {
        width: calc(50% - 16px);
    }
    .footer_content .footer_logo_section {
        width: 100%;
    }
    .footer_content .footer_link {
        width: calc(50% - 5px);
    }
    .footer_content {
        padding: 40px 0;
    }
}

@media (max-width:767.98px) {
    .pad100 {
        padding: 44px 0;
    }
    h1 {
        font-size: 60px;
    }
    h2 {
        font-size: 40px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
    h6 {
        font-size: 14px;
    }
    .discovery_form .inputBox {
        width: 100%;
    }
    .footer_copyRight_text,
    .footer_copyRight_link {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .footer_copyRight_link ul {
        justify-content: center;
    }
    .discovery_form {
        padding: 1rem;
    }
    .button {
        font-size: 16px;
        padding: 8px 20px;
    }
    .bannerContent .bannerMainText p {
        font-size: 16px;
    }
    .soulmates_found_section .soulmates_found_box .soulmates_big {
        font-size: 25px;
    }
    .background_box {
        padding: 1rem;
    }
    .maintitle p {
        font-size: 16px;
    }
    .bannerContent {
        padding-top: 40px;
    }
}

@media (max-width:567.98px) {
    body {
        font-size: 14px;
    }
    .bannerContent .bannerMainText h1{ font-size: 40px;}
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 32px;
    }
    .footer_content .footer_link {
        width: 100%;
    }
    .maintitle p.subtitle {
        font-size: 14px;
    }
    .maintitle p.subtitle svg {
        display: none;
    }
    .destiny_today_box {
        width: 100%;
    }
    .soulmates_found_section .soulmates_found_box .soulmates_small {
        font-size: 14px;
    }
    .frequently_Asked_accordion {
        padding: 0;
    }
    .love_number_content h3 {
        font-size: 20px;
    }
    .salesCopyWritingContent.love_number_content {
        padding: 15px;
        margin: 25px 0;
    }
    .d-flex.justify-content-between.mt50 {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }


}