https://matrixhubs.shop/

ID de l'analyse :: d2c0b719-4eb2-424e-ae91-61dd62301aa1Terminée
URL soumise :: https://matrixhubs.shop/
Fin du rapport :: 11 déc. 2024, 23:07:47
Liens : 0 trouvé(s)

Liens sortants identifiés à partir de la page
Variables JavaScript : 37 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom	Type
0	object
1	object
2	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
webpackChunkStripeJSouter	object
noop	function
Stripe	function
$	function
Messages de journal de console : 4 trouvé(s)

Messages consignés dans la console web
Type	Catégorie	Enregistrement
info	other	URL https://pay.sellsn.io/embed.min.js texte SellSN embeds v2.5.0
info	other	URL https://pay.sellsn.io/embed.min.js texte Injected stylesheets
info	other	URL https://pay.sellsn.io/embed.min.js texte Found 1 elligible elements for handlers
info	other	URL https://pay.sellsn.io/embed.min.js texte Set handler for [object HTMLButtonElement]
HTML

Le corps HTML de la page en données brutes
<!DOCTYPE html><html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Matrix Hub</title>
    <link rel="icon" type="image/x-icon" href="image/logo.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="https://cdn.sell.app/embed/script.js" type="module">
        </script>
    <link href="https://cdn.sell.app/embed/style.css" rel="stylesheet">
<style>
    @font-face {
    font-family: batmfa__;
    src: url(font/batmfa__.ttf);
    }
    * {
        font-family: batmfa__;
    box-sizing: border-box;
    }
    html, body {
        height: 100%;
        background: url(image/bg.png) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    body {
        margin: 0;
        font-family: Arial;
        font-size: 17px;
    }

    #myVideo {
        object-fit: cover;
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%; 
        min-height: 100%;
    }
    .contentov {
        position: relative;
        bottom: 0px;
        color: #f1f1f1;
        width: 100%;
        height: 100%;
    }
    .custom-nav:hover
    {
        color:rgb(85,174,254) !important;
    }
    .checked {
        color: orange;
    }
    .modal-backdrop
    {
        position: unset !important;
    }
    .mousepointer:hover
    {
        cursor: pointer;
        border: 1px solid rgb(85,174,254);
        box-shadow: 2px 2px rgba(85,174,254,0.2);
    }
    .mousepointerstar:hover
    {
        cursor: pointer;
    }
    .noBorder
    {
        border: none;
    }
    /* width */
    ::-webkit-scrollbar {
    width: 10px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
    background: #f1f1f1; 
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
    background: #888; 
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
    background: #555; 
    }
    .swal2-popup,.swal2-html-container {
    font-size: 1rem !important;
    font-family: Monospace;
    }
    .swal2-confirm,.swal2-cancel
    {
        font-family: Monospace;
    }
