<!DOCTYPE html>
<html lang="zxx">
    
<head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Link of CSS files -->
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/fontawsome.min.css">
        <link rel="stylesheet" href="assets/fonts/flaticon.css">
        <link rel="stylesheet" href="assets/css/meanmenu.min.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/nice-select.min.css">
        <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
        <link rel="stylesheet" href="assets/css/jquery-ui.min.css">
        <link rel="stylesheet" href="assets/css/odometer.min.css">
        <link rel="stylesheet" href="assets/css/barfiller.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/dark.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
        
        <title>Scam Prevention Training - Fraud Detection & Financial Security Education</title>
<meta name="description" content="Learn to identify and avoid sophisticated scams with our prevention training. Real-world scam examples, red flag identification, security protocols, and protection strategies for individuals and businesses.">
        <link rel="icon" type="image/png" href="assets/images/fav-icon.png">
    </head>
    <body>
        
        <div class="theme-switcher">
            <label id="switch" class="switch">
                <input type="checkbox" onchange="toggleTheme()" id="slider">
                <span class="slider round"></span>
            </label>
        </div>
        
        <!-- navigation bar area start -->
        <?php
         $page = 'Fraud';
         include 'header.php';?>
        <!-- navigation bar area end -->

        <!-- Uni Banner Area -->
        <!-- <section class="uni-banner">
            <div class="container">
                <div class="uni-banner-text-area">
                    <h1>Whistleblowing</h1>
                    <ul>
                        <li><a href="index">Home</a></li>
                        <li>Whistleblowing</li>
                    </ul>
                </div>
            </div>
        </section> -->
        <!-- Uni Banner Area end -->
<style>/* ===== FRAUD PREVENTION PAGE SPECIFIC STYLES ===== */
.fraud-prevention-content {
    background: #f8f9fa;
}

