.faq-container {
            font-family: 'Poppins', sans-serif;
            width: 90%;
            max-width: 800px;
            margin: 40px auto;
            border-radius: 15px;
            background: rgba(0, 0, 0, 0.7);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5), 0 0 15px rgba(255, 165, 0, 0.3);
            overflow: hidden;
        }

        .faq {
            border-bottom: 1px solid rgba(255, 165, 0, 0.2);
        }

        .faq:last-child {
            border-bottom: none;
        }

        .faq-title {
            background: linear-gradient(90deg, #1e1e1e, #ff5500);
            color: #fff;
            font-weight: bold;
            padding: 15px 20px;
            cursor: pointer;
            font-size: 1.2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: background 0.5s, transform 0.3s;
            text-shadow: 0 0 5px #ffa500, 0 0 10px #ff7700;
        }

        .faq-title:hover {
            background: linear-gradient(90deg, #ff7700, #ff4500);
            transform: scale(1.02);
        }

        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.6s ease, padding 0.6s ease;
            padding: 0 20px;
        }

        .faq-content.expanded {
            max-height: 1500px;
            padding: 15px 20px;
        }

        .faq-content p {
            font-family: 'Poppins', sans-serif;
            font-size: 1rem;
            line-height: 2;
            color: #ddd;
            text-align: left;
            margin: 10px 0; /* Additional spacing between paragraphs */
        }

        .faq-icon {
            font-size: 1.5rem;
            color: #ffa500;
            text-shadow: 0 0 5px #ffa500, 0 0 10px #ff5500;
            transition: transform 0.3s;
        }

        .faq-icon.rotated {
            transform: rotate(45deg);
        }

        /* Glowing border around the FAQ container */
        .faq-container::before {
            content: '';
            position: absolute;
            top: 180px;  /* Glowing border around the FAQ container */
            left: 50%;
            transform: translateX(-50%);
            width: 90%;
            height: 45%;
            border-radius: 15px;
            border: 2px solid rgba(255, 165, 0, 0.4);
            box-shadow: 0 0 20px rgba(255, 165, 0, 0.3), 0 0 30px rgba(255, 165, 0, 0.2);
            z-index: -1;
        }



.whatsapp-link {
  display: inline-block;
  color: #25D366; /* WhatsApp Green */
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #25D366;
  padding: 6px 12px;
  border-radius: 5px; /* Rounded corners */
  transition: all 0.3s ease; /* Smooth effect */
  margin-left: 73px;

}

.whatsapp-link:hover {
  background-color: #25D366; /* Green background on hover */
  color: #fff; /* White text */
  box-shadow: 0 0 10px #25D366; /* Glow effect */
}



        /* Footer Styling */
#footer {
    position: relative; /* Fix the footer at the bottom of the viewport */
    bottom: 0; /* Align it with the bottom */
    left: 0; /* Start from the left edge */
    right: 0; /* Stretch to the right edge */
    top: 19.5rem;
    background: linear-gradient(
        180deg,
        rgba(255, 69, 0, 0.2) 0%,    /* Subtle neon glow at the top */
        rgba(20, 30, 40, 0.95) 20%, /* Darker and semi-transparent */
        rgba(10, 20, 30, 1) 50%,    /* Solid dark center */
        rgba(20, 30, 40, 0.8) 80%,  /* Gradual dissipation */
        rgba(20, 30, 40, 0.3) 100%  /* Transparent fade at the bottom */
    );
    color: #ecf0f1;
    padding: 20px 0px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    width: 100%; /* Ensure full-width */
    z-index: 1000; /* Ensure it appears on top of content */
    box-shadow: 0px 0px 35px 10px rgba(255, 57, 0, 0.3); /* Extended outer glow effect */

}

.footer-content {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    justify-content: center; /* Center the items vertically */
    align-items: center; /* Center the items horizontally */
    flex-wrap: nowrap; /* Prevent wrapping since items are now stacked */
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 0px; /* Adjusted padding for a balanced layout */

}


.footer-section {
    margin: 10px 0;
}

.footer-link {
    color: #ecf0f1;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: color 0.3s ease;
}

.footer-link:hover {
    color: #f39c12;
}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.social-icon img {
    width: 22px;
    height: 22px;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.social-icon img:hover {
    transform: scale(1.2);
    filter: brightness(1.2);
}

.end-of-site p {
    font-family: 'Cinzel', sans-serif;
    font-size: 14px;
    color: #bdc3c7;
    margin-top: 20px;
}

@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
    }

    .social-icons {
        margin-top: 20px;
    }
}