</style>
<style>.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#facea8;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#9de0f6;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#c9dae1;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}</style><link id="sellSnModalStyles" rel="stylesheet" href="https://pay.sellsn.io/embed/embed.css"></head>
<body>
    <!--<video autoplay muted loop id="myVideo">
        <source src="image/bg.mp4" type="video/mp4">
    </video>-->
    <div class="contentov">
        
        <div style="padding-left:50px;padding-right:50px;background: rgba(0, 0, 0, 0.5);">
            <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand" href="#"><img src="image/logo.png" width="50" height="50" style="margin-top: 10px;" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
                </button>
            
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item">
                            <a class="nav-link custom-nav" href="#" style="color:white;">Home</a>
                        </li>
                        <!--<li class="nav-item custom-nav">
                            <a class="nav-link custom-nav" href="#" style="color:white;">How to</a>
                        </li>-->
                        <li class="nav-item custom-nav">
                            <a class="nav-link custom-nav" href="#" style="color:white;" onclick="window.location.href='https://discord.gg/matrixhub'">Discord</a>
                        </li>
                        <li class="nav-item custom-nav">
                            <a class="nav-link custom-nav" href="#" style="color:white;" data-toggle="modal" data-target="#download">Download</a>
                        </li>
                    </ul>
                </div>
            </nav>
            <div class="row justify-content-center">
                <div class="col-xl-12">
                    <center>
                        <div class="typing-container">
                            <span id="sentence" class="sentence">Welcome to Matrix Hub,</span>
                            <span id="feature-text" style="color: rgb(85, 174, 254);">The </span>
                            <span class="input-cursor"></span>
                        </div>
                       
                    </center>
                </div>
                
                <div class="col-xl-12" style="padding: 50px;">
                    <center>
                        <div class="card mousepointer" data-toggle="modal" data-target="#exampleModalLong" style="width: 18rem;background-color: rgba(85, 174, 254, .1);">
                            <img class="card-img-top" src="image/program.png" alt="Card image cap">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12"> <h5 class="card-title" style="color: white;font-size: 20px;font-family: Monospace;">Matrix External</h5></div>
                                    <div class="col-12"> <h5 class="card-title" style="color: #55aefe;font-size: 13px;font-family: Monospace;">$4.99 / Lifetime (Not include fee)</h5></div>
                                    <div class="col-9"></div>
                                    

                                </div> 
                            </div>
                        </div>
                    </center>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-xl-9">
                    <div class="typing-container">
                        <span id="" class="">last Feedback (<font id="reviewnumber">65</font> Reviews)</span>
                    </div>
                    <div id="contentcardreview">
                        <div class="card" id="cardreview" style="display:none;width: 100%;background-color: rgba(85, 174, 254, .1);margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">15 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Review form system (Test from staff)</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">23 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">solid</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">23 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">21 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">21 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">so good</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">19 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Just bought. if your on apple easiest payment is apple pay very quick everything sent to my email bout to test it out</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">About to try it very promising</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">I LOVE THE ESP</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Nice</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">very good :thumbs_up:</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">15 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">15 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">TY BBGGG</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">12 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Silent-aim Dahood insane!!!!!!!</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">12 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Best External in Da World 🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">11 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">11 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">good</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">08 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">06 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">01 May 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">29 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">หนับหนุน</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">29 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">aO</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">27 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">14 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">I really like it</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">11 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">i like</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">08 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">good for pf</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">06 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">พวกรุ่นใหญ่ da hood ดับหมด</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Best External | Real Silent aim in external working so Fire🔥🔥🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">best external</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">04 Apr 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">best external</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">30 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">nice</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">Best Lock</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">20 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">15 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">11 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">i love it.</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">03 Mar 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">good for project delta 🔥🔥🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">18 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">cool cheat</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">10 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">09 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">02 Feb 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">30 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">29 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">shi fire</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">27 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">27 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">26 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">หนับหนุน</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">22 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">22 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">21 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">20 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">20 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">18 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">ของคนไทยของจริงครับ</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">เยี่ยม</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">17 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;"></h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">เอาจัดโปรคนไทย ต้องสนับสนุน 🔝🔝 🔥🔥🔥🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">On top 🔥🔥🔥</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">test</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="card" id="cardreview" style="width: 100%; background-color: rgba(85, 174, 254, 0.1); margin-top: 5px;">
                            <div class="card-body">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-9">
                                        <span style="font-size: 15px;" id="__star_1" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_2" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_3" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_4" class="fa fa-star checked"></span>
                                        <span style="font-size: 15px;" id="__star_5" class="fa fa-star checked"></span>
                                    </div>
                                    <div class="col-3">
                                        <h5 class="card-title" id="_datereview" style="color: white;font-size: 15px;font-family: Monospace;">16 Jan 2024</h5>
                                    </div>
                                    <div class="col-sm">
                                        <h5 class="card-title" id="_messagereview" style="color: #55aefe;font-size: 13px;font-family: Monospace;">this message test by staff don't care</h5>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div></div>
                </div>
            </div>


            <div style="left:0;bottom: 0;relative: absolute;width: 100%;">
                <center>
                    <h5 class="card-title"><font style="color: #55aefe;font-size: 13px;font-family: Monospace;font-weight: bold;">matrixhubs.shop</font><font style="color: white;font-size: 13px;font-family: Monospace;font-weight: bold;"> © 2024</font></h5>
                </center>
            </div>
            &nbsp;
        </div>
        

        <!-- Modal -->
        <div class="modal fade" id="review" tabindex="-1" role="dialog" aria-labelledby="reviewModal" aria-hidden="true">
            <div class="modal-dialog" role="document">
            <div class="modal-content" style="background-color: rgba(85, 174, 254, .9);">
                <div class="modal-body noBorder">
                    <input type="hidden" id="reviewhash">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h5 style="color: white;font-size: 20px;font-family: Monospace;font-weight: bold;">Review</h5>
                    <textarea class="form-control" style="font-family: Monospace;" id="reviewmessage" rows="3"></textarea>
                    <center>
                        <span style="font-size: 15px;" id="star_1" onmouseover="processstart(1);" class="fa fa-star mousepointerstar"></span>
                        <span style="font-size: 15px;" id="star_2" onmouseover="processstart(2);" class="fa fa-star mousepointerstar"></span>
                        <span style="font-size: 15px;" id="star_3" onmouseover="processstart(3);" class="fa fa-star mousepointerstar"></span>
                        <span style="font-size: 15px;" id="star_4" onmouseover="processstart(4);" class="fa fa-star mousepointerstar"></span>
                        <span style="font-size: 15px;" id="star_5" onmouseover="processstart(5);" class="fa fa-star mousepointerstar"></span>
                    </center>

                    <button type="button" id="submitreview" style="margin-top:10px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        Submit
                    </button>
                </div>
            </div>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
            <div class="modal-dialog" role="document">
            <div class="modal-content" style="background-color: rgba(85, 174, 254, .9);">
               
                <div class="modal-body noBorder">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h5 style="color: white;font-size: 20px;font-family: Monospace;font-weight: bold;">Select Currency and Method payment

                    <div style="background:white;padding:20px;color:black;border-radius:10px 10px;font-family: Monospace;">
                       
