/* EnigmaDesigns - App Landing Page Template
==================================================
/*!
 * Theme Name: Enigma App
 * Author: EnigmaDesigns
 * Bootstrap: v5.3.8 (https://getbootstrap.com/)
 * License: MIT
 */


/* EnigmaDesigns - App Landing Page Template */
      :root {
        --primary-color: #6c63ff;
        --secondary-color: #5a52d6;
        --dark-color: #1a1a1a;
        --light-color: #f9f9f9;
        --text-color: #4a4a4a;
      }
      
      body {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        line-height: 1.7;
        color: var(--text-color);
        overflow-x: hidden;
      }
      
      h1, h2, h3, h4, h5, h6 {
        font-weight: 700;
        color: var(--dark-color);
      }
      
      a {
        text-decoration: none;
        transition: all 0.3s ease;
      }
      
      /* Particles.js Container */
      #particles-js {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        background-color: var(--primary-color);
        background-image: url("");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
      }
      
      /* Header Section */
      #enigma-header {
        position: relative;
        min-height: 100vh;
        color: white;
        display: flex;
        align-items: center;
        padding: 100px 0;
        overflow: hidden;
      }
      
      .header-content {
        position: relative;
        z-index: 1;
      }
      
      .enigma-logo {
        font-size: 32px;
        font-weight: 700;
        color: white;
      }
      
      
      .enigma-header-featured-content h1 {
        font-size: 48px;
        margin-bottom: 20px;
        line-height: 1.3;
      }
      
      .enigma-header-featured-content h1 span {
        color: white;
      }
      
      .enigma-header-featured-content p {
        font-size: 18px;
        opacity: 0.9;
        margin-bottom: 30px;
      }
      
      .enigma-header-featured-img img {
        max-width: 70%;
        height: auto;
        border-radius: 20px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.3);
      }
      
      /* Buttons */
      .enigma-apple-btn,
      .enigma-google-btn,
      .enigma-windows-btn {
        border: 2px solid white;
        border-radius: 30px;
        color: white;
        padding: 12px 25px;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        margin: 0 10px 15px;
        transition: all 0.3s ease;
        background: rgba(255,255,255,0.1);
      }
      
      .enigma-apple-btn:hover,
      .enigma-google-btn:hover,
      .enigma-windows-btn:hover {
        background: white;
        color: var(--primary-color);
      }
      
      /* Menu Button */
      .enigma-menu-btn {
        position: fixed;
        right: 30px;
        top: 30px;
        color: #000000;
        font-size: 24px;
        background: rgba(255,255,255,0.2);
        border: 2px solid black;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999;
        transition: all 0.3s ease;
      }
      
      .enigma-menu-btn:hover {
        background: white;
        color: var(--primary-color);
      }
      
      /* Overlay Menu */
      .enigma-menu-full-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.95);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease;
      }
      
      .enigma-menu-full-overlay-show {
        opacity: 1;
        visibility: visible;
      }
      
      .enigma-menu-close-btn {
        position: absolute;
        right: 30px;
        top: 30px;
        color: white;
        font-size: 24px;
      }
      
      .enigma-menu ul {
        padding: 0;
        text-align: center;
      }
      
      .enigma-menu li {
        list-style: none;
        margin-bottom: 20px;
      }
      
      .enigma-menu a {
        color: white;
        font-size: 28px;
        font-weight: 600;
      }
      
      .enigma-menu a:hover {
        color: var(--primary-color);
      }
      
      /* Section Styling */
      section {
        padding: 100px 0;
      }
      
      .enigma-title-area {
        text-align: center;
        margin-bottom: 60px;
      }
      
      .enigma-title {
        margin-bottom: 20px;
      }
      
      .enigma-title-dot {
        display: block;
        width: 60px;
        height: 4px;
        background: var(--primary-color);
        margin: 0 auto 30px;
        border-radius: 2px;
      }
      
      /* Features Section */
      #enigma-feature {
        background: white;
      }
      
      .enigma-feature-btn {
        background: var(--primary-color);
        color: white;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        margin-right: 15px;
      }
      
      .media {
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
      }
      
      /* Video Section */
      #enigma-video {
        background: url('https://images.pexels.com/photos/3568520/pexels-photo-3568520.jpeg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        color: white;
        text-align: center;
      }
      
      .enigma-video-area h2 {
            color: #fff;
        }
              
      .enigma-video-play-btn {
        display: inline-flex;
        width: 80px;
        height: 80px;
        background: rgba(108, 99, 255, 0.3);
        color: white;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        border: 2px solid white;
        transition: all 0.3s ease;
      }
      
      .enigma-video-play-btn:hover {
        background: var(--primary-color);
        transform: scale(1.1);
      }
      
      .enigma-video-iframe-area {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.9);
        z-index: 99999;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 5%;
      }
      
      .enigma-video-iframe-display {
        display: flex;
      }
      
      .enigma-video-close-btn {
        position: absolute;
        top: 30px;
        right: 30px;
        color: white;
        font-size: 24px;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid white;
        border-radius: 50%;
      }
      
      /* Screenshots Section */
      #enigma-screenshot {
        background: var(--light-color);
      }
      
      .enigma-single-screenshot img {
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
        margin: 0 auto;
      }
      
      .enigma-single-screenshot:hover img {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.2);
      }
      
      .slick-prev, 
      .slick-next {
        width: 50px;
        height: 50px;
        z-index: 1;
      }
      
      .slick-prev:before, 
      .slick-next:before {
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 30px;
        color: var(--primary-color);
        opacity: 1;
      }
      
      .slick-prev {
        left: -60px;
      }
      
      .slick-next {
        right: -60px;
      }
      
      /* Download Section */
      #enigma-download {
        background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), 
                    url('https://images.pexels.com/photos/3769021/pexels-photo-3769021.jpeg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        color: white;
        text-align: center;
      }
      
      /* FAQ Section */
      #enigma-faq {
        background: white;
      }
      
      .panel-default {
        border: none;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        border-radius: 5px;
        margin-bottom: 15px;
      }
      
      .panel-heading {
        padding: 0;
        border: none;
      }
      
      .panel-title a {
        display: block;
        padding: 15px 20px;
        color: var(--dark-color);
        font-weight: 600;
      }
      
      .panel-body {
        padding: 20px;
        color: #666;
      }
      
      /* Contact Section */
      #enigma-contact {
        background: var(--light-color);
      }
      
      .enigma-contact-form .form-control {
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ddd;
        margin-bottom: 20px;
      }
      
      p.enigma-address {
        padding-left: 65px;
      }
      
      .enigma-contact-form textarea.form-control {
        height: 150px;
      }
      
      .enigma-send-msg-btn {
        background: var(--primary-color);
        color: white;
        border: none;
        padding: 12px 30px;
        border-radius: 30px;
        font-weight: 600;
        transition: all 0.3s ease;
      }
      
      .enigma-send-msg-btn:hover {
        background: var(--secondary-color);
      }
      
      .enigma-icon {
        width: 50px;
        height: 50px;
        background: var(--primary-color);
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        float: left;
      }
      
      .enigma-social-media a {
        display: inline-flex;
        width: 40px;
        height: 40px;
        background: white;
        color: var(--primary-color);
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        transition: all 0.3s ease;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      }
      
      .enigma-social-media a:hover {
        background: var(--primary-color);
        color: white;
        transform: translateY(-5px);
      }
      
      /* Footer */
      #enigma-footer {
        background: var(--dark-color);
        color: white;
        padding: 30px 0;
        text-align: center;
      }
      
      /* Back to Top Button Styles */
      .back-to-top {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 50px;
        height: 50px;
        background-color: #6c63ff;
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 999;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      }
      .back-to-top:hover {
        background-color: #564fd8;
      }
      .back-to-top.active {
        opacity: 1;
        visibility: visible;
      }
      
      /* Responsive Styles */
      @media (max-width: 1199px) {
        .slick-prev {
          left: -30px;
        }
        .slick-next {
          right: -30px;
        }
      }
      
      @media (max-width: 991px) {
        h1 {
          font-size: 36px;
        }
        h2 {
          font-size: 30px;
        }
        .enigma-header-featured-content {
          margin-top: 50px;
          text-align: center;
        }
        .enigma-feature-content-left {
          margin-bottom: 50px;
        }
        .enigma-contact-right {
          margin-top: 50px;
        }
      }
      
      @media (max-width: 768px) {
        h1 {
          font-size: 32px;
        }
        h2 {
          font-size: 28px;
        }
        .enigma-header-featured-content h1 {
          font-size: 36px;
        }
        .enigma-menu-btn {
          width: 40px;
          height: 40px;
          font-size: 18px;
        }
        .slick-prev,
        .slick-next {
          width: 30px;
          height: 30px;
        }
        .slick-prev:before,
        .slick-next:before {
          font-size: 20px;
        }
        
        .enigma-contact-right {
            margin-top: 30px;
        }
      }
      
      @media (max-width: 575px) {
        .enigma-header-featured-content h1 {
          font-size: 28px;
        }
        .enigma-apple-btn,
        .enigma-google-btn,
        .enigma-windows-btn {
          display: block;
          margin: 0 auto 15px;
          width: 200px;
          justify-content: center;
        }
        .enigma-contact-right {
          margin-top: 50px;
        }
      }
      
      @media (max-height: 468px) {
          .enigma-menu li {
              margin-bottom: 0;
          }
      }