/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

  * {
            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
        }

        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            color: #1a1a1a;
            background: #ffffff;
        }
        
        h1 {
            font-weight: 700;
            font-size: 3rem;
            line-height: 1.1;
            letter-spacing: -0.02em;
        }
        
        h2 {
            font-weight: 700;
            font-size: 2.5rem;
            line-height: 1.2;
            letter-spacing: -0.01em;
        }
        
        h3 {
            font-weight: 600;
            font-size: 1.5rem;
            line-height: 1.3;
        }
        
        p {
            font-weight: 400;
            font-size: 1.125rem;
            line-height: 1.7;
        }
        
        @media (max-width: 768px) {
            h1 {
                font-size: 2rem;
            }
            
            h2 {
                font-size: 1.75rem;
            }
            
            h3 {
                font-size: 1.25rem;
            }
            
            p {
                font-size: 1rem;
            }
        }
        
        /* Animation classes */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideInFromBottom {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes bounce {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
        }
        
        @keyframes pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }
        
        .animate-fadeIn {
            animation: fadeIn 0.7s ease-out;
        }
        
        .animate-slideIn {
            animation: slideInFromBottom 0.7s ease-out;
        }
        
        .animate-bounce {
            animation: bounce 2s infinite;
        }
        
        .animate-pulse {
            animation: pulse 2s infinite;
        }
        
        /* Custom gradient backgrounds */
        .bg-gradient-royal {
            background: linear-gradient(135deg, #0a1a4b 0%, #1a2a6b 100%);
        }
        
        .bg-gradient-gold {
            background: linear-gradient(135deg, #d5a021 0%, #c49420 100%);
        }
        
        /* Smooth transitions */
        .transition-all {
            transition: all 0.3s ease;
        }
        
        /* Hide mobile menu by default */
        #mobileMenu {
            display: none;
        }
        
        #mobileMenu.active {
            display: block;
        }
        
        /* FAQ Accordion */
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        
        .faq-answer.active {
            max-height: 500px;
        }


[type=button], [type=submit], button{
	border:0;
	background:initial;
}

#header{
	border-bottom: 1px solid #ebebeb;
}


/* ================================
   SINGLE POST CONTENT WRAPPER
================================ */
.single-post main{
	margin-top:100px;
	margin-bottom:100px;
}
.single-post main article{
	width:100%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	padding: 0 10px;
}
.single-post .entry-title{
	display:block;
}
.single-post .entry-title {
  font-size: 36px;
  margin-bottom: 20px;
  font-weight:700;
}

.single-post .post-thumbnail img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  border-radius: 6px;
    max-height: max-content;
}

.single-post .page-content {
/*   max-width: 820px;
  margin: 120px auto 100px;
  padding: 24px 16px; */
  color: #1f2937;
  line-height: 1.75;
  word-wrap: break-word;
}

/* ================================
   PARAGRAPHS
================================ */
.single-post .page-content p {
  font-size: 17px;
  margin: 0 0 1.4em;
}

/* ================================
   HEADINGS
================================ */
.single-post .page-content h2.wp-block-heading {
  font-size: 28px;
  line-height: 1.3;
  margin: 1.5em 0 0.8em;
  color: #111827;
}

.single-post .page-content h3.wp-block-heading {
  font-size: 22px;
  line-height: 1.35;
  margin: 1.5em 0 0.6em;
  color: #1f2937;
}

/* ================================
   LISTS
================================ */
.single-post .page-content ul.wp-block-list {
  margin: 1em 0 1.6em 1.2em;
  padding-left: 1em;
  list-style: inherit;
}

.single-post .page-content ul.wp-block-list li {
  font-size: 16.5px;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

/* ================================
   LINKS
================================ */
.single-post .page-content a {
  color: #2563eb;
  text-decoration: none;
}

.single-post .page-content a:hover {
  text-decoration: underline;
}

/* ================================
   BLOCKQUOTES / CTA BOXES
================================ */
.single-post .page-content blockquote.wp-block-quote {
  background: #f9fafb;
  border-left: 4px solid #2563eb;
  padding: 20px 24px;
  margin: 2em 0;
}

.single-post .page-content blockquote.wp-block-quote p {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.single-post .page-content blockquote.wp-block-quote a {
  color: #2563eb;
  font-weight: 600;
}

/* ================================
   STRONG & EMPHASIS
================================ */
.single-post .page-content strong {
  font-weight: 700;
  color: #111827;
}

.single-post .page-content em {
  font-style: italic;
  color: #374151;
}

/* ================================
   FIRST & LAST ELEMENT FIX
================================ */
.single-post .page-content > *:first-child {
  margin-top: 0;
}

.single-post .page-content > *:last-child {
  margin-bottom: 0;
}

/* ================================
   MOBILE RESPONSIVE
================================ */
@media (max-width: 768px) {
  .single-post .page-content {
/*     padding: 20px 14px;
    margin-top: 80px;
    margin-bottom: 80px; */
  }

  .single-post .page-content h2.wp-block-heading {
    font-size: 24px;
  }

  .single-post .page-content h3.wp-block-heading {
    font-size: 20px;
  }

  .single-post .page-content p,
  .single-post .page-content ul.wp-block-list li {
    font-size: 16px;
  }
}


/*Home FAQs*/
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.faq-answer.active {
    max-height: 500px; /* large enough to fit content */
}

 /* Fixed Button Styles */
 .investment-guide-btn {
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #d5a021;
    color: white;
    padding: 20px 10px;
    text-decoration: none !important;
    border-radius: 8px 0px 0px 8px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) ;
    transition: all 0.3s ease !important;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.investment-guide-btn .btn-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    white-space: nowrap;
}

.investment-guide-btn.show {
    opacity: 1;
    visibility: visible;
    animation: smoothWave 3s ease-out infinite !important;
}

.investment-guide-btn:hover {
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    animation: none !important; /* Stop wave on hover */
}

/* Smooth Wave Effect Animation with Gold Colors */
@keyframes smoothWave {
   0% {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
                    0 0 0 0 rgba(213, 160, 33, 0.7),
                    0 0 0 0 rgba(255, 190, 34, 0.5);
    }
    15% {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
                    0 0 0 8px rgba(213, 160, 33, 0.6),
                    0 0 0 3px rgba(255, 190, 34, 0.5);
    }
    30% {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
                    0 0 0 16px rgba(213, 160, 33, 0.4),
                    0 0 0 10px rgba(255, 190, 34, 0.5);
    }
    45% {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
                    0 0 0 24px rgba(213, 160, 33, 0.2),
                    0 0 0 18px rgba(255, 190, 34, 0.4);
    }
    60% {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
                    0 0 0 32px rgba(213, 160, 33, 0.1),
                    0 0 0 26px rgba(255, 190, 34, 0.3);
    }
    75% {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
                    0 0 0 40px rgba(213, 160, 33, 0),
                    0 0 0 34px rgba(255, 190, 34, 0.15);
    }
    100% {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
                    0 0 0 0 rgba(213, 160, 33, 0),
                    0 0 0 42px rgba(255, 190, 34, 0);
    }
}