<p style="font-family: Monospace; font-size: 1.1em;">
    <strong style="color: #007BFF; font-family: Monospace; font-size: 1.2em;">(Instant Delivery)</strong>
</p>
<p style="font-family: Monospace; font-size: 1.1em;">
    <strong style="color: #FF5733; font-family: Monospace;">Please Read Before Purchase:</strong> After payment, the system will send the <strong style="color: #FF5733; font-family: Monospace;">License</strong> to the email you provided immediately. Please make sure to enter your email correctly. If you can't find it, please check your <strong style="color: #FF5733; font-family: Monospace;">Junk Mail</strong> or <strong style="color: #FF5733; font-family: Monospace;">Spam Mail</strong>.
</p>

                        <br>

    <button data-dismiss="modal" data-sellsn-sid="231c055c-093c-4376-a8e2-1a26fa89e1c5" data-sellsn-pid="f13c5319-7e96-4631-b612-c1fda5dde391" type="button" style="margin-top:5px;width:100%;color:black;font-size: 15px;font-family: Monospace;" class="btn btn-warning">


    PayPal
                            <img style="border-radius: 5px;" src="image/paypal.png" width="35" height="30" alt="">


                        </button>
                    </div>


                    <br>
                    <div style="background:white;padding:20px;color:black;border-radius:10px 10px;font-family: Monospace;">
                        (Thailand Only) สำหรับคนที่จะจ่ายด้วย <span style="color:blue; font-weight:bold;font-family: Monospace;">TrueMoneyWallet</span> หรือ <span style="color:blue; font-weight:bold;font-family: Monospace;">PromptPay</span>, กรุณาเข้าร่วม <span style="color:blue; font-weight:bold;font-family: Monospace;">Discord</span> และเปิด <span style="color:blue; font-weight:bold;font-family: Monospace;">Ticket TrueMoneyWallet/PromptPay</span> เพื่อชำระเงิน
                        <br><br>
                        <button data-dismiss="modal" onclick="window.location.href='https://discord.gg/matrixhub'" type="button" style="margin-top:5px;width:100%;color:black;font-size: 15px;font-family: Monospace;" class="btn btn-warning">
                            TrueMoneyWallet/PromptPay
                            <!--<img style="border-radius: 5px;" src="image/true.png" width="60" height="40" alt="">-->
                            <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/truemoney-wallet.svg">
                            <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/PromptPay.svg">
                        </button>
                    </div>
                    <br>
                    <div style="background:white;padding:20px;color:black;border-radius:10px 10px;font-family: Monospace;">
                        For those paying with a <span style="color:blue; font-weight:bold;font-family: Monospace;">Credit Card</span>, please join our <span style="color:blue; font-weight:bold;font-family: Monospace;">Discord</span> and open a <span style="color:blue; font-weight:bold;font-family: Monospace;">Credit Card Ticket</span> to make your payment, and ping the <span style="color:blue; font-weight:bold;font-family: Monospace;">Admin</span> in the channel.
                        <br><br>
                        <button data-dismiss="modal" onclick="window.location.href='https://discord.gg/matrixhub'" type="button" style="margin-top:5px;width:100%;color:black;font-size: 15px;font-family: Monospace;" class="btn btn-warning">
                            Credit Card
                            <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/visa.svg">
                        <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/mastercard.svg">
                        <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/jcb.svg">
                        <img alt="icon" class="arrow-icon" src="https://cdn.paysolutions.io/payment-img/americanExpress.svg">
                        </button>
                    </div>

                    <!--<div style="background:white;padding:20px;color:black;border-radius:10px 10px;font-family: Monospace;">
                        For those who will pay with <span style="color:blue; font-weight:bold;font-family: Monospace;">CashApp</span> or <span style="color:blue; font-weight:bold;font-family: Monospace;">Apple Pay</span>, please contact <span style="color:blue; font-weight:bold;font-family: Monospace;">Reseller</span> on <span style="color:blue; font-weight:bold;font-family: Monospace;">Discord</span> or click the button to go to the reseller purchase page.
                        <br><br>If there are any issues, please open a <span style="color:red; font-weight:bold;font-family: Monospace;">Ticket with reseller</span> on Discord.
                        <br><br>

                        <button data-dismiss="modal" onclick="window.location.href='https://wfa.sell.app/'" type="button" style="margin-top:5px;width:100%;color:black;font-size: 15px;font-family: Monospace;" class="btn btn-warning">
                            CashApp or Apple Pay
                            <img style="border-radius: 5px;" src="image/cash.png" width="35" height="30" alt="">
                            <img style="border-radius: 5px;" src="image/apple.png" width="35" height="30" alt="">
                        </button>
                        
                        
                    </div>-->

                    </h5>
                    
                    <!--<button type="button" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        (Thailand only) Truemoney wallet (ติดต่อในดิส)
                        <img style="background-color: white;border-radius: 5px;" src="image/true.png" width="100" height="45" alt="">
                    </button>-->
                    <!--<button type="button" onclick="window.location.href='https://discord.gg/FswdKATJEF'" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        CashApp or Apple Pay Please contact Reseller on discord
                        <img style="background-color: white;border-radius: 5px;" src="image/cash.png" width="35" height="30" alt="">
                        <img style="background-color: white;border-radius: 5px;" src="image/apple.png" width="35" height="30" alt="">

                    </button>-->
                    <!--<h5  style="color: white;font-size: 17px;font-family: Monospace;">Note: Please use your email to receive your license key.
                    
                    
                    <br><br>PromptPay(THB Only) method don't select Currency.<br><br>If not receive license key after pay you can contact Admin in discord (24/7).<br><br></h5>-->
                    
                    <!--<select id="Currency" style="font-family: Monospace;width: 100%;">
                        <option style="font-family: Monospace;" value="none">Select Currency:</option>
                        <option style="font-family: Monospace;" value="THB">THB</option>
                        <option style="font-family: Monospace;" value="USD">USD</option>
                    </select>
                    <button type="button" id="ccardcreate" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        CreditCard with 
                        <img style="background-color: white;border-radius: 5px;" src="image/visa.png" width="35" height="30" alt="">
                        <img style="background-color: white;border-radius: 5px;" src="image/mastercard.png" width="35" height="35" alt="">
                    </button>
                    <button type="button" id="ppcreate"style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        PromptPay
                        <img style="background-color: white;border-radius: 5px;" src="image/PromptPay.png" width="70" height="35" alt="">
                    </button>-->
                    <!--<button type="button" onclick="window.location.href='https://funpay.com/en/lots/offer?id=27840815'" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        
                        <img style="background-color: white;border-radius: 5px;" src="image/funpay.png" width="70" height="25" alt="">
                    </button>-->
                </div>
            </div>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="download" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
            <div class="modal-dialog" role="document">
            <div class="modal-content" style="background-color: rgba(85, 174, 254, .9);">
               
                <div class="modal-body noBorder">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h5 style="color: white;font-size: 20px;font-family: Monospace;font-weight: bold;">Download Software<br>Please enter license key.<!--<br>***Password File : <font style='color: red;font-size: 20px;font-family: Monospace;font-weight: bold;'>MatrixHub</font>--></h5>
                    <div class="form-group">
                        <input type="text" class="form-control" id="licensekeytodownload" placeholder="License key">
                    </div>
                    <button type="button" id="createdownload" style="margin-top:5px;width:100%;color: rgba(85, 174, 254, .9);font-size: 15px;font-family: Monospace;" class="btn btn-light">
                        Download
                    </button>
                </div>
            </div>
            </div>
        </div>
    </div>
    <script src="https://js.stripe.com/v3/"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/sweetalert2.js"></script>
    <script type="text/javascript" src="https://pay.sellsn.io/embed.min.js"></script>
    <script>
        var currentstar = 0;
        function processstart(id)
        {
            for(var i = 1;i<=5;i++)
            {
                $('#star_'+i).removeClass("checked");
            }
            for(var i = 1;i<=id;i++)
            {
                $('#star_'+i).addClass("checked");
            }
            currentstar = id;
        }
        const carouselText = [
            {text: "The best Universal External for Roblox", color: "#55aefe"},
        ]
        carousel(carouselText, "#feature-text");
        async function typeSentence(sentence, eleRef, delay = 50) {
        const letters = sentence.split("");
        let i = 0;
        while(i < letters.length) {
            await waitForMs(delay);
            $(eleRef).append(letters[i]);
            i++
        }
        return;
        }

        async function deleteSentence(eleRef) {
        const sentence = $(eleRef).html();
        const letters = sentence.split("");
        let i = 0;
        while(letters.length > 0) {
            await waitForMs(30);
            letters.pop();
            $(eleRef).html(letters.join(""));
        }
        }

        async function carousel(carouselList, eleRef) {
            var i = 0;
            while(true) {
            updateFontColor(eleRef, carouselList[i].color)
            await typeSentence(carouselList[i].text, eleRef);
            await waitForMs(1500);
            await deleteSentence(eleRef);
            await waitForMs(500);
            i++
            if(i >= carouselList.length) {i = 0;}
            }
        }

        function updateFontColor(eleRef, color) {
            $(eleRef).css('color', color);
        }

        function waitForMs(ms) {
            return new Promise(resolve => setTimeout(resolve, ms))
        }
        $(document).ready(function(){

            
            $("#createdownload").button().click(function(){

                $.get("api/download.php?licensekey="+$('#licensekeytodownload').val(), function(data, status){
                    const objData = JSON.parse(data);
                    //if(objData['success'])
                    //console.log(objData);

                    location.replace(objData['success']); 

                    Swal.fire({
                        icon: "success",
                        title: "Thanks for use Matrix Hub."
                    });
                    //windows.location.href = objData['success'];
                    //alert("Data: " + data + "\nStatus: " + status);
                }).fail(function(data) {
                    const obj = JSON.parse(data.responseText);
                    Swal.fire({
                        icon: "error",
                        title: "Oops...",
                        text: obj['error']
                    });
                });
 
            }); 

            $.get("getreview.php", function(data, status){
                const obj = JSON.parse(data);
                for(var i = 0;i<obj.length;i++)
                {
                    const objData = JSON.parse(obj[i]['reviews']);
                    var cloneEle = $('#cardreview').clone();
                   // cloneEle.find('#_datereview').html('test');

                    for(var j = 1;j<=objData['star'];j++)
                    {
                        cloneEle.find('#__star_'+j).addClass("checked");
                    }
                    //__star_1
                    cloneEle.find('#_datereview').html(objData['date']);
                    cloneEle.find('#_messagereview').html(objData['message']); 

                    cloneEle.appendTo('#contentcardreview').show();
                    //appendTo('#contentcardreview').show();
                    //console.log(objData);
                    //alert("Data: " + data + "\nStatus: " + status);
                }

                $('#reviewnumber').html(obj.length);
            });
 

            const stripe = Stripe('pk_live_51OVeiNAXNzgbsQ6yvMirANrwXdJ20PCPaMIr8LqG2lL9aj1Uk4ACUZVZQeP1Wtod8483TqaRpamDHgXH8EH3efK900DVHu4Asc');
            $("#ppcreate").button().click(function(){
                $.get("create_pp.php", function(data, status){
                    const obj = JSON.parse(data);
                    Swal.fire({
                        icon: "warning",
                        text: "Do you want to pay now?",
                        showCancelButton: true,
                        confirmButtonText: "Let's go",
                        denyButtonText: 'No'
                    }).then((result) => {
                    /* Read more about isConfirmed, isDenied below */
                    if (result.isConfirmed) {
                        stripe.redirectToCheckout({
                            sessionId: obj['success'],
                        });
                    } else if (result.isDenied) {
                    }
                    });
                    //alert("Data: " + data + "\nStatus: " + status);
                }).fail(function(data) {
                    const obj = JSON.parse(data.responseText);
                    Swal.fire({
                        icon: "error",
                        title: "Oops...",
                        text: obj['error']
                    });
                });
 
            }); 

            
            $("#submitreview").button().click(function(){
                $.get("review.php?hashid="+$('#reviewhash').val()+'&star='+currentstar+'&message='+$('#reviewmessage').val(), function(data, status,xhr){
                    $('#review').modal('hide');
                    //alert(data);
                    Swal.fire({
                    icon: "success",
                    confirmButtonText: "OK",
                    html: "Thank for review."
                    });
                });
            }); 
            $("#ccardcreate").button().click(function(){
                $.get("create_ccard.php?typecurrentcy="+$("#Currency").val(), function(data, status,xhr){
                    const obj = JSON.parse(data);
                    Swal.fire({
                        icon: "warning",
                        text: "Do you want to pay now?",
                        showCancelButton: true,
                        confirmButtonText: "Let's go",
                        denyButtonText: 'No'
                    }).then((result) => {
                    /* Read more about isConfirmed, isDenied below */
                    if (result.isConfirmed) {
                        stripe.redirectToCheckout({
                            sessionId: obj['success'],
                        });
                    } else if (result.isDenied) {
                    }
                    });
                }).fail(function(data) {
                    const obj = JSON.parse(data.responseText);
                    Swal.fire({
                        icon: "error",
                        title: "Oops...",
                        text: obj['error']
                    });
                });
            }); 
            
                    });
    </script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8f092232dd3f2fa0',t:'MTczMzk1ODQ3NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>