/* Page Intro */
.page-intro .default-section-title h2 {
    color: #000000;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.security-badges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}

.badge-security {
    background: rgba(63, 159, 66, 0.1);
    color: #3f9f42;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(63, 159, 66, 0.3);
}

.badge-security i {
    font-size: 14px;
}

/* Section Titles */
.section-title-with-icon {
    color: #000000;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 2px solid #eef2ff;
}

.section-title-with-icon i {
    color: #3f9f42;
    font-size: 24px;
}

.section-subtitle {
    color: #666;
    font-size: 16px;
    margin-bottom: 25px;
}

/* Quick Tools Grid */
.quick-tools-section {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 40px;
}

.quick-tools-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

.quick-tool-card {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #e0e0e0;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.quick-tool-card:hover {
    border-color: #3f9f42;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(63, 159, 66, 0.1);
}

.quick-tool-icon {
    width: 70px;
    height: 70px;
    background: rgba(63, 159, 66, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: #3f9f42;
    font-size: 30px;
}

.quick-tool-card h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
}

.quick-tool-card p {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
    flex-grow: 1;
}

.btn-tool-action {
    background: #3f9f42;
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.btn-tool-action:hover {
    background: #2d8a2f;
    color: white;
    transform: translateY(-2px);
}

/* System Cards */
.systems-section {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 40px;
}

.system-details {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.system-card {
    background: #f9f9f9;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.system-header {
    background: rgba(63, 159, 66, 0.05);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.system-icon {
    width: 50px;
    height: 50px;
    background: #3f9f42;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.system-header h4 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
    flex-grow: 1;
}

.system-status {
    background: #28a745;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.system-status.active {
    background: #28a745;
}

.system-body {
    padding: 20px;
}

.system-body p {
    color: #333;
    margin-bottom: 15px;
    line-height: 1.6;
}

.system-features {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.system-features li {
    padding: 8px 0;
    padding-left: 30px;
    position: relative;
    color: #333;
}

.system-features li i {
    color: #3f9f42;
    position: absolute;
    left: 0;
    top: 8px;
}

/* User Tools Accordion */
.user-tools-section {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 40px;
}

.tool-accordion-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
}

.tool-accordion-header {
    width: 100%;
    background: #f9f9f9;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tool-accordion-header:hover {
    background: #f0f0f0;
}

.tool-header-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.tool-header-content i {
    color: #3f9f42;
    font-size: 20px;
}

.tool-header-content h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
}

.tool-status {
    color: #666;
    font-size: 14px;
}

.status-active {
    color: #28a745;
    font-weight: 600;
}

.status-inactive {
    color: #dc3545;
    font-weight: 600;
}

.tool-accordion-header .fa-chevron-down {
    transition: transform 0.3s ease;
}

.tool-accordion-header[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}

.tool-accordion-body {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* FIXED ACCORDION BODY */
.tool-accordion-body {
    padding: 0 !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.tool-accordion-body.show {
    padding: 20px !important;
    max-height: 800px; /* Increased from 1000px */
    overflow-y: auto; /* Add scroll if needed */
}

/* Ensure tool options have space */
.tool-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 20px;
    padding: 10px 0;
}

/* Fix option card spacing */
.option-card {
    background: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    text-align: center;
    min-height: 150px; /* Ensure minimum height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Adjust accordion header for better click target */
.tool-accordion-header {
    width: 100%;
    background: #f9f9f9;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: left;
}

/* Make sure the body has proper box-sizing */
.tool-accordion-body * {
    box-sizing: border-box;
}

.btn-tool-small {
    background: #3f9f42;
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
}

.btn-tool-small:hover {
    background: #2d8a2f;
    color: white;
}

/* Alert Settings */
.alert-settings {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.alert-option {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
}

.alert-option h6 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
}

.alert-option p {
    color: #666;
    font-size: 14px;
    margin: 0;
}

/* Switch Toggle */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    flex-shrink: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #3f9f42;
}

input:checked + .slider:before {
    transform: translateX(26px);
}

.switch-label {
    margin-left: 10px;
    color: #333;
    font-size: 14px;
}

/* Limit Controls */
.limit-controls {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.limit-setting {
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
}

.limit-setting label {
    display: block;
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
}

.limit-input {
    display: flex;
    align-items: center;
    gap: 15px;
}

.slider-range {
    flex-grow: 1;
    height: 6px;
    border-radius: 3px;
    background: #ddd;
    outline: none;
    -webkit-appearance: none;
}

.slider-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #3f9f42;
    cursor: pointer;
}

.limit-value {
    font-weight: 600;
    color: #3f9f42;
    min-width: 70px;
}

/* Fraud Types Grid */
.fraud-types-section {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 40px;
}

.fraud-types-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.fraud-type-card {
    background: #f9f9f9;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.fraud-type-header {
    background: rgba(220, 53, 69, 0.05);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.fraud-type-header i {
    color: #dc3545;
    font-size: 24px;
}

.fraud-type-header h5 {
    color: #000000;
    font-weight: 600;
    margin: 0;
}

.fraud-type-body {
    padding: 20px;
}

.fraud-type-body p {
    color: #333;
    margin-bottom: 15px;
    line-height: 1.6;
}

.prevention-tips {
    background: white;
    padding: 15px;
    border-radius: 8px;
    border-left: 4px solid #3f9f42;
}

.prevention-tips strong {
    color: #000000;
    display: block;
    margin-bottom: 10px;
}

.prevention-tips ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.prevention-tips ul li {
    padding: 5px 0;
    padding-left: 20px;
    position: relative;
    color: #333;
    font-size: 14px;
}

.prevention-tips ul li:before {
    content: "•";
    color: #3f9f42;
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* Emergency Section */
.emergency-section {
    background: linear-gradient(135deg, #fff5f5 0%, #ffe5e5 100%);
    padding: 30px;
    border-radius: 12px;
    border: 2px solid #dc3545;
    margin-bottom: 40px;
}

.emergency-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(220, 53, 69, 0.1);
}

.emergency-header {
    background: #dc3545;
    color: white;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.emergency-header i {
    font-size: 36px;
}

.emergency-header h3 {
    color: white;
    margin: 0;
    font-weight: 700;
}

.emergency-header p {
    color: rgba(255, 255, 255, 0.9);
    margin: 5px 0 0;
}

.emergency-steps {
    padding: 25px;
}

.emergency-step {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 15px;
}

.emergency-step:last-child {
    margin-bottom: 0;
}

.step-number {
    width: 40px;
    height: 40px;
    background: #dc3545;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    flex-shrink: 0;
}

.emergency-step div {
    flex-grow: 1;
}

.emergency-step h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
}

.emergency-step p {
    color: #666;
    font-size: 14px;
    margin: 0;
}

.btn-emergency {
    background: #3f9f42;
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.btn-emergency-alert {
    background: #dc3545;
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.btn-emergency:hover, .btn-emergency-alert:hover {
    opacity: 0.9;
    color: white;
}

/* Resources Grid */
.resources-section {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.resources-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.resource-card {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
}

.resource-card:hover {
    border-color: #3f9f42;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(63, 159, 66, 0.1);
}

.resource-card i:first-child {
    color: #3f9f42;
    font-size: 24px;
    flex-shrink: 0;
}

.resource-card div {
    flex-grow: 1;
}

.resource-card h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 5px;
}

.resource-card p {
    color: #666;
    font-size: 14px;
    margin: 0;
}

.resource-card i:last-child {
    color: #3f9f42;
}

/* Responsive Design */
@media (max-width: 768px) {
    .quick-tools-grid,
    .fraud-types-grid,
    .resources-grid {
        grid-template-columns: 1fr;
    }
    
    .tool-options {
        grid-template-columns: 1fr;
    }
    
    .emergency-step {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .btn-emergency,
    .btn-emergency-alert {
        align-self: flex-start;
    }
}

@media (max-width: 576px) {
    .security-badges {
        gap: 8px;
    }
    
    .badge-security {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .section-title-with-icon {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .system-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .system-status {
        align-self: flex-start;
    }
}</style>
       <!-- Uni Banner Area -->

<!-- Uni Banner Area end -->
<!-- Uni Banner Area -->
<section class="uni-banner">
    <div class="container">
        <div class="uni-banner-text-area">
            <h1>Fraud Prevention Tools</h1>
            <ul>
                <li><a href="index">Home</a></li>
                <li>Fraud Prevention</li>
            </ul>
        </div>
    </div>
</section>
<!-- Uni Banner Area end -->

<!-- Fraud Prevention Content Start -->
<section class="fraud-prevention-content ptb-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1">
                <!-- Page Intro -->
                <div class="page-intro text-center mb-5">
                    <div class="default-section-title default-section-title-middle">
                        <span>Security & Protection</span>
                        <h2>Comprehensive Fraud Prevention Tools</h2>
                        <p class="mt-3">Advanced security systems and user tools to protect your digital assets and transactions</p>
                    </div>
                    <div class="security-badges mt-4">
                        <span class="badge-security"><i class="fas fa-shield-alt"></i> AI-Powered</span>
                        <span class="badge-security"><i class="fas fa-user-shield"></i> User Tools</span>
                        <span class="badge-security"><i class="fas fa-eye"></i> Monitoring</span>
                        <span class="badge-security"><i class="fas fa-bolt"></i> Real-time</span>
                    </div>
                </div>

                <!-- Quick Access Tools (Most Important) -->
                <div class="quick-tools-section mb-5">
                    <h3 class="section-title-with-icon">
                        <i class="fas fa-rocket"></i> Quick Access Security Tools
                    </h3>
                    <p class="section-subtitle">Immediate actions to secure your account</p>
                    
                    <div class="quick-tools-grid mt-4">
                        <div class="quick-tool-card">
                            <div class="quick-tool-icon">
                                <i class="fas fa-lock"></i>
                            </div>
                            <h5>Enable 2FA</h5>
                            <p>Add an extra layer of security to your account</p>
                            <!-- <a href="#" class="btn-tool-action">
                                <i class="fas fa-cog"></i> Setup Now
                            </a> -->
                        </div>
                        <div class="quick-tool-card">
                            <div class="quick-tool-icon">
                                <i class="fas fa-bell"></i>
                            </div>
                            <h5>Login Alerts</h5>
                            <p>Get notified of suspicious login attempts</p>
                            <!-- <a href="#" class="btn-tool-action">
                                <i class="fas fa-sliders-h"></i> Configure
                            </a> -->
                        </div>
                        <div class="quick-tool-card">
                            <div class="quick-tool-icon">
                                <i class="fas fa-history"></i>
                            </div>
                            <h5>Activity Review</h5>
                            <p>Check recent account activity</p>
                            <!-- <a href="#" class="btn-tool-action">
                                <i class="fas fa-eye"></i> View Log
                            </a> -->
                        </div>
                        <div class="quick-tool-card">
                            <div class="quick-tool-icon">
                                <i class="fas fa-ban"></i>
                            </div>
                            <h5>Block Suspicious</h5>
                            <p>Report and block suspicious users</p>
                            <!-- <a href="#" class="btn-tool-action">
                                <i class="fas fa-flag"></i> Report Now
                            </a> -->
                        </div>
                    </div>
                </div>

                <!-- Our Protection Systems -->
                <div class="systems-section mb-5">
                    <h3 class="section-title-with-icon">
                        <i class="fas fa-robot"></i> Our AI-Powered Protection Systems
                    </h3>
                    
                    <div class="system-details mt-4">
                        <div class="system-card">
                            <div class="system-header">
                                <div class="system-icon">
                                    <i class="fas fa-brain"></i>
                                </div>
                                <div>
                                    <h4>AI Fraud Detection</h4>
                                    <span class="system-status active">Active 24/7</span>
                                </div>
                            </div>
                            <div class="system-body">
                                <p>Machine learning algorithms analyze transaction patterns in real-time to detect anomalies and prevent fraud before it happens.</p>
                                <ul class="system-features">
                                    <li><i class="fas fa-check-circle"></i> Real-time pattern analysis</li>
                                    <li><i class="fas fa-check-circle"></i> Behavioral biometrics</li>
                                    <li><i class="fas fa-check-circle"></i> Device fingerprinting</li>
                                    <li><i class="fas fa-check-circle"></i> IP address monitoring</li>
                                </ul>
                            </div>
                        </div>

                        <div class="system-card">
                            <div class="system-header">
                                <div class="system-icon">
                                    <i class="fas fa-exchange-alt"></i>
                                </div>
                                <div>
                                    <h4>Transaction Monitoring</h4>
                                    <span class="system-status active">Active 24/7</span>
                                </div>
                            </div>
                            <div class="system-body">
                                <p>Continuous monitoring of all transactions with multi-layered verification and velocity checking.</p>
                                <ul class="system-features">
                                    <li><i class="fas fa-check-circle"></i> Multi-factor transaction approval</li>
                                    <li><i class="fas fa-check-circle"></i> Velocity checking (unusual frequency/amount)</li>
                                    <li><i class="fas fa-check-circle"></i> Geolocation verification</li>
                                    <li><i class="fas fa-check-circle"></i> Time-of-day analysis</li>
                                </ul>
                            </div>
                        </div>

                        <div class="system-card">
                            <div class="system-header">
                                <div class="system-icon">
                                    <i class="fas fa-user-friends"></i>
                                </div>
                                <div>
                                    <h4>Identity Verification</h4>
                                    <span class="system-status active">Active 24/7</span>
                                </div>
                            </div>
                            <div class="system-body">
                                <p>Multi-layered identity verification system combining document verification, biometrics, and liveness detection.</p>
                                <ul class="system-features">
                                    <li><i class="fas fa-check-circle"></i> Document authenticity checks</li>
                                    <li><i class="fas fa-check-circle"></i> Facial recognition & liveness detection</li>
                                    <li><i class="fas fa-check-circle"></i> Government database cross-checking</li>
                                    <li><i class="fas fa-check-circle"></i> Watchlist screening (OFAC, PEP)</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- User-Controlled Security Tools -->
                <div class="user-tools-section mb-5">
                    <h3 class="section-title-with-icon">
                        <i class="fas fa-user-cog"></i> User-Controlled Security Settings
                    </h3>
                    
                    <div class="user-tools-accordion mt-4">
                        <!-- 2FA Tool -->
                        <div class="tool-accordion-item">
                            <button class="tool-accordion-header" type="button">
                                <div class="tool-header-content">
                                    <i class="fas fa-mobile-alt"></i>
                                    <div>
                                        <h5>Two-Factor Authentication (2FA)</h5>
                                        <span class="tool-status">Status: <span class="status-active">Active</span> / <span class="status-inactive">Inactive</span></span>
                                    </div>
                                </div>
                                <i class="fas fa-chevron-down"></i>
                            </button>
                            <div class="tool-accordion-body" style="max-height: 0;">
                                <p>Add an extra layer of security by requiring a second form of verification when logging in.</p>
                                <div class="tool-options">
                                    <div class="option-card">
                                        <h6><i class="fas fa-mobile-alt"></i> Authenticator App</h6>
                                        <p>Use Google Authenticator or Authy</p>
                                        <!-- <a href="#" class="btn-tool-small">Enable</a> -->
                                    </div>
                                    <div class="option-card">
                                        <h6><i class="fas fa-sms"></i> SMS Verification</h6>
                                        <p>Receive codes via text message</p>
                                        <!-- <a href="#" class="btn-tool-small">Enable</a> -->
                                    </div>
                                    <div class="option-card">
                                        <h6><i class="fas fa-envelope"></i> Email Verification</h6>
                                        <p>Receive codes via email</p>
                                        <!-- <a href="#" class="btn-tool-small">Enable</a> -->
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Login Alerts Tool -->
                        <div class="tool-accordion-item">
                            <button class="tool-accordion-header" type="button">
                                <div class="tool-header-content">
                                    <i class="fas fa-bell"></i>
                                    <div>
                                        <h5>Login & Security Alerts</h5>
                                        <span class="tool-status">Customizable</span>
                                    </div>
                                </div>
                                <i class="fas fa-chevron-down"></i>
                            </button>
                            <div class="tool-accordion-body">
                                <p>Configure alerts for suspicious activities and login attempts.</p>
                                <div class="alert-settings">
                                    <div class="alert-option">
                                        <label class="switch">
                                            <input type="checkbox" checked>
                                            <span class="slider"></span>
                                        </label>
                                        <div>
                                            <h6>New Device Login Alerts</h6>
                                            <p>Get notified when your account is accessed from a new device</p>
                                        </div>
                                    </div>
                                    <div class="alert-option">
                                        <label class="switch">
                                            <input type="checkbox" checked>
                                            <span class="slider"></span>
                                        </label>
                                        <div>
                                            <h6>Failed Login Attempts</h6>
                                            <p>Receive alerts after multiple failed login attempts</p>
                                        </div>
                                    </div>
                                    <div class="alert-option">
                                        <label class="switch">
                                            <input type="checkbox">
                                            <span class="slider"></span>
                                        </label>
                                        <div>
                                            <h6>Password Change Alerts</h6>
                                            <p>Get notified when your password is changed</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Transaction Limits Tool -->
                        <div class="tool-accordion-item">
                            <button class="tool-accordion-header" type="button">
                                <div class="tool-header-content">
                                    <i class="fas fa-chart-line"></i>
                                    <div>
                                        <h5>Transaction Limits & Controls</h5>
                                        <span class="tool-status">Customizable</span>
                                    </div>
                                </div>
                                <i class="fas fa-chevron-down"></i>
                            </button>
                            <div class="tool-accordion-body">
                                <p>Set limits and controls for your transactions to prevent unauthorized transfers.</p>
                                <div class="limit-controls">
                                    <div class="limit-setting">
                                        <label>Daily Transfer Limit</label>
                                        <div class="limit-input">
                                            <input type="range" min="0" max="10000" value="5000" class="slider-range">
                                            <span class="limit-value">$5,000</span>
                                        </div>
                                    </div>
                                    <div class="limit-setting">
                                        <label>Maximum Single Transaction</label>
                                        <div class="limit-input">
                                            <input type="range" min="0" max="5000" value="2500" class="slider-range">
                                            <span class="limit-value">$2,500</span>
                                        </div>
                                    </div>
                                    <div class="limit-setting">
                                        <label>International Transactions</label>
                                        <label class="switch">
                                            <input type="checkbox">
                                            <span class="slider"></span>
                                            <span class="switch-label">Require additional verification</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    <script>
                       // Updated JavaScript for accordion behavior
document.addEventListener('DOMContentLoaded', function() {
    const accordionHeaders = document.querySelectorAll('.tool-accordion-header');
    
    accordionHeaders.forEach(header => {
        header.addEventListener('click', function() {
            // Close all other accordions first
            accordionHeaders.forEach(otherHeader => {
                if (otherHeader !== this) {
                    const otherBody = otherHeader.nextElementSibling;
                    const otherIcon = otherHeader.querySelector('.fa-chevron-down');
                    
                    // Close other accordion
                    otherHeader.classList.remove('active');
                    otherBody.classList.remove('show');
                    otherBody.style.maxHeight = null;
                    
                    // Reset other icon
                    if (otherIcon) {
                        otherIcon.style.transform = 'rotate(0)';
                    }
                }
            });
            
            // Toggle current accordion
            const body = this.nextElementSibling;
            const icon = this.querySelector('.fa-chevron-down');
            
            if (body.classList.contains('show')) {
                // Close current accordion
                this.classList.remove('active');
                body.classList.remove('show');
                body.style.maxHeight = null;
                if (icon) icon.style.transform = 'rotate(0)';
            } else {
                // Open current accordion
                this.classList.add('active');
                body.classList.add('show');
                body.style.maxHeight = body.scrollHeight + "px";
                if (icon) icon.style.transform = 'rotate(180deg)';
            }
        });
    });
    
    // Open first accordion by default (optional)
    const firstAccordion = document.querySelector('.tool-accordion-header');
    if (firstAccordion) {
        firstAccordion.click();
    }
}); </script>
                <!-- Common Fraud Types & Prevention -->
                <div class="fraud-types-section mb-5">
                    <h3 class="section-title-with-icon">
                        <i class="fas fa-exclamation-triangle"></i> Common Fraud Types & Prevention Tips
                    </h3>
                    
                    <div class="fraud-types-grid mt-4">
                        <div class="fraud-type-card">
                            <div class="fraud-type-header">
                                <i class="fas fa-fish"></i>
                                <h5>Phishing Attacks</h5>
                            </div>
                            <div class="fraud-type-body">
                                <p>Fake emails or websites pretending to be Reclaim Ethically to steal your credentials.</p>
                                <div class="prevention-tips">
                                    <strong>How to spot:</strong>
                                    <ul>
                                        <li>Check sender email address carefully</li>
                                        <li>Look for spelling/grammar errors</li>
                                        <li>Never click suspicious links</li>
                                        <li>We will NEVER ask for your password via email</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="fraud-type-card">
                            <div class="fraud-type-header">
                                <i class="fas fa-user-secret"></i>
                                <h5>Account Takeover</h5>
                            </div>
                            <div class="fraud-type-body">
                                <p>Unauthorized access to your account through stolen credentials.</p>
                                <div class="prevention-tips">
                                    <strong>Prevention:</strong>
                                    <ul>
                                        <li>Enable 2FA immediately</li>
                                        <li>Use unique, strong passwords</li>
                                        <li>Monitor login alerts</li>
                                        <li>Regularly review account activity</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="fraud-type-card">
                            <div class="fraud-type-header">
                                <i class="fas fa-money-bill-wave"></i>
                                <h5>Payment Fraud</h5>
                            </div>
                            <div class="fraud-type-body">
                                <p>Fake payment requests, overpayments, or advance fee scams.</p>
                                <div class="prevention-tips">
                                    <strong>Red flags:</strong>
                                    <ul>
                                        <li>Requests for unusual payment methods</li>
                                        <li>Overpayment followed by refund request</li>
                                        <li>Pressure to act quickly</li>
                                        <li>Too-good-to-be-true offers</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Emergency Response Section -->
                <!-- Emergency Response - After Being Scammed -->
<div class="emergency-section mb-5">
    <div class="emergency-card">
        <div class="emergency-header">
            <i class="fas fa-ambulance"></i>
            <div>
                <h3>Just Been Scammed? Take These Immediate Steps</h3>
                <p class="mb-0">Critical actions to maximize your recovery chances after fraud</p>
            </div>
        </div>
        <div class="emergency-steps">
            <div class="emergency-step">
                <span class="step-number">1</span>
                <div>
                    <h5>Document Everything NOW</h5>
                    <p>Screenshots, transaction IDs, chat logs, emails</p>
                </div>
                <!-- <a href="#evidence-tips" class="btn-emergency">Evidence Checklist</a> -->
            </div>
            <div class="emergency-step">
                <span class="step-number">2</span>
                <div>
                    <h5>Contact Relevant Platforms</h5>
                    <p>Notify banks, exchanges, or platforms involved</p>
                </div>
                <!-- <a href="#platform-contacts" class="btn-emergency">Platform Contacts</a> -->
            </div>
            <div class="emergency-step">
                <span class="step-number">3</span>
                <div>
                    <h5>Stop Further Communication</h5>
                    <p>Cease all contact with the scammer immediately</p>
                </div>
                <!-- <a href="report-fraud#safety-tips" class="btn-emergency">Safety Guidelines</a> -->
            </div>
            <div class="emergency-step">
                <span class="step-number">4</span>
                <div>
                    <h5>Start Recovery Process</h5>
                    <p>Begin formal recovery with our experts</p>
                </div>
                <a href="report-fraud" class="btn-emergency-alert">Begin Recovery Now</a>
            </div>
        </div>
        
        
        
    </div>
</div>

                <!-- Additional Resources -->
                <div class="resources-section">
                    <h3 class="section-title-with-icon">
                        <i class="fas fa-book"></i> Additional Resources
                    </h3>
                    
                    <div class="resources-grid mt-4">
                        <a href="security-guide" class="resource-card">
                            <i class="fas fa-file-pdf"></i>
                            <div>
                                <h5>Security Best Practices Guide</h5>
                                <p>Complete guide to securing your digital assets</p>
                            </div>
                            <i class="fas fa-download"></i>
                        </a>
                        <a href="contact" class="resource-card">
                            <i class="fas fa-phone"></i>
                            <div>
                                <h5>Contact Us</h5>
                                <p>Do you have any other inquiries?</p>
                            </div>
                            <i class="fas fa-play"></i>
                        </a>
                        <a href="faq" class="resource-card">
                            <i class="fas fa-question-circle"></i>
                            <div>
                                <h5>Security FAQ</h5>
                                <p>Answers to common security questions</p>
                            </div>
                            <i class="fas fa-arrow-right"></i>
                        </a>
                        <a href="whistleblowing" class="resource-card">
                            <i class="fas fa-flag"></i>
                            <div>
                                <h5>Report Security Vulnerability</h5>
                                <p>Responsible disclosure program</p>
                            </div>
                            <i class="fas fa-arrow-right"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Fraud Prevention Content End -->

        <!-- Footer area start -->
        <?php include 'footer.php';?>
        <!-- Footer area end -->

       

        <div class="go-top go-top-3"><i class="fas fa-chevron-up"></i></div>

        <!-- Link of JS files -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery-ui.min.js"></script>
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <script src="assets/js/meanmenu.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/magnific-popup.min.js"></script>
        <script src="assets/js/TweenMax.js"></script>
        <script src="assets/js/nice-select.min.js"></script>
        <script src="assets/js/form-validator.min.js"></script>
        <script src="assets/js/contact-form-script.js"></script>
        <script src="assets/js/ajaxchimp.min.js"></script>
        <script src="assets/js/countdown.min.js"></script>
        <script src="assets/js/appear.min.js"></script>
        <script src="assets/js/barfiller.js"></script>
        <script src="assets/js/odometer.min.js"></script>
        <script src="assets/js/custom.js"></script>
    </body>

</html>



