/* Start custom CSS for html, class: .elementor-element-805f0ab *//* ======================================================
   SECTION 1: PREMIUM 3D BLOG HERO (CSS)
   ====================================================== */

/* Outer Wrapper - Background & Perspective */
.blog-3d-hero-wrapper {
    position: relative;
    width: 100%;
    padding: 100px 20px;
    background: #f8fafc;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

/* 3D Floating Sphere 1 (Top Left) */
.blog-3d-hero-wrapper::before {
    content: '';
    position: absolute;
    top: 15%;
    left: 10%;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle at 30% 30%, #ff9ca8, #EF4444, #991b1b);
    border-radius: 50%;
    box-shadow: 0 20px 40px rgba(239, 68, 68, 0.3);
    animation: floatSphere 6s ease-in-out infinite;
    z-index: -1;
}

/* 3D Floating Sphere 2 (Bottom Right) */
.blog-3d-hero-wrapper::after {
    content: '';
    position: absolute;
    bottom: 10%;
    right: 12%;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle at 30% 30%, #d1d5db, #9ca3af, #4b5563);
    border-radius: 50%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    animation: floatSphere 8s ease-in-out infinite reverse;
    z-index: -1;
}

/* Main 3D Glass Card */
.blog-3d-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 30px;
    padding: 60px 40px;
    max-width: 850px;
    text-align: center;
    /* Premium 3D Shadow */
    box-shadow: 
        0 30px 60px rgba(0, 0, 0, 0.08), 
        0 10px 20px rgba(0, 0, 0, 0.04), 
        inset 0 4px 0 rgba(255, 255, 255, 1);
    transform: translateY(0);
    animation: floatCard 5s ease-in-out infinite;
}

/* Animations */
@keyframes floatSphere {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-30px) scale(1.05); }
}

@keyframes floatCard {
    0%, 100% { transform: translateY(0); box-shadow: 0 30px 60px rgba(0,0,0,0.08), 0 10px 20px rgba(0,0,0,0.04), inset 0 4px 0 rgba(255,255,255,1); }
    50% { transform: translateY(-12px); box-shadow: 0 40px 70px rgba(0,0,0,0.1), 0 15px 25px rgba(0,0,0,0.05), inset 0 4px 0 rgba(255,255,255,1); }
}

/* Typography & Elements */
.blog-tag {
    display: inline-block;
    background: #111827;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
    box-shadow: 0 8px 15px rgba(17, 24, 39, 0.2);
}