<div data-v-app=""><!----></div><iframe name="__privateStripeController2621" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *" src="https://js.stripe.com/v3/controller-with-preconnect-af28de358066fb0624fac814b26537fb.html#apiKey=pk_live_51OVeiNAXNzgbsQ6yvMirANrwXdJ20PCPaMIr8LqG2lL9aj1Uk4ACUZVZQeP1Wtod8483TqaRpamDHgXH8EH3efK900DVHu4Asc&amp;stripeJsId=a2f1412f-e65e-4bb4-a80a-e7cf0ee74fa9&amp;controllerCount=1&amp;isCheckout=false&amp;stripeJsLoadTime=1733958475681&amp;manualBrowserDeprecationRollout=false&amp;mids[guid]=NA&amp;mids[muid]=NA&amp;mids[sid]=NA&amp;referrer=https%3A%2F%2Fmatrixhubs.shop%2F&amp;controllerId=__privateStripeController2621" aria-hidden="true" tabindex="-1" style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; visibility: hidden !important; position: fixed !important; height: 1px !important; pointer-events: none !important; user-select: none !important;"></iframe><iframe name="__privateStripeMetricsController2620" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *" src="https://js.stripe.com/v3/m-outer-3437aaddcdf6922d623e172c2d6f9278.html#url=https%3A%2F%2Fmatrixhubs.shop%2F&amp;title=Matrix%20Hub&amp;referrer=&amp;muid=NA&amp;sid=NA&amp;version=6&amp;preview=false" aria-hidden="true" tabindex="-1" style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; visibility: hidden !important; position: fixed !important; height: 1px !important; pointer-events: none !important; user-select: none !important;"></iframe></body></html>