.buy-buttons-container {
    position: relative;
    width: 300px; /* Expand the container */
    height: 150px; /* Increase height for better positioning */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 33%;
}

/* Old Price Button - Smaller & Positioned at Top-Left */
.old-price {
    position: absolute;
    top: -6px;
    margin-left: -19rem;
    transform: scale(0.8);
    background-color: #ccc;
    color: #333;
    font-weight: bold;
    pointer-events: none;
}

/* Strikethrough Effect */
.strikethrough {
    position: relative;
    display: inline-block;
    color: red;
    font-weight: bold;
}

.strikethrough::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: red;
    transform: rotate(-10deg);
}


/* Subtle Glow Effect */
.glow-effect {
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.7;
    animation: pulse 1.5s infinite alternate;
}




        /* Responsive Fixes for Mobile */
        @media (max-width: 768px) {
        .faq-container {
            width: 95%;
            margin: 20px auto;
            padding: 10px;
        }

        .faq-title {
            font-size: 1rem; /* Smaller font for smaller screens */
            padding: 10px 15px;
        }

        .faq-content p {
            font-size: 0.75rem; /* Slightly smaller text for readability */
            line-height: 2.1; /* Adjusted spacing for mobile */
            text-align: left;
        }

        .faq-icon {
            font-size: 1rem;
        }
             /* Fix for glowing border on smaller screens */
        .faq-container::before {
            display: none; /* Hides the glowing border on mobile to avoid layout issues */
        }

        a.whatsapp-link {
            color: #ff4500 !important; /* Red-gold color for all states */
            font-weight: bold;
            text-decoration: none; /* Removes underline */
            transition: color 0.3s, text-shadow 0.3s; /* Smooth transition for hover effects */
        }

        a.whatsapp-link:visited {
            color: #ff4500 !important; /* Ensures visited links are red-gold */
        }

        a.whatsapp-link:hover {
            color: #ffd700 !important; /* Gold color on hover */
            text-shadow: 0 0 5px #ffd700, 0 0 10px #ff4500; /* Glowing effect */
        }

        a.whatsapp-link:active {
            color: #ff7700 !important; /* Slightly darker red-gold on active click */
        }

        /* Reset all browser link styles for this link */

        a.whatsapp-link:link,
        a.whatsapp-link:visited,
        a.whatsapp-link:hover,
        a.whatsapp-link:active {
        text-decoration: none !important; /* No underline */
        color: inherit !important; /* Ensures custom color is applied */
    }

    .buy-buttons-container
    {
    left: 9.3%;
    }
    .old-price {
    margin-left: -12rem;
    }

    }



/******************************/
/* YLF Widget */
/******************************/


.ylf-faq {
      position: relative;
      width: 100%;
      max-width: 900px;
      min-height: 220px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
      top: 15.3rem;
      bottom: 2rem;
    }


