/* Additional mobile fixes - April 2025 */

/* Hide mouse follower */
#follower {
  display: none !important;
}

/* Fix mobile text overlap by adding more padding */
@media (max-width: 767px) {
  /* Move the No-Code FAQ section down to prevent overlap */
  #faq, .faq-area, .faq-section {
    margin-top: 700px !important;
  }

  /* Fix FAQ text overlap and improve spacing */
  .faq-area, .faq-section, .faq-content, .section-title, .section-title h2, .section-title p {
    word-break: break-word;
    white-space: normal !important;
    overflow-wrap: break-word;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
    padding: 0 10px !important;
  }
  /* Add extra side padding to FAQ questions and answers */
  .faq-area p, .faq-area h2, .faq-area h3, .faq-area h4, .faq-area li, .faq-area ul, .faq-area .panel-body, .faq-area .panel-title,
.faq-section p, .faq-section h2, .faq-section h3, .faq-section h4, .faq-section li, .faq-section ul, .faq-section .panel-body, .faq-section .panel-title,
.faq-content p, .faq-content h2, .faq-content h3, .faq-content h4, .faq-content li, .faq-content ul, .faq-content .panel-body, .faq-content .panel-title {
    padding-left: 22px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
  }

  /* Add strong left and right padding to div.container */
  div.container {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  /* Ensure FAQ questions and answers stack properly */
  .faq-area .panel, .faq-section .panel, .faq-content .panel {
    margin-bottom: 22px !important;
    padding: 10px 0 !important;
    border-bottom: 2px solid #e0e0e0 !important;
    display: block;
    width: 100%;
  }

  /* Remove last border for last FAQ item */
  .faq-area .panel:last-child, .faq-section .panel:last-child, .faq-content .panel:last-child {
    border-bottom: none !important;
  }

  /* Center and space action buttons (e.g., Enroll Now, Curriculum) */
  .comman-btn, .cta-btn, .btn, .enroll-btn {
    display: block !important;
    width: 96% !important;
    margin: 18px auto 0 auto !important;
    text-align: center !important;
    font-size: 18px !important;
    padding: 14px 0 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
  }

  /* Stack buttons vertically with extra space */
  .comman-btn + .comman-btn,
  .comman-btn + .cta-btn,
  .comman-btn + .btn,
  .comman-btn + .enroll-btn,
  .cta-btn + .comman-btn,
  .cta-btn + .cta-btn,
  .cta-btn + .btn,
  .cta-btn + .enroll-btn,
  .btn + .comman-btn,
  .btn + .cta-btn,
  .btn + .btn,
  .btn + .enroll-btn,
  .enroll-btn + .comman-btn,
  .enroll-btn + .cta-btn,
  .enroll-btn + .btn,
  .enroll-btn + .enroll-btn {
    margin-top: 18px !important;
  }

  /* Prevent button overlap */
  .comman-btn + .comman-btn, .cta-btn + .cta-btn, .btn + .btn, .enroll-btn + .enroll-btn {
    margin-top: 14px !important;
  }

  /* Fix for sticky/scroll-to-top button */
  .scrolltotop {
    bottom: 80px !important;
    right: 20px !important;
    z-index: 9999 !important;
  }

  /* Add more padding to main content */
  .section-padding, .faq-area, .faq-section {
    padding-bottom: 40px !important;
    padding-top: 30px !important;
  }
}

  .mobile-hero {
    padding-top: 100px !important;
    padding-bottom: 20px !important;
  }
  
  .dark-box {
    margin-top: 15px !important;
  }
  
  /* Ensure countdown timer has enough space */
  .countdown {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  
  /* Improve spacing for text elements */
  .mobile-hero h1 {
    margin-bottom: 15px !important;
  }
  
  .mobile-hero p {
    margin-bottom: 10px !important;
  }
}