.blog-main-title {
    font-size: 52px;
    font-weight: 900;
    color: #1F2937;
    line-height: 1.2;
    margin-bottom: 15px;
    letter-spacing: -1.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.title-brand-1 { color: #EF4444; }
.title-brand-2 { color: #4B5563; }

/* 3D VS Badge */
.vs-badge {
    background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
    color: #6B7280;
    font-size: 24px;
    font-style: italic;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), inset 0 3px 5px rgba(255,255,255,0.8);
}

.blog-main-subtitle {
    font-size: 26px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 25px;
}

.blog-description {
    font-size: 18px;
    color: #4B5563;
    line-height: 1.8;
    max-width: 700px;
    margin: 0 auto;
    font-weight: 500;
}

.blog-description p { margin-bottom: 15px; }
.blog-highlight { color: #111827; font-weight: 800; }

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .blog-3d-hero-wrapper { padding: 60px 15px; }
    .blog-3d-card { padding: 40px 20px; border-radius: 20px; }
    .blog-main-title { font-size: 36px; gap: 10px; }
    .vs-badge { font-size: 20px; width: 40px; height: 40px; }
    .blog-main-subtitle { font-size: 20px; }
    .blog-description { font-size: 16px; }
    .blog-3d-hero-wrapper::before { width: 120px; height: 120px; top: 5%; left: -5%; }
    .blog-3d-hero-wrapper::after { width: 150px; height: 150px; bottom: 5%; right: -5%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d111b31 *//* ======================================================
   SECTION 2: THE REAL STUDENT PROBLEM (CSS)
   ====================================================== */

.section-problem {
    padding: 70px 20px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.problem-container {
    max-width: 900px;
    margin: 0 auto;
}

/* Heading & Intro */
.problem-heading {
    font-size: 40px;
    font-weight: 900;
    color: #111827;
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: -1px;
    line-height: 1.2;
}

.problem-heading span {
    color: #EF4444; /* BioRecall Red */
}

.problem-subtext {
    font-size: 18px;
    color: #4B5563;
    text-align: center;
    max-width: 750px;
    margin: 0 auto 40px auto;
    line-height: 1.7;
    font-weight: 500;
}

/* 3D Grid Layout */
.problem-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/* Premium 3D Card Style */
.problem-box {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    position: relative;
    overflow: hidden;
}

.problem-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

/* Card ke upar ek patli laal line premium look ke liye */
.problem-box::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: #EF4444;
    opacity: 0.8;
}

/* Icon & Title */
.box-icon {
    font-size: 35px;
    margin-bottom: 15px;
    display: inline-block;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
}

.box-title {
    font-size: 22px;
    font-weight: 800;
    color: #1F2937;
    margin-bottom: 10px;
}

.box-desc {
    font-size: 16px;
    color: #4B5563;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* Custom Styled Lists */
.problem-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.problem-list li {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    border: 1px solid #f3f4f6;
}

/* List Icons */
.list-emoji-1 li::before { content: '⏳'; font-size: 18px; }
.list-emoji-2 li::before { content: '🧠'; font-size: 18px; }

/* Alert Footer inside Cards */
.box-alert {
    font-size: 15px;
    font-weight: 700;
    padding: 12px 16px;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.alert-red {
    color: #DC2626;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-dark {
    color: #1F2937;
    background: #e5e7eb;
    border: 1px solid #d1d5db;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .problem-grid { grid-template-columns: 1fr; }
    .problem-heading { font-size: 32px; }
    .problem-box { padding: 30px 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e5f7e8 *//* ======================================================
   SECTION 3: DIFFERENT LEARNING APPROACHES (CSS)
   ====================================================== */

.section-approaches {
    padding: 80px 20px;
    background-color: #f3f4f6; /* Halka grey background jisse cards pop hon */
    font-family: 'Inter', sans-serif;
}

.approaches-container {
    max-width: 950px;
    margin: 0 auto;
}

/* Heading & Intro */
.approaches-heading {
    font-size: 38px;
    font-weight: 900;
    color: #111827;
    text-align: center;
    margin-bottom: 12px;
    letter-spacing: -1px;
}

.approaches-heading span {
    color: #EF4444; /* Premium Red */
}

.approaches-subtext {
    font-size: 18px;
    color: #4B5563;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 45px auto;
    font-weight: 500;
}

/* 3D Flex/Grid Layout */
.approaches-grid {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}

/* Premium 3D Comparison Cards */
.approach-card {
    flex: 1;
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    border: 1px solid #e5e7eb;
    position: relative;
    overflow: hidden;
}

.approach-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);
}

/* Card Icons */
.approach-icon {
    font-size: 40px;
    margin-bottom: 20px;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1));
}

.approach-title {
    font-size: 24px;
    font-weight: 800;
    color: #1F2937;
    margin-bottom: 10px;
}

.approach-desc {
    font-size: 16px;
    color: #6B7280;
    margin-bottom: 25px;
    font-weight: 500;
}

/* Styled Lists for Approaches */
.approach-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.approach-list li {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Checkmarks & Target Icons for Lists */
.approach-list li::before {
    content: '✓';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: #e5e7eb;
    color: #4B5563;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
}

.list-red li::before {
    content: '🎯';
    background: rgba(239, 68, 68, 0.1);
    color: #EF4444;
}

/* Footer Banner (The Conclusion) */
.approaches-footer {
    background: linear-gradient(135deg, #111827 0%, #1F2937 100%);
    color: #ffffff;
    text-align: center;
    padding: 20px 30px;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 10px 20px rgba(17, 24, 39, 0.15);
    border-left: 5px solid #EF4444;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .approaches-grid { flex-direction: column; }
    .approaches-heading { font-size: 32px; }
    .approach-card { padding: 30px 20px; }
    .approaches-footer { font-size: 16px; padding: 15px 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d166e8a *//* ======================================================
   SECTION 4: MEMONEET APPROACH (CSS)
   ====================================================== */

.section-memoneet {
    padding: 70px 20px;
    background-color: #fafafa;
    font-family: 'Inter', sans-serif;
    display: flex;
    justify-content: center;
}

.mn-container {
    max-width: 850px;
    width: 100%;
}

/* 3D Neutral/Professional Card */
.mn-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 50px 40px;
    box-shadow: 0 15px 40px rgba(59, 130, 246, 0.08); /* Halka blue shadow */
    border: 1px solid #e0e7ff; /* Soft indigo border */
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.mn-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(59, 130, 246, 0.12);
}

/* Top Accent Line */
.mn-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 6px;
    background: linear-gradient(90deg, #3B82F6, #6366F1); /* Professional Blue/Indigo Gradient */
}

/* Content Styling */
.mn-icon-wrapper {
    width: 60px;
    height: 60px;
    background: #eff6ff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 25px;
    color: #3B82F6;
}

.mn-heading {
    font-size: 34px;
    font-weight: 900;
    color: #111827;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.mn-text {
    font-size: 18px;
    color: #4B5563;
    line-height: 1.7;
    margin-bottom: 25px;
    font-weight: 500;
}

/* Stylish Feature List */
.mn-list {
    list-style: none;
    padding: 0;
    margin: 0 0 35px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.mn-list li {
    background: #f8fafc;
    padding: 15px 20px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #1F2937;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #f1f5f9;
}

.mn-list li::before {
    content: '🔹';
    font-size: 14px;
}

/* Conclusion Box */
.mn-conclusion {
    background: #eff6ff;
    padding: 20px 25px;
    border-radius: 14px;
    border-left: 4px solid #3B82F6;
    font-size: 17px;
    color: #1E3A8A;
    font-weight: 600;
    line-height: 1.6;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .mn-card { padding: 35px 25px; }
    .mn-heading { font-size: 28px; }
    .mn-text { font-size: 16px; }
    .mn-list { grid-template-columns: 1fr; }
    .mn-conclusion { font-size: 15px; padding: 15px 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c567f91 *//* ======================================================
   SECTION 5: BIORECALL APPROACH (CSS)
   ====================================================== */

.section-biorecall {
    padding: 70px 20px;
    background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
    font-family: 'Inter', sans-serif;
    display: flex;
    justify-content: center;
}

.br-container {
    max-width: 850px;
    width: 100%;
}

/* 3D Premium BioRecall Card */
.br-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 50px 40px;
    /* Red glowing shadow for BioRecall brand */
    box-shadow: 0 20px 50px rgba(239, 68, 68, 0.08); 
    border: 1px solid #fee2e2; /* Very soft red border */
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease;
}

.br-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 60px rgba(239, 68, 68, 0.12);
}

/* Top Accent Line - BioRecall Red */
.br-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 6px;
    background: linear-gradient(90deg, #EF4444, #f87171);
}

/* Content Styling */
.br-icon-wrapper {
    width: 60px;
    height: 60px;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 25px;
    color: #EF4444;
}

.br-heading {
    font-size: 34px;
    font-weight: 900;
    color: #111827;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.br-text {
    font-size: 18px;
    color: #4B5563;
    line-height: 1.7;
    margin-bottom: 25px;
    font-weight: 500;
}

.br-highlight {
    font-weight: 800;
    color: #111827;
}

/* Stylish Feature List (BioRecall Version) */
.br-list {
    list-style: none;
    padding: 0;
    margin: 0 0 35px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.br-list li {
    background: #ffffff;
    padding: 15px 20px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #1F2937;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #fee2e2;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.03);
}

.br-list li::before {
    content: '🚀';
    font-size: 16px;
}

/* VIP Core Philosophy Box */
.br-philosophy {
    background: #111827; /* Dark Premium Background */
    padding: 25px 30px;
    border-radius: 16px;
    border-left: 5px solid #EF4444;
    position: relative;
    overflow: hidden;
}

.br-philosophy p {
    color: #f3f4f6;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.br-philosophy p:last-child {
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .br-card { padding: 35px 25px; }
    .br-heading { font-size: 28px; }
    .br-text { font-size: 16px; }
    .br-list { grid-template-columns: 1fr; }
    .br-philosophy { padding: 20px; }
    .br-philosophy p { font-size: 15px; }
    .br-philosophy p:last-child { font-size: 16px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24e3f2b *//* ======================================================
   SECTION 6: KEY DIFFERENCE (CSS)
   ====================================================== */

.section-difference {
    padding: 80px 20px;
    background-color: #f8fafc;
    font-family: 'Inter', sans-serif;
}

.diff-container {
    max-width: 1000px;
    margin: 0 auto;
}

/* Heading */
.diff-heading {
    font-size: 42px;
    font-weight: 900;
    color: #111827;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

/* 🔥 VERY IMPORTANT CENTER TEXT 🔥 */
.diff-center-quote {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.diff-center-quote h3 {
    font-size: 26px;
    font-weight: 800;
    font-style: italic;
    color: #374151;
    display: inline-block;
    padding: 15px 30px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    border: 1px solid #e5e7eb;
    position: relative;
    z-index: 2;
}

/* Quote ke peeche ki premium line */
.diff-center-quote::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(229,231,235,0) 0%, #d1d5db 50%, rgba(229,231,235,0) 100%);
    z-index: 1;
}

/* 3D Comparison Grid */
.diff-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

/* Base Card Styling */
.diff-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    overflow: hidden;
}

.diff-card:hover {
    transform: translateY(-8px);
}

.diff-card-title {
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 5px;
}

.diff-card-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: #6B7280;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.diff-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.diff-list li {
    font-size: 18px;
    font-weight: 600;
    color: #1F2937;
    margin-bottom: 15px;
    padding: 15px;
    background: #f9fafb;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
}

/* MemoNeet Card (Professional Blue) */
.card-memoneet {
    border: 1px solid #e0e7ff;
    box-shadow: 0 15px 30px rgba(59, 130, 246, 0.05);
}
.card-memoneet:hover {
    box-shadow: 0 25px 50px rgba(59, 130, 246, 0.12);
}
.card-memoneet .diff-card-title { color: #1E3A8A; }
.card-memoneet .diff-list li { border-left: 4px solid #3B82F6; }
.card-memoneet .diff-list li::before {
    content: '📘';
    font-size: 20px;
}
.card-memoneet::after {
    content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 100px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, rgba(255,255,255,0) 70%);
}

/* BioRecall Card (Premium Red) */
.card-biorecall {
    border: 1px solid #fee2e2;
    box-shadow: 0 15px 30px rgba(239, 68, 68, 0.05);
}
.card-biorecall:hover {
    box-shadow: 0 25px 50px rgba(239, 68, 68, 0.12);
}
.card-biorecall .diff-card-title { color: #991B1B; }
.card-biorecall .diff-list li { border-left: 4px solid #EF4444; }
.card-biorecall .diff-list li::before {
    content: '🧠';
    font-size: 20px;
}
.card-biorecall::after {
    content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 100px;
    background: radial-gradient(circle, rgba(239, 68, 68, 0.1) 0%, rgba(255,255,255,0) 70%);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .diff-grid { grid-template-columns: 1fr; gap: 30px; }
    .diff-heading { font-size: 34px; }
    .diff-center-quote h3 { font-size: 18px; padding: 12px 20px; }
    .diff-card { padding: 30px 20px; }
    .diff-list li { font-size: 16px; padding: 12px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-acb6b27 *//* ======================================================
   SECTION 7: THE BIGGER PICTURE (CSS)
   ====================================================== */

.section-future {
    padding: 80px 20px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
    position: relative;
    overflow: hidden;
}

/* Halka sa tech-glow background mein */
.section-future::before {
    content: '';
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(239, 68, 68, 0.03) 0%, rgba(255, 255, 255, 0) 70%);
    z-index: 0;
}

.bp-container {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* Top Vision Badge */
.bp-badge {
    display: inline-block;
    background: #111827;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
    box-shadow: 0 8px 15px rgba(17, 24, 39, 0.1);
}

/* Heading */
.bp-heading {
    font-size: 42px;
    font-weight: 900;
    color: #111827;
    margin-bottom: 20px;
    letter-spacing: -1px;
    line-height: 1.2;
}

.bp-intro {
    font-size: 19px;
    color: #4B5563;
    max-width: 700px;
    margin: 0 auto 45px auto;
    line-height: 1.7;
    font-weight: 500;
}

/* 3D Grid Layout */
.bp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 50px;
    text-align: left;
}

/* Concept Cards */
.bp-card {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.bp-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

.bp-card-title {
    font-size: 20px;
    font-weight: 800;
    color: #1F2937;
    margin-bottom: 10px;
}

.bp-card-subtitle {
    font-size: 15px;
    color: #6B7280;
    margin-bottom: 20px;
    font-weight: 500;
}

/* Stylish Lists */
.bp-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bp-list li {
    font-size: 17px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #f3f4f6;
}

.list-human li::before { content: '👤'; font-size: 18px; }
.list-future li::before { content: '🚀'; font-size: 18px; }

/* 🔥 FINAL VISION BANNER 🔥 */
.bp-conclusion {
    background: linear-gradient(135deg, #EF4444 0%, #b91c1c 100%);
    color: #ffffff;
    padding: 25px 40px;
    border-radius: 16px;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.5px;
    box-shadow: 0 15px 35px rgba(239, 68, 68, 0.25);
    display: inline-block;
    border: 1px solid rgba(255,255,255,0.2);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .bp-grid { grid-template-columns: 1fr; }
    .bp-heading { font-size: 34px; }
    .bp-conclusion { font-size: 20px; padding: 20px; width: 100%; box-sizing: border-box; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1adb67 *//* ======================================================
   SECTION 8: CONCLUSION & CTA (CSS)
   ====================================================== */

.section-conclusion {
    padding: 60px 20px 100px 20px;
    background-color: #f8fafc;
    font-family: 'Inter', sans-serif;
}

.conc-container {
    max-width: 850px;
    margin: 0 auto;
}

/* Main Conclusion White Card */
.conc-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 50px 40px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
    margin-bottom: -40px; /* Overlaps with the dark CTA box below */
    position: relative;
    z-index: 2;
}

.conc-heading {
    font-size: 38px;
    font-weight: 900;
    color: #111827;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.conc-text {
    font-size: 18px;
    color: #4B5563;
    text-align: center;
    line-height: 1.7;
    font-weight: 500;
    margin-bottom: 30px;
}

/* Pill-shaped Tags for the 4 factors */
.conc-factors {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.conc-factors li {
    background: #f3f4f6;
    color: #374151;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 24px;
    border-radius: 50px; /* Pill shape */
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
    transition: transform 0.3s ease;
}

.conc-factors li:hover {
    transform: translateY(-3px);
    background: #ffffff;
    border-color: #d1d5db;
}

/* The Important Goal Text */
.conc-highlight {
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    color: #111827;
    line-height: 1.6;
    padding: 30px 20px;
    background: rgba(239, 68, 68, 0.04);
    border-radius: 16px;
    border: 1px dashed rgba(239, 68, 68, 0.3);
}

.conc-highlight span {
    color: #EF4444; /* Red accent for the second line */
}

/* 🔥 FINAL CTA BOX (VIP DARK) 🔥 */
.cta-box {
    background: #111827;
    border-radius: 24px;
    padding: 80px 40px 50px 40px;
    text-align: center;
    position: relative;
    z-index: 1;
    box-shadow: 0 20px 50px rgba(17, 24, 39, 0.15);
    overflow: hidden;
}

/* Glow effect inside CTA box */
.cta-box::before {
    content: '';
    position: absolute;
    top: -50%; left: 50%;
    transform: translateX(-50%);
    width: 300px; height: 300px;
    background: radial-gradient(circle, rgba(239, 68, 68, 0.2) 0%, rgba(255,255,255,0) 70%);
    z-index: 0;
}

.cta-small-text {
    font-size: 16px;
    color: #9CA3AF;
    margin-bottom: 25px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

/* Premium 3D Red Button */
.cta-3d-btn {
    display: inline-block;
    background: linear-gradient(135deg, #EF4444 0%, #b91c1c 100%);
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    padding: 18px 40px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.3), inset 0 3px 0 rgba(255,255,255,0.2);
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}

.cta-3d-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(239, 68, 68, 0.4), inset 0 3px 0 rgba(255,255,255,0.2);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .conc-card { padding: 40px 20px; border-radius: 20px; }
    .conc-heading { font-size: 32px; }
    .conc-highlight { font-size: 18px; padding: 20px 15px; }
    .cta-box { padding: 70px 20px 40px 20px; border-radius: 20px; }
    .cta-3d-btn { padding: 15px 30px; font-size: 16px; }
}/* End custom CSS */