.ylf-widget {
      position: relative;
      width: 100%;
      max-width: 900px;
      min-height: 220px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
      top: 12rem;
      bottom: 2rem;
    }

    .ylf-background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, rgba(26, 255, 253, 0.1), rgba(255, 140, 0, 0.1));
      border: 2px solid rgba(26, 255, 253, 0.6);
    }

    #particles-js {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }

    .ylf-content {
      position: relative;
      z-index: 2;
      padding: 30px;
      color: #333;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .ylf-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
    }

    .ylf-logo {
      font-size: 28px;
      font-weight: 700;
      background: linear-gradient(90deg, #ff4500, #ff8c00);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      display: flex;
      align-items: center;
    }

    .ylf-logo svg {
      margin-right: 10px;
    }

    .ylf-tagline {
      font-size: 16px;
      color: #666;
      margin-bottom: 20px;
    }

    .ylf-description {
      font-size: 18px;
      line-height: 1.6;
      margin-bottom: 30px;
      color: aliceblue;
    }

    .ylf-interaction {
      background: rgba(255, 255, 255, 0.9);
      border-radius: 15px;
      padding: 10px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    }
.ylf-input-container {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    max-width: 600px;
    position: relative;
}

.ylf-input {
    width: 100%;
    min-height: 50px; /* Default height */
    max-height: 200px; /* Maximum height before scrolling */
    border: none;
    background: rgba(240, 240, 240, 0.7);
    border-radius: 10px;
    padding: 12px 15px;
    font-size: 16px;
    color: #333;
    outline: none;
    resize: none; /* Prevent manual resizing */
    overflow-y: auto; /* Enable scrolling if needed */
    line-height: 1.5;
    transition: height 0.2s ease-in-out;
}


    .ylf-input:focus {
      box-shadow: 0 0 0 2px rgba(26, 255, 253, 0.6);
    }

    .ylf-button {
      background: linear-gradient(90deg, #ff4500, #ff8c00);
      border: none;
      color: white;
      border-radius: 10px;
      padding: 12px 20px;
      margin-left: 10px;
      cursor: pointer;
      font-weight: 600;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .ylf-button:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(255, 69, 0, 0.3);
    }

    .ylf-button svg {
      margin-left: 8px;
    }

    .ylf-response {
      min-height: 60px;
      font-size: 16px;
      line-height: 1.5;
      color: #333;
      overflow: hidden;
    }

    .ylf-response.typing::after {
      content: "|";
      animation: blink 1s infinite;
    }

    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }

    .ylf-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 20px;
    }

    .ylf-cta {
      display: inline-block;
      color: #ff4500;
      text-decoration: none;
      font-weight: 600;
      padding: 8px 16px;
      border-radius: 8px;
      transition: all 0.3s ease;
    }

    .ylf-cta:hover {
      background: rgba(255, 69, 0, 0.1);
      transform: translateX(3px);
    }

    .ylf-cta svg {
      margin-left: 5px;
      vertical-align: middle;
    }

    .ylf-pills {
      display: flex;
      gap: 8px;
    }

    .ylf-pill {
      font-size: 12px;
      background: rgba(26, 255, 253, 0.1);
      color: #008b8b;
      padding: 5px 10px;
      border-radius: 30px;
      font-weight: 500;
    }

  .ylf-faq .p2-container {
    font-size: 10px; /* Adjust font size as needed */
    text-align: right; /* Aligns text to the right */
    /* Alternatively, you can use float: right; */
  }

        .ylf-faq h3 {
    margin-bottom: 0.3rem; /* Adjust as needed */
        margin-top: 0.2rem; /* Adjust as needed */
  }
      .ylf-faq p {
    margin-bottom: 0px; /* Adjust as needed */
  }


    @media (max-width: 600px) {
      .ylf-widget {
        min-height: 400px;
      }

      .ylf-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
      }

      .ylf-description {
        font-size: 14.4px;
      }

      .ylf-tagline {
        font-size: 14.4px;
        margin-bottom: 10px;
      }

      .ylf-input-container {
        flex-direction: column;
      }

      .ylf-button {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
      }

      .ylf-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
      }

      .ylf-pills {
        margin-top: 10px;
        flex-wrap: wrap;
      }

      .ylf-faq {
      top: 3rem;
      }

      .ylf-widget {
      top: 5rem;

      }
     .ylf-faq {
     min-height: 140px;
     }

    #footer {
    top: 13rem;
    }
    }


/* ------------------------------------------------------------------
 * Free-Forever pricing block — replaces the old strikethrough +
 * discounted-price button pair. The course is free; the strike-through
 * "400 LEI" is kept purely as visual anchor for what it used to cost.
 * ------------------------------------------------------------------ */
.price-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

/* Override the legacy button-flavoured .old-price rules inside the
   price-display context — here it's a plain inline span, not a button. */
.price-display .old-price {
    position: relative;
    display: inline-block;
    margin: 0;
    transform: none;
    background: none;
    pointer-events: auto;
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    line-height: 1.1;
}

.price-display .old-price::after {
    content: "";
    position: absolute;
    left: -0.22em;
    right: -0.22em;
    top: 50%;
    height: 3px;
    background: #ff1717;
    border-radius: 999px;
    transform: translateY(-50%) rotate(-7deg);
    box-shadow: 0 0 8px rgba(255, 23, 23, 0.65);
    pointer-events: none;
}

.price-display .free-forever {
    position: relative;
    font-family: 'Cinzel', serif;
    font-size: clamp(1.6rem, 3vw + 0.6rem, 2.6rem);
    font-weight: bold;
    background: linear-gradient(90deg, #ff4500, #ffd700);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-shadow: 0 0 12px rgba(255, 140, 0, 0.4);
    letter-spacing: 2px;
    text-align: center;
}

.price-display .free-forever::before,
.price-display .free-forever::after {
    content: none;
}

/* Countdown Timer */
.countdown-container {
    background: #1a1a1a;
    padding: 1rem;
    border-radius: 12px;
    text-align: center;
    margin: 2rem auto;
    max-width: 600px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.countdown-container h3 {
    color: #fff;
    font-family: 'Inter', sans-serif;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.countdown {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.time-block {
    background: #262626;
    padding: 1rem;
    border-radius: 8px;
    min-width: 80px;
}

.number {
    color: #4f46e5;
    font-family: 'Space Mono', monospace;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.label {
    color: #a1a1aa;
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}