https://fconline.community2024.vn/

Submitted URL:
https://fconline.community2024.vn/
Report Finished:

The outgoing links identified from the page

LinkText
https://fo4.garena.vn

JavaScript Variables · 28 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetogglestring
documentPictureInPicturestring
onscrollendstring
$string
jQuerystring
dataLayerstring
webpackJsonpstring
__fb_istring
FBstring
Sweetalert2string

Console log messages · 4 found

Messages logged to the web console

TypeCategoryLog
errornetwork
URL
chrome-extension://invalid/
Text
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
errornetwork
URL
https://www.googletagmanager.com/gtm.js?id=GTM-TTJ43JH
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://www.googletagmanager.com/gtagjs?id=G-56SWRWFL9J&l=dataLayer&cx=c
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://www.googletagmanager.com/gtm.js?id=GTM-TTJ43JH
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

The raw HTML body of the page

<html lang="en" style="font-size: 10px;"><head>
    <title>Giải đấu Student Community 2024 mùa I</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Student Community 2024 SEASON 1 - GIẢI ĐẤU FC ONLINE 4 DANH GIÁ NHẤT VIỆT NAM">
    <meta property="og:description" content="KHỞI TRANH GIẢI ĐẤU FC ONLINE 4 DANH GIÁ NHẤT VIỆT NAM - Student Community 2024 MÙA 1. 100% đội tham gia thi đấu Vòng loại sẽ nhận được code ingame và nhiều phần quà hấp dẫn.">
    <meta property="og:url" content="/">
    <meta property="og:site_name" content="Giải đấu Student Community 2024 mùa 1">
    <meta property="og:image" content="https://fconline.garena.vn/wp-content/uploads/2024/08/123-768x715.jpg">
    <meta property="og:image:alt" content="Giải đấu Student CommunityL">
    <link rel="icon" sizes="32x32" href="https://cdn.vn.garenanow.com/web/fo4vn/Khoa/2023/T9/FCO/favicon.ico" type="image/vnd.microsoft.icon">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&amp;display=swap" rel="stylesheet">
    <!-- <link rel="stylesheet" href="/css/bootstrap.min.css" crossorigin="anonymous">Google Tag Manager -->
    <link rel="stylesheet" href="css/bootstrap.min.css" crossorigin="anonymous"><!-- Google Tag Manager -->
    <script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TTJ43JH"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TTJ43JH"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtagjs?id=G-56SWRWFL9J&amp;l=dataLayer&amp;cx=c"></script>
    <script src="https://connect.facebook.net/en_US/sdk.js?hash=1bac7f4c47051e0d3ae4af4c445c8c91" async="" crossorigin="anonymous"></script>
    <script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TTJ43JH"></script>
    <script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TTJ43JH"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-TTJ43JH');
    </script><!-- End Google Tag Manager --><!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TTJ43JH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->
    <style>
        /* Please rotate */
        @media screen and (orientation: portrait) {
            #root {
                display: none;
            }

            #pleaserotate-backdrop {
                display: block !important;
            }
        }

        #pleaserotate-backdrop {
            top: 0px;
            left: 0px;
            position: fixed;
            width: 100%;
            height: 100%;
            display: none;
            background-color: black;
            z-index: 9;
        }

        #pleaserotate-container {
            width: 300px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }

        @keyframes pleaserotateframes {
            0% {
                transform: rotate(0deg);
            }

            49% {
                transform: rotate(90deg);
            }

            100% {
                transform: rotate(90deg);
            }
        }

        #pleaserotate-graphic {
            width: 300px;
            transform-origin: 50% 50% 0px;
            animation: pleaserotateframes 2s ease 0s infinite normal none running;
        }

        #pleaserotate-message {
            color: white;
            margin-top: 20px;
            font-size: 4rem;
            text-align: center;
            text-transform: uppercase;
        }
    </style>
    <style>
        .image-container {
            max-width: 72.91667vw;
            display: flex;
            justify-content: space-between;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .image-container .img {
            width: 15% !important;
            height: 347.98px;
        }

        .image-container .img img {
            width: 306.25px !important;
            height: 347.98px;
            margin-right: 56px;
 		object-fit: cover;
        }

        .image-container1 {
            max-width: 72.91667vw;
            display: flex;
            justify-content: space-between;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .image-container1 .img {
            width: 15% !important;
            height: 347.98px;
        }

        .image-container1 .img img {
            width: 306.25px !important;
            height: 347.98px;
            margin-right: 56px;
		object-fit: cover;
        }

        @media (max-width: 1600px) {
            .image-container .img img {
                width: 20%;
            }

            .image-container1 .img img {
                width: 20%;
            }
        }

        @media (max-width: 1920px) {
            .image-container {
                flex-wrap: wrap;
            }

            .image-container .img img {
                width: 30%;
                margin-bottom: 10px;
            }

            .image-container1 {
                flex-wrap: wrap;
            }

            .image-container1 .img img {
                width: 30%;
                margin-bottom: 10px;
            }
        }

        @media (max-width: 768px) {
            .image-container .img img {
                width: 20%;
            }

            .image-container1 .img img {
                width: 20%;
            }
        }

        @media (max-width: 480px) {
            .image-container {
                flex-wrap: wrap;
            }

            .image-container .img img {
                width: 45%;
                margin-bottom: 10px;
            }

            .image-container1 {
                flex-wrap: wrap;
            }

            .image-container1 .img img {
                width: 45%;
                margin-bottom: 10px;
            }
        }
    </style>
    <style>
        .swal2-container {
            max-width: 100%;
            max-height: 100%;
            overflow: auto;
        }
    </style>
    <link href="styles/main.d864e43a4628a8321177.css" rel="stylesheet">
    <style>
        .swal2-popup.swal2-toast {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            -webkit-box-align: center;
            align-items: center;
            width: auto;
            padding: .625em;
            overflow-y: hidden;
            background: #fff;
            box-shadow: 0 0 .625em #d9d9d9
        }

        .swal2-popup.swal2-toast .swal2-header {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row
        }

        .swal2-popup.swal2-toast .swal2-title {
            -webkit-box-flex: 1;
            flex-grow: 1;
            -webkit-box-pack: start;
            justify-content: flex-start;
            margin: 0 .6em;
            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 {
            position: static;
            width: .8em;
            height: .8em;
            line-height: .8
        }

        .swal2-popup.swal2-toast .swal2-content {
            -webkit-box-pack: start;
            justify-content: flex-start;
            font-size: 1em
        }

        .swal2-popup.swal2-toast .swal2-icon {
            width: 2em;
            min-width: 2em;
            height: 2em;
            margin: 0
        }

        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            font-size: 1.8em;
            font-weight: 700
        }

        @media all and (-ms-high-contrast:none),
        (-ms-high-contrast:active) {
            .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
                font-size: .25em
            }
        }

        .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 {
            flex-basis: auto !important;
            width: auto;
            height: auto;
            margin: 0 .3125em
        }

        .swal2-popup.swal2-toast .swal2-styled {
            margin: 0 .3125em;
            padding: .3125em .625em;
            font-size: 1em
        }

        .swal2-popup.swal2-toast .swal2-styled:focus {
            box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
        }

        .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;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-radius: 50%
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
            top: -.8em;
            left: -.5em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 2em 2em;
            transform-origin: 2em 2em;
            border-radius: 4em 0 0 4em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
            top: -.25em;
            left: .9375em;
            -webkit-transform-origin: 0 1.5em;
            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 {
            -webkit-animation: swal2-toast-animate-success-line-tip .75s;
            animation: swal2-toast-animate-success-line-tip .75s
        }

        .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
            -webkit-animation: swal2-toast-animate-success-line-long .75s;
            animation: swal2-toast-animate-success-line-long .75s
        }

        .swal2-popup.swal2-toast.swal2-show {
            -webkit-animation: swal2-toast-show .5s;
            animation: swal2-toast-show .5s
        }

        .swal2-popup.swal2-toast.swal2-hide {
            -webkit-animation: swal2-toast-hide .1s forwards;
            animation: swal2-toast-hide .1s forwards
        }

        .swal2-container {
            display: -webkit-box;
            display: flex;
            position: fixed;
            z-index: 1060;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            padding: .625em;
            overflow-x: hidden;
            -webkit-transition: background-color .1s;
            transition: background-color .1s;
            -webkit-overflow-scrolling: touch
        }

        .swal2-container.swal2-backdrop-show {
            background: rgba(0, 0, 0, .4)
        }

        .swal2-container.swal2-backdrop-hide {
            background: 0 0 !important
        }

        .swal2-container.swal2-top {
            -webkit-box-align: start;
            align-items: flex-start
        }

        .swal2-container.swal2-top-left,
        .swal2-container.swal2-top-start {
            -webkit-box-align: start;
            align-items: flex-start;
            -webkit-box-pack: start;
            justify-content: flex-start
        }

        .swal2-container.swal2-top-end,
        .swal2-container.swal2-top-right {
            -webkit-box-align: start;
            align-items: flex-start;
            -webkit-box-pack: end;
            justify-content: flex-end
        }

        .swal2-container.swal2-center {
            -webkit-box-align: center;
            align-items: center
        }

        .swal2-container.swal2-center-left,
        .swal2-container.swal2-center-start {
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: start;
            justify-content: flex-start
        }

        .swal2-container.swal2-center-end,
        .swal2-container.swal2-center-right {
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: end;
            justify-content: flex-end
        }

        .swal2-container.swal2-bottom {
            -webkit-box-align: end;
            align-items: flex-end
        }

        .swal2-container.swal2-bottom-left,
        .swal2-container.swal2-bottom-start {
            -webkit-box-align: end;
            align-items: flex-end;
            -webkit-box-pack: start;
            justify-content: flex-start
        }

        .swal2-container.swal2-bottom-end,
        .swal2-container.swal2-bottom-right {
            -webkit-box-align: end;
            align-items: flex-end;
            -webkit-box-pack: end;
            justify-content: flex-end
        }

        .swal2-container.swal2-bottom-end>:first-child,
        .swal2-container.swal2-bottom-left>:first-child,
        .swal2-container.swal2-bottom-right>:first-child,
        .swal2-container.swal2-bottom-start>:first-child,
        .swal2-container.swal2-bottom>:first-child {
            margin-top: auto
        }

        .swal2-container.swal2-grow-fullscreen>.swal2-modal {
            display: -webkit-box !important;
            display: flex !important;
            -webkit-box-flex: 1;
            flex: 1;
            align-self: stretch;
            -webkit-box-pack: center;
            justify-content: center
        }

        .swal2-container.swal2-grow-row>.swal2-modal {
            display: -webkit-box !important;
            display: flex !important;
            -webkit-box-flex: 1;
            flex: 1;
            align-content: center;
            -webkit-box-pack: center;
            justify-content: center
        }

        .swal2-container.swal2-grow-column {
            -webkit-box-flex: 1;
            flex: 1;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column
        }

        .swal2-container.swal2-grow-column.swal2-bottom,
        .swal2-container.swal2-grow-column.swal2-center,
        .swal2-container.swal2-grow-column.swal2-top {
            -webkit-box-align: center;
            align-items: center
        }

        .swal2-container.swal2-grow-column.swal2-bottom-left,
        .swal2-container.swal2-grow-column.swal2-bottom-start,
        .swal2-container.swal2-grow-column.swal2-center-left,
        .swal2-container.swal2-grow-column.swal2-center-start,
        .swal2-container.swal2-grow-column.swal2-top-left,
        .swal2-container.swal2-grow-column.swal2-top-start {
            -webkit-box-align: start;
            align-items: flex-start
        }

        .swal2-container.swal2-grow-column.swal2-bottom-end,
        .swal2-container.swal2-grow-column.swal2-bottom-right,
        .swal2-container.swal2-grow-column.swal2-center-end,
        .swal2-container.swal2-grow-column.swal2-center-right,
        .swal2-container.swal2-grow-column.swal2-top-end,
        .swal2-container.swal2-grow-column.swal2-top-right {
            -webkit-box-align: end;
            align-items: flex-end
        }

        .swal2-container.swal2-grow-column>.swal2-modal {
            display: -webkit-box !important;
            display: flex !important;
            -webkit-box-flex: 1;
            flex: 1;
            align-content: center;
            -webkit-box-pack: center;
            justify-content: center
        }

        .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
            margin: auto
        }

        @media all and (-ms-high-contrast:none),
        (-ms-high-contrast:active) {
            .swal2-container .swal2-modal {
                margin: 0 !important
            }
        }

        .swal2-popup {
            display: none;
            position: relative;
            box-sizing: border-box;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            -webkit-box-pack: center;
            justify-content: center;
            width: 32em;
            max-width: 100%;
            padding: 1.25em;
            border: none;
            border-radius: .3125em;
            background: #fff;
            font-family: inherit;
            font-size: 1rem
        }

        .swal2-popup:focus {
            outline: 0
        }

        .swal2-popup.swal2-loading {
            overflow-y: hidden
        }

        .swal2-header {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            -webkit-box-align: center;
            align-items: center
        }

        .swal2-title {
            position: relative;
            max-width: 100%;
            margin: 0 0 .4em;
            padding: 0;
            color: #595959;
            font-size: 1.875em;
            font-weight: 600;
            text-align: center;
            text-transform: none;
            word-wrap: break-word
        }

        .swal2-actions {
            display: -webkit-box;
            display: flex;
            z-index: 1;
            flex-wrap: wrap;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            width: 100%;
            margin: 1.25em auto 0
        }

        .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4
        }

        .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .1)));
            background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
        }

        .swal2-actions:not(.swal2-loading) .swal2-styled:active {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2)));
            background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
        }

        .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
            box-sizing: border-box;
            width: 2.5em;
            height: 2.5em;
            margin: .46875em;
            padding: 0;
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            border: .25em solid transparent;
            border-radius: 100%;
            border-color: transparent;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
            margin-right: 30px;
            margin-left: 30px
        }

        .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
            content: "";
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 5px;
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            border: 3px solid #999;
            border-radius: 50%;
            border-right-color: transparent;
            box-shadow: 1px 1px 1px #fff
        }

        .swal2-styled {
            margin: .3125em;
            padding: .625em 2em;
            box-shadow: none;
            font-weight: 500
        }

        .swal2-styled:not([disabled]) {
            cursor: pointer
        }

        .swal2-styled.swal2-confirm {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #3085d6;
            color: #fff;
            font-size: 1.0625em
        }

        .swal2-styled.swal2-cancel {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #aaa;
            color: #fff;
            font-size: 1.0625em
        }

        .swal2-styled:focus {
            outline: 0;
            box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
        }

        .swal2-styled::-moz-focus-inner {
            border: 0
        }

        .swal2-footer {
            -webkit-box-pack: center;
            justify-content: center;
            margin: 1.25em 0 0;
            padding: 1em 0 0;
            border-top: 1px solid #eee;
            color: #545454;
            font-size: 1em
        }

        .swal2-timer-progress-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: .25em;
            background: rgba(0, 0, 0, .2)
        }

        .swal2-image {
            max-width: 100%;
            margin: 1.25em auto
        }

        .swal2-close {
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            -webkit-box-pack: center;
            justify-content: center;
            width: 1.2em;
            height: 1.2em;
            padding: 0;
            overflow: hidden;
            -webkit-transition: color .1s ease-out;
            transition: color .1s ease-out;
            border: none;
            border-radius: 0;
            outline: initial;
            background: 0 0;
            color: #ccc;
            font-family: serif;
            font-size: 2.5em;
            line-height: 1.2;
            cursor: pointer
        }

        .swal2-close:hover {
            -webkit-transform: none;
            transform: none;
            background: 0 0;
            color: #f27474
        }

        .swal2-close::-moz-focus-inner {
            border: 0
        }

        .swal2-content {
            z-index: 1;
            -webkit-box-pack: center;
            justify-content: center;
            margin: 0;
            padding: 0;
            color: #545454;
            font-size: 1.125em;
            font-weight: 400;
            line-height: normal;
            text-align: center;
            word-wrap: break-word
        }

        .swal2-checkbox,
        .swal2-file,
        .swal2-input,
        .swal2-radio,
        .swal2-select,
        .swal2-textarea {
            margin: 1em auto
        }

        .swal2-file,
        .swal2-input,
        .swal2-textarea {
            box-sizing: border-box;
            width: 100%;
            -webkit-transition: border-color .3s, box-shadow .3s;
            transition: border-color .3s, box-shadow .3s;
            border: 1px solid #d9d9d9;
            border-radius: .1875em;
            background: inherit;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
            color: inherit;
            font-size: 1.125em
        }

        .swal2-file.swal2-inputerror,
        .swal2-input.swal2-inputerror,
        .swal2-textarea.swal2-inputerror {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important
        }

        .swal2-file:focus,
        .swal2-input:focus,
        .swal2-textarea:focus {
            border: 1px solid #b4dbed;
            outline: 0;
            box-shadow: 0 0 3px #c4e6f5
        }

        .swal2-file::-webkit-input-placeholder,
        .swal2-input::-webkit-input-placeholder,
        .swal2-textarea::-webkit-input-placeholder {
            color: #ccc
        }

        .swal2-file::-moz-placeholder,
        .swal2-input::-moz-placeholder,
        .swal2-textarea::-moz-placeholder {
            color: #ccc
        }

        .swal2-file:-ms-input-placeholder,
        .swal2-input:-ms-input-placeholder,
        .swal2-textarea:-ms-input-placeholder {
            color: #ccc
        }

        .swal2-file::-ms-input-placeholder,
        .swal2-input::-ms-input-placeholder,
        .swal2-textarea::-ms-input-placeholder {
            color: #ccc
        }

        .swal2-file::placeholder,
        .swal2-input::placeholder,
        .swal2-textarea::placeholder {
            color: #ccc
        }

        .swal2-range {
            margin: 1em auto;
            background: #fff
        }

        .swal2-range input {
            width: 80%
        }

        .swal2-range output {
            width: 20%;
            color: inherit;
            font-weight: 600;
            text-align: center
        }

        .swal2-range input,
        .swal2-range output {
            height: 2.625em;
            padding: 0;
            font-size: 1.125em;
            line-height: 2.625em
        }

        .swal2-input {
            height: 2.625em;
            padding: 0 .75em
        }

        .swal2-input[type=number] {
            max-width: 10em
        }

        .swal2-file {
            background: inherit;
            font-size: 1.125em
        }

        .swal2-textarea {
            height: 6.75em;
            padding: .75em
        }

        .swal2-select {
            min-width: 50%;
            max-width: 100%;
            padding: .375em .625em;
            background: inherit;
            color: inherit;
            font-size: 1.125em
        }

        .swal2-checkbox,
        .swal2-radio {
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            background: #fff;
            color: inherit
        }

        .swal2-checkbox label,
        .swal2-radio label {
            margin: 0 .6em;
            font-size: 1.125em
        }

        .swal2-checkbox input,
        .swal2-radio input {
            margin: 0 .4em
        }

        .swal2-validation-message {
            display: none;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            padding: .625em;
            overflow: hidden;
            background: #f0f0f0;
            color: #666;
            font-size: 1em;
            font-weight: 300
        }

        .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
        }

        .swal2-icon {
            position: relative;
            box-sizing: content-box;
            -webkit-box-pack: center;
            justify-content: center;
            width: 5em;
            height: 5em;
            margin: 1.25em auto 1.875em;
            border: .25em solid transparent;
            border-radius: 50%;
            font-family: inherit;
            line-height: 5em;
            cursor: default;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .swal2-icon .swal2-icon-content {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            font-size: 3.75em
        }

        .swal2-icon.swal2-error {
            border-color: #f27474;
            color: #f27474
        }

        .swal2-icon.swal2-error .swal2-x-mark {
            position: relative;
            -webkit-box-flex: 1;
            flex-grow: 1
        }

        .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
        }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: 1.0625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: 1em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .swal2-icon.swal2-error.swal2-icon-show {
            -webkit-animation: swal2-animate-error-icon .5s;
            animation: swal2-animate-error-icon .5s
        }

        .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
            -webkit-animation: swal2-animate-error-x-mark .5s;
            animation: swal2-animate-error-x-mark .5s
        }

        .swal2-icon.swal2-warning {
            border-color: #facea8;
            color: #f8bb86
        }

        .swal2-icon.swal2-info {
            border-color: #9de0f6;
            color: #3fc3ee
        }

        .swal2-icon.swal2-question {
            border-color: #c9dae1;
            color: #87adbd
        }

        .swal2-icon.swal2-success {
            border-color: #a5dc86;
            color: #a5dc86
        }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 3.75em;
            height: 7.5em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-radius: 50%
        }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
            top: -.4375em;
            left: -2.0635em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 3.75em 3.75em;
            transform-origin: 3.75em 3.75em;
            border-radius: 7.5em 0 0 7.5em
        }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
            top: -.6875em;
            left: 1.875em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 3.75em;
            transform-origin: 0 3.75em;
            border-radius: 0 7.5em 7.5em 0
        }

        .swal2-icon.swal2-success .swal2-success-ring {
            position: absolute;
            z-index: 2;
            top: -.25em;
            left: -.25em;
            box-sizing: content-box;
            width: 100%;
            height: 100%;
            border: .25em solid rgba(165, 220, 134, .3);
            border-radius: 50%
        }

        .swal2-icon.swal2-success .swal2-success-fix {
            position: absolute;
            z-index: 1;
            top: .5em;
            left: 1.625em;
            width: .4375em;
            height: 5.625em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .swal2-icon.swal2-success [class^=swal2-success-line] {
            display: block;
            position: absolute;
            z-index: 2;
            height: .3125em;
            border-radius: .125em;
            background-color: #a5dc86
        }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
            top: 2.875em;
            left: .875em;
            width: 1.5625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
            top: 2.375em;
            right: .5em;
            width: 2.9375em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
            -webkit-animation: swal2-animate-success-line-tip .75s;
            animation: swal2-animate-success-line-tip .75s
        }

        .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
            -webkit-animation: swal2-animate-success-line-long .75s;
            animation: swal2-animate-success-line-long .75s
        }

        .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
            -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
            animation: swal2-rotate-success-circular-line 4.25s ease-in
        }

        .swal2-progress-steps {
            -webkit-box-align: center;
            align-items: center;
            margin: 0 0 1.25em;
            padding: 0;
            background: inherit;
            font-weight: 600
        }

        .swal2-progress-steps li {
            display: inline-block;
            position: relative
        }

        .swal2-progress-steps .swal2-progress-step {
            z-index: 20;
            width: 2em;
            height: 2em;
            border-radius: 2em;
            background: #3085d6;
            color: #fff;
            line-height: 2em;
            text-align: center
        }

        .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
            background: #3085d6
        }

        .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
            background: #add8e6;
            color: #fff
        }

        .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
            background: #add8e6
        }

        .swal2-progress-steps .swal2-progress-step-line {
            z-index: 10;
            width: 2.5em;
            height: .4em;
            margin: 0 -1px;
            background: #3085d6
        }

        [class^=swal2] {
            -webkit-tap-highlight-color: transparent
        }

        .swal2-show {
            -webkit-animation: swal2-show .3s;
            animation: swal2-show .3s
        }

        .swal2-hide {
            -webkit-animation: swal2-hide .15s forwards;
            animation: swal2-hide .15s forwards
        }

        .swal2-noanimation {
            -webkit-transition: none;
            transition: none
        }

        .swal2-scrollbar-measure {
            position: absolute;
            top: -9999px;
            width: 50px;
            height: 50px;
            overflow: scroll
        }

        .swal2-rtl .swal2-close {
            right: auto;
            left: 0
        }

        .swal2-rtl .swal2-timer-progress-bar {
            right: 0;
            left: auto
        }

        @supports (-ms-accelerator:true) {
            .swal2-range input {
                width: 100% !important
            }

            .swal2-range output {
                display: none
            }
        }

        @media all and (-ms-high-contrast:none),
        (-ms-high-contrast:active) {
            .swal2-range input {
                width: 100% !important
            }

            .swal2-range output {
                display: none
            }
        }

        @-moz-document url-prefix() {
            .swal2-close:focus {
                outline: 2px solid rgba(50, 100, 150, .4)
            }
        }

        @-webkit-keyframes swal2-toast-show {
            0% {
                -webkit-transform: translateY(-.625em) rotateZ(2deg);
                transform: translateY(-.625em) rotateZ(2deg)
            }

            33% {
                -webkit-transform: translateY(0) rotateZ(-2deg);
                transform: translateY(0) rotateZ(-2deg)
            }

            66% {
                -webkit-transform: translateY(.3125em) rotateZ(2deg);
                transform: translateY(.3125em) rotateZ(2deg)
            }

            100% {
                -webkit-transform: translateY(0) rotateZ(0);
                transform: translateY(0) rotateZ(0)
            }
        }

        @keyframes swal2-toast-show {
            0% {
                -webkit-transform: translateY(-.625em) rotateZ(2deg);
                transform: translateY(-.625em) rotateZ(2deg)
            }

            33% {
                -webkit-transform: translateY(0) rotateZ(-2deg);
                transform: translateY(0) rotateZ(-2deg)
            }

            66% {
                -webkit-transform: translateY(.3125em) rotateZ(2deg);
                transform: translateY(.3125em) rotateZ(2deg)
            }

            100% {
                -webkit-transform: translateY(0) rotateZ(0);
                transform: translateY(0) rotateZ(0)
            }
        }

        @-webkit-keyframes swal2-toast-hide {
            100% {
                -webkit-transform: rotateZ(1deg);
                transform: rotateZ(1deg);
                opacity: 0
            }
        }

        @keyframes swal2-toast-hide {
            100% {
                -webkit-transform: rotateZ(1deg);
                transform: rotateZ(1deg);
                opacity: 0
            }
        }

        @-webkit-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: -.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-tip {
            0% {
                top: .5625em;
                left: .0625em;
                width: 0
            }

            54% {
                top: .125em;
                left: .125em;
                width: 0
            }

            70% {
                top: .625em;
                left: -.25em;
                width: 1.625em
            }

            84% {
                top: 1.0625em;
                left: .75em;
                width: .5em
            }

            100% {
                top: 1.125em;
                left: .1875em;
                width: .75em
            }
        }

        @-webkit-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-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
            }
        }

        @-webkit-keyframes swal2-show {
            0% {
                -webkit-transform: scale(.7);
                transform: scale(.7)
            }

            45% {
                -webkit-transform: scale(1.05);
                transform: scale(1.05)
            }

            80% {
                -webkit-transform: scale(.95);
                transform: scale(.95)
            }

            100% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        @keyframes swal2-show {
            0% {
                -webkit-transform: scale(.7);
                transform: scale(.7)
            }

            45% {
                -webkit-transform: scale(1.05);
                transform: scale(1.05)
            }

            80% {
                -webkit-transform: scale(.95);
                transform: scale(.95)
            }

            100% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        @-webkit-keyframes swal2-hide {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }

            100% {
                -webkit-transform: scale(.5);
                transform: scale(.5);
                opacity: 0
            }
        }

        @keyframes swal2-hide {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }

            100% {
                -webkit-transform: scale(.5);
                transform: scale(.5);
                opacity: 0
            }
        }

        @-webkit-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: -.375em;
                width: 3.125em
            }

            84% {
                top: 3em;
                left: 1.3125em;
                width: 1.0625em
            }

            100% {
                top: 2.8125em;
                left: .875em;
                width: 1.5625em
            }
        }

        @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: -.375em;
                width: 3.125em
            }

            84% {
                top: 3em;
                left: 1.3125em;
                width: 1.0625em
            }

            100% {
                top: 2.8125em;
                left: .875em;
                width: 1.5625em
            }
        }

        @-webkit-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-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
            }
        }

        @-webkit-keyframes swal2-rotate-success-circular-line {
            0% {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            5% {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            12% {
                -webkit-transform: rotate(-405deg);
                transform: rotate(-405deg)
            }

            100% {
                -webkit-transform: rotate(-405deg);
                transform: rotate(-405deg)
            }
        }

        @keyframes swal2-rotate-success-circular-line {
            0% {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            5% {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            12% {
                -webkit-transform: rotate(-405deg);
                transform: rotate(-405deg)
            }

            100% {
                -webkit-transform: rotate(-405deg);
                transform: rotate(-405deg)
            }
        }

        @-webkit-keyframes swal2-animate-error-x-mark {
            0% {
                margin-top: 1.625em;
                -webkit-transform: scale(.4);
                transform: scale(.4);
                opacity: 0
            }

            50% {
                margin-top: 1.625em;
                -webkit-transform: scale(.4);
                transform: scale(.4);
                opacity: 0
            }

            80% {
                margin-top: -.375em;
                -webkit-transform: scale(1.15);
                transform: scale(1.15)
            }

            100% {
                margin-top: 0;
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
        }

        @keyframes swal2-animate-error-x-mark {
            0% {
                margin-top: 1.625em;
                -webkit-transform: scale(.4);
                transform: scale(.4);
                opacity: 0
            }

            50% {
                margin-top: 1.625em;
                -webkit-transform: scale(.4);
                transform: scale(.4);
                opacity: 0
            }

            80% {
                margin-top: -.375em;
                -webkit-transform: scale(1.15);
                transform: scale(1.15)
            }

            100% {
                margin-top: 0;
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
        }

        @-webkit-keyframes swal2-animate-error-icon {
            0% {
                -webkit-transform: rotateX(100deg);
                transform: rotateX(100deg);
                opacity: 0
            }

            100% {
                -webkit-transform: rotateX(0);
                transform: rotateX(0);
                opacity: 1
            }
        }

        @keyframes swal2-animate-error-icon {
            0% {
                -webkit-transform: rotateX(100deg);
                transform: rotateX(100deg);
                opacity: 0
            }

            100% {
                -webkit-transform: rotateX(0);
                transform: rotateX(0);
                opacity: 1
            }
        }

        @-webkit-keyframes swal2-rotate-loading {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        @keyframes swal2-rotate-loading {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        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 {
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            max-width: calc(100% - .625em * 2);
            background-color: transparent !important
        }

        body.swal2-no-backdrop .swal2-container>.swal2-modal {
            box-shadow: 0 0 10px rgba(0, 0, 0, .4)
        }

        body.swal2-no-backdrop .swal2-container.swal2-top {
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        body.swal2-no-backdrop .swal2-container.swal2-top-left,
        body.swal2-no-backdrop .swal2-container.swal2-top-start {
            top: 0;
            left: 0
        }

        body.swal2-no-backdrop .swal2-container.swal2-top-end,
        body.swal2-no-backdrop .swal2-container.swal2-top-right {
            top: 0;
            right: 0
        }

        body.swal2-no-backdrop .swal2-container.swal2-center {
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        body.swal2-no-backdrop .swal2-container.swal2-center-left,
        body.swal2-no-backdrop .swal2-container.swal2-center-start {
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        body.swal2-no-backdrop .swal2-container.swal2-center-end,
        body.swal2-no-backdrop .swal2-container.swal2-center-right {
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        body.swal2-no-backdrop .swal2-container.swal2-bottom {
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        body.swal2-no-backdrop .swal2-container.swal2-bottom-left,
        body.swal2-no-backdrop .swal2-container.swal2-bottom-start {
            bottom: 0;
            left: 0
        }

        body.swal2-no-backdrop .swal2-container.swal2-bottom-end,
        body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
            right: 0;
            bottom: 0
        }

        @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 {
            background-color: transparent
        }

        body.swal2-toast-shown .swal2-container.swal2-top {
            top: 0;
            right: auto;
            bottom: auto;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        body.swal2-toast-shown .swal2-container.swal2-top-end,
        body.swal2-toast-shown .swal2-container.swal2-top-right {
            top: 0;
            right: 0;
            bottom: auto;
            left: auto
        }

        body.swal2-toast-shown .swal2-container.swal2-top-left,
        body.swal2-toast-shown .swal2-container.swal2-top-start {
            top: 0;
            right: auto;
            bottom: auto;
            left: 0
        }

        body.swal2-toast-shown .swal2-container.swal2-center-left,
        body.swal2-toast-shown .swal2-container.swal2-center-start {
            top: 50%;
            right: auto;
            bottom: auto;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        body.swal2-toast-shown .swal2-container.swal2-center {
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        body.swal2-toast-shown .swal2-container.swal2-center-end,
        body.swal2-toast-shown .swal2-container.swal2-center-right {
            top: 50%;
            right: 0;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        body.swal2-toast-shown .swal2-container.swal2-bottom-left,
        body.swal2-toast-shown .swal2-container.swal2-bottom-start {
            top: auto;
            right: auto;
            bottom: 0;
            left: 0
        }

        body.swal2-toast-shown .swal2-container.swal2-bottom {
            top: auto;
            right: auto;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        body.swal2-toast-shown .swal2-container.swal2-bottom-end,
        body.swal2-toast-shown .swal2-container.swal2-bottom-right {
            top: auto;
            right: 0;
            bottom: 0;
            left: auto
        }

        body.swal2-toast-column .swal2-toast {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            -webkit-box-align: stretch;
            align-items: stretch
        }

        body.swal2-toast-column .swal2-toast .swal2-actions {
            -webkit-box-flex: 1;
            flex: 1;
            align-self: stretch;
            height: 2.2em;
            margin-top: .3125em
        }

        body.swal2-toast-column .swal2-toast .swal2-loading {
            -webkit-box-pack: center;
            justify-content: center
        }

        body.swal2-toast-column .swal2-toast .swal2-input {
            height: 2em;
            margin: .3125em auto;
            font-size: 1em
        }

        body.swal2-toast-column .swal2-toast .swal2-validation-message {
            font-size: 1em
        }
    </style>
    <link rel="stylesheet" type="text/css" href="2.css">
    <script charset="utf-8" src="ebb83c6601f9f9e3bf1b.js"></script>
    <script charset="utf-8" src="4c8ee32ffade118bfbfc.js"></script>
    <style type="text/css" data-fbcssmodules="css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget css:fb.css.customer_chat_plugin_iframe">
        .fb_hidden {
            position: absolute;
            top: -10000px;
            z-index: 10001
        }

        .fb_reposition {
            overflow: hidden;
            position: relative
        }

        .fb_invisible {
            display: none
        }

        .fb_reset {
            background: none;
            border: 0;
            border-spacing: 0;
            color: #000;
            cursor: auto;
            direction: ltr;
            font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
            font-size: 11px;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            letter-spacing: normal;
            line-height: 1;
            margin: 0;
            overflow: visible;
            padding: 0;
            text-align: left;
            text-decoration: none;
            text-indent: 0;
            text-shadow: none;
            text-transform: none;
            visibility: visible;
            white-space: normal;
            word-spacing: normal
        }

        .fb_reset>div {
            overflow: hidden
        }

        @keyframes fb_transform {
            from {
                opacity: 0;
                transform: scale(.95)
            }

            to {
                opacity: 1;
                transform: scale(1)
            }
        }

        .fb_animate {
            animation: fb_transform .3s forwards
        }

        .fb_hidden {
            position: absolute;
            top: -10000px;
            z-index: 10001
        }

        .fb_reposition {
            overflow: hidden;
            position: relative
        }

        .fb_invisible {
            display: none
        }

        .fb_reset {
            background: none;
            border: 0;
            border-spacing: 0;
            color: #000;
            cursor: auto;
            direction: ltr;
            font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
            font-size: 11px;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            letter-spacing: normal;
            line-height: 1;
            margin: 0;
            overflow: visible;
            padding: 0;
            text-align: left;
            text-decoration: none;
            text-indent: 0;
            text-shadow: none;
            text-transform: none;
            visibility: visible;
            white-space: normal;
            word-spacing: normal
        }

        .fb_reset>div {
            overflow: hidden
        }

        @keyframes fb_transform {
            from {
                opacity: 0;
                transform: scale(.95)
            }

            to {
                opacity: 1;
                transform: scale(1)
            }
        }

        .fb_animate {
            animation: fb_transform .3s forwards
        }

        .fb_dialog {
            background: rgba(82, 82, 82, .7);
            position: absolute;
            top: -10000px;
            z-index: 10001
        }

        .fb_dialog_advanced {
            border-radius: 8px;
            padding: 10px
        }

        .fb_dialog_content {
            background: #fff;
            color: #373737
        }

        .fb_dialog_close_icon {
            background: url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;
            cursor: pointer;
            display: block;
            height: 15px;
            position: absolute;
            right: 18px;
            top: 17px;
            width: 15px
        }

        .fb_dialog_mobile .fb_dialog_close_icon {
            left: 5px;
            right: auto;
            top: 5px
        }

        .fb_dialog_padding {
            background-color: transparent;
            position: absolute;
            width: 1px;
            z-index: -1
        }

        .fb_dialog_close_icon:hover {
            background: url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent
        }

        .fb_dialog_close_icon:active {
            background: url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent
        }

        .fb_dialog_iframe {
            line-height: 0
        }

        .fb_dialog_content .dialog_title {
            background: #6d84b4;
            border: 1px solid #365899;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            margin: 0
        }

        .fb_dialog_content .dialog_title>span {
            background: url(https://connect.facebook.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;
            float: left;
            padding: 5px 0 7px 26px
        }

        body.fb_hidden {
            height: 100%;
            left: 0;
            margin: 0;
            overflow: visible;
            position: absolute;
            top: -10000px;
            transform: none;
            width: 100%
        }

        .fb_dialog.fb_dialog_mobile.loading {
            background: url(https://connect.facebook.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;
            min-height: 100%;
            min-width: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 10001
        }

        .fb_dialog.fb_dialog_mobile.loading.centered {
            background: none;
            height: auto;
            min-height: initial;
            min-width: initial;
            width: auto
        }

        .fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner {
            width: 100%
        }

        .fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content {
            background: none
        }

        .loading.centered #fb_dialog_loader_close {
            clear: both;
            color: #fff;
            display: block;
            font-size: 18px;
            padding-top: 20px
        }

        #fb-root #fb_dialog_ipad_overlay {
            background: rgba(0, 0, 0, .4);
            bottom: 0;
            left: 0;
            min-height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 10000
        }

        #fb-root #fb_dialog_ipad_overlay.hidden {
            display: none
        }

        .fb_dialog.fb_dialog_mobile.loading iframe {
            visibility: hidden
        }

        .fb_dialog_mobile .fb_dialog_iframe {
            position: sticky;
            top: 0
        }

        .fb_dialog_content .dialog_header {
            background: linear-gradient(from(#738aba), to(#2c4987));
            border-bottom: 1px solid;
            border-color: #043b87;
            box-shadow: white 0 1px 1px -1px inset;
            color: #fff;
            font: bold 14px Helvetica, sans-serif;
            text-overflow: ellipsis;
            text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0;
            vertical-align: middle;
            white-space: nowrap
        }

        .fb_dialog_content .dialog_header table {
            height: 43px;
            width: 100%
        }

        .fb_dialog_content .dialog_header td.header_left {
            font-size: 12px;
            padding-left: 5px;
            vertical-align: middle;
            width: 60px
        }

        .fb_dialog_content .dialog_header td.header_right {
            font-size: 12px;
            padding-right: 5px;
            vertical-align: middle;
            width: 60px
        }

        .fb_dialog_content .touchable_button {
            background: linear-gradient(from(#4267B2), to(#2a4887));
            background-clip: padding-box;
            border: 1px solid #29487d;
            border-radius: 3px;
            display: inline-block;
            line-height: 18px;
            margin-top: 3px;
            max-width: 85px;
            padding: 4px 12px;
            position: relative
        }

        .fb_dialog_content .dialog_header .touchable_button input {
            background: none;
            border: none;
            color: #fff;
            font: bold 12px Helvetica, sans-serif;
            margin: 2px -12px;
            padding: 2px 6px 3px 6px;
            text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0
        }

        .fb_dialog_content .dialog_header .header_center {
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            line-height: 18px;
            text-align: center;
            vertical-align: middle
        }

        .fb_dialog_content .dialog_content {
            background: url(https://connect.facebook.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;
            border: 1px solid #4a4a4a;
            border-bottom: 0;
            border-top: 0;
            height: 150px
        }

        .fb_dialog_content .dialog_footer {
            background: #f5f6f7;
            border: 1px solid #4a4a4a;
            border-top-color: #ccc;
            height: 40px
        }

        #fb_dialog_loader_close {
            float: left
        }

        .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon {
            visibility: hidden
        }

        #fb_dialog_loader_spinner {
            animation: rotateSpinner 1.2s linear infinite;
            background-color: transparent;
            background-image: url(https://connect.facebook.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);
            background-position: 50% 50%;
            background-repeat: no-repeat;
            height: 24px;
            width: 24px
        }

        @keyframes rotateSpinner {
            0% {
                transform: rotate(0deg)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .fb_iframe_widget {
            display: inline-block;
            position: relative
        }

        .fb_iframe_widget span {
            display: inline-block;
            position: relative;
            text-align: justify
        }

        .fb_iframe_widget iframe {
            position: absolute
        }

        .fb_iframe_widget_fluid_desktop,
        .fb_iframe_widget_fluid_desktop span,
        .fb_iframe_widget_fluid_desktop iframe {
            max-width: 100%
        }

        .fb_iframe_widget_fluid_desktop iframe {
            min-width: 220px;
            position: relative
        }

        .fb_iframe_widget_lift {
            z-index: 1
        }

        .fb_iframe_widget_fluid {
            display: inline
        }

        .fb_iframe_widget_fluid span {
            width: 100%
        }

        .fb_mpn_mobile_landing_page_slide_out {
            animation-duration: 200ms;
            animation-name: fb_mpn_landing_page_slide_out;
            transition-timing-function: ease-in
        }

        .fb_mpn_mobile_landing_page_slide_out_from_left {
            animation-duration: 200ms;
            animation-name: fb_mpn_landing_page_slide_out_from_left;
            transition-timing-function: ease-in
        }

        .fb_mpn_mobile_landing_page_slide_up {
            animation-duration: 500ms;
            animation-name: fb_mpn_landing_page_slide_up;
            transition-timing-function: ease-in
        }

        .fb_mpn_mobile_bounce_in {
            animation-duration: 300ms;
            animation-name: fb_mpn_bounce_in;
            transition-timing-function: ease-in
        }

        .fb_mpn_mobile_bounce_out {
            animation-duration: 300ms;
            animation-name: fb_mpn_bounce_out;
            transition-timing-function: ease-in
        }

        .fb_mpn_mobile_bounce_out_v2 {
            animation-duration: 300ms;
            animation-name: fb_mpn_fade_out;
            transition-timing-function: ease-in
        }

        .fb_customer_chat_bounce_in_v2 {
            animation-duration: 300ms;
            animation-name: fb_bounce_in_v2;
            transition-timing-function: ease-in
        }

        .fb_customer_chat_bounce_in_from_left {
            animation-duration: 300ms;
            animation-name: fb_bounce_in_from_left;
            transition-timing-function: ease-in
        }

        .fb_customer_chat_bounce_out_v2 {
            animation-duration: 300ms;
            animation-name: fb_bounce_out_v2;
            transition-timing-function: ease-in
        }

        .fb_customer_chat_bounce_out_from_left {
            animation-duration: 300ms;
            animation-name: fb_bounce_out_from_left;
            transition-timing-function: ease-in
        }

        .fb_invisible_flow {
            display: inherit;
            height: 0;
            overflow-x: hidden;
            width: 0
        }

        @keyframes fb_mpn_landing_page_slide_out {
            0% {
                margin: 0 12px;
                width: 100% - 24px
            }

            60% {
                border-radius: 18px
            }

            100% {
                border-radius: 50%;
                margin: 0 24px;
                width: 60px
            }
        }

        @keyframes fb_mpn_landing_page_slide_out_from_left {
            0% {
                left: 12px;
                width: 100% - 24px
            }

            60% {
                border-radius: 18px
            }

            100% {
                border-radius: 50%;
                left: 12px;
                width: 60px
            }
        }

        @keyframes fb_mpn_landing_page_slide_up {
            0% {
                bottom: 0;
                opacity: 0
            }

            100% {
                bottom: 24px;
                opacity: 1
            }
        }

        @keyframes fb_mpn_bounce_in {
            0% {
                opacity: .5;
                top: 100%
            }

            100% {
                opacity: 1;
                top: 0
            }
        }

        @keyframes fb_mpn_fade_out {
            0% {
                bottom: 30px;
                opacity: 1
            }

            100% {
                bottom: 0;
                opacity: 0
            }
        }

        @keyframes fb_mpn_bounce_out {
            0% {
                opacity: 1;
                top: 0
            }

            100% {
                opacity: .5;
                top: 100%
            }
        }

        @keyframes fb_bounce_in_v2 {
            0% {
                opacity: 0;
                transform: scale(0, 0);
                transform-origin: bottom right
            }

            50% {
                transform: scale(1.03, 1.03);
                transform-origin: bottom right
            }

            100% {
                opacity: 1;
                transform: scale(1, 1);
                transform-origin: bottom right
            }
        }

        @keyframes fb_bounce_in_from_left {
            0% {
                opacity: 0;
                transform: scale(0, 0);
                transform-origin: bottom left
            }

            50% {
                transform: scale(1.03, 1.03);
                transform-origin: bottom left
            }

            100% {
                opacity: 1;
                transform: scale(1, 1);
                transform-origin: bottom left
            }
        }

        @keyframes fb_bounce_out_v2 {
            0% {
                opacity: 1;
                transform: scale(1, 1);
                transform-origin: bottom right
            }

            100% {
                opacity: 0;
                transform: scale(0, 0);
                transform-origin: bottom right
            }
        }

        @keyframes fb_bounce_out_from_left {
            0% {
                opacity: 1;
                transform: scale(1, 1);
                transform-origin: bottom left
            }

            100% {
                opacity: 0;
                transform: scale(0, 0);
                transform-origin: bottom left
            }
        }

        @keyframes slideInFromBottom {
            0% {
                opacity: .1;
                transform: translateY(100%)
            }

            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }

        @keyframes slideInFromBottomDelay {
            0% {
                opacity: 0;
                transform: translateY(100%)
            }

            97% {
                opacity: 0;
                transform: translateY(100%)
            }

            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }
    </style>
    <style type="text/css">
        .__react_component_tooltip {
            border-radius: 3px;
            display: inline-block;
            font-size: 13px;
            left: -999em;
            opacity: 0;
            padding: 8px 21px;
            position: fixed;
            /* pointer-events: none; */
            transition: opacity 0.3s ease-out;
            top: -999em;
            visibility: hidden;
            z-index: 999;
        }

        .__react_component_tooltip.allow_hover,
        .__react_component_tooltip.allow_click {
            /* pointer-events: auto; */
        }

        .__react_component_tooltip:before,
        .__react_component_tooltip:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
        }

        .__react_component_tooltip.show {
            opacity: 0.9;
            margin-top: 0px;
            margin-left: 0px;
            visibility: visible;
        }

        .__react_component_tooltip.type-dark {
            color: #fff;
            background-color: #222;
        }

        .__react_component_tooltip.type-dark.place-top:after {
            border-top-color: #222;
            border-top-style: solid;
            border-top-width: 6px;
        }

        .__react_component_tooltip.type-dark.place-bottom:after {
            border-bottom-color: #222;
            border-bottom-style: solid;
            border-bottom-width: 6px;
        }

        .__react_component_tooltip.type-dark.place-left:after {
            border-left-color: #222;
            border-left-style: solid;
            border-left-width: 6px;
        }

        .__react_component_tooltip.type-dark.place-right:after {
            border-right-color: #222;
            border-right-style: solid;
            border-right-width: 6px;
        }

        .__react_component_tooltip.type-dark.border {
            border: 1px solid #fff;
        }

        .__react_component_tooltip.type-dark.border.place-top:before {
            border-top: 8px solid #fff;
        }

        .__react_component_tooltip.type-dark.border.place-bottom:before {
            border-bottom: 8px solid #fff;
        }

        .__react_component_tooltip.type-dark.border.place-left:before {
            border-left: 8px solid #fff;
        }

        .__react_component_tooltip.type-dark.border.place-right:before {
            border-right: 8px solid #fff;
        }

        .__react_component_tooltip.type-success {
            color: #fff;
            background-color: #8DC572;
        }

        .__react_component_tooltip.type-success.place-top:after {
            border-top-color: #8DC572;
            border-top-style: solid;
            border-top-width: 6px;
        }

        .__react_component_tooltip.type-success.place-bottom:after {
            border-bottom-color: #8DC572;
            border-bottom-style: solid;
            border-bottom-width: 6px;
        }

        .__react_component_tooltip.type-success.place-left:after {
            border-left-color: #8DC572;
            border-left-style: solid;
            border-left-width: 6px;
        }

        .__react_component_tooltip.type-success.place-right:after {
            border-right-color: #8DC572;
            border-right-style: solid;
            border-right-width: 6px;
        }

        .__react_component_tooltip.type-success.border {
            border: 1px solid #fff;
        }

        .__react_component_tooltip.type-success.border.place-top:before {
            border-top: 8px solid #fff;
        }

        .__react_component_tooltip.type-success.border.place-bottom:before {
            border-bottom: 8px solid #fff;
        }

        .__react_component_tooltip.type-success.border.place-left:before {
            border-left: 8px solid #fff;
        }

        .__react_component_tooltip.type-success.border.place-right:before {
            border-right: 8px solid #fff;
        }

        .__react_component_tooltip.type-warning {
            color: #fff;
            background-color: #F0AD4E;
        }

        .__react_component_tooltip.type-warning.place-top:after {
            border-top-color: #F0AD4E;
            border-top-style: solid;
            border-top-width: 6px;
        }

        .__react_component_tooltip.type-warning.place-bottom:after {
            border-bottom-color: #F0AD4E;
            border-bottom-style: solid;
            border-bottom-width: 6px;
        }

        .__react_component_tooltip.type-warning.place-left:after {
            border-left-color: #F0AD4E;
            border-left-style: solid;
            border-left-width: 6px;
        }

        .__react_component_tooltip.type-warning.place-right:after {
            border-right-color: #F0AD4E;
            border-right-style: solid;
            border-right-width: 6px;
        }

        .__react_component_tooltip.type-warning.border {
            border: 1px solid #fff;
        }

        .__react_component_tooltip.type-warning.border.place-top:before {
            border-top: 8px solid #fff;
        }

        .__react_component_tooltip.type-warning.border.place-bottom:before {
            border-bottom: 8px solid #fff;
        }

        .__react_component_tooltip.type-warning.border.place-left:before {
            border-left: 8px solid #fff;
        }

        .__react_component_tooltip.type-warning.border.place-right:before {
            border-right: 8px solid #fff;
        }

        .__react_component_tooltip.type-error {
            color: #fff;
            background-color: #BE6464;
        }

        .__react_component_tooltip.type-error.place-top:after {
            border-top-color: #BE6464;
            border-top-style: solid;
            border-top-width: 6px;
        }

        .__react_component_tooltip.type-error.place-bottom:after {
            border-bottom-color: #BE6464;
            border-bottom-style: solid;
            border-bottom-width: 6px;
        }

        .__react_component_tooltip.type-error.place-left:after {
            border-left-color: #BE6464;
            border-left-style: solid;
            border-left-width: 6px;
        }

        .__react_component_tooltip.type-error.place-right:after {
            border-right-color: #BE6464;
            border-right-style: solid;
            border-right-width: 6px;
        }

        .__react_component_tooltip.type-error.border {
            border: 1px solid #fff;
        }

        .__react_component_tooltip.type-error.border.place-top:before {
            border-top: 8px solid #fff;
        }

        .__react_component_tooltip.type-error.border.place-bottom:before {
            border-bottom: 8px solid #fff;
        }

        .__react_component_tooltip.type-error.border.place-left:before {
            border-left: 8px solid #fff;
        }

        .__react_component_tooltip.type-error.border.place-right:before {
            border-right: 8px solid #fff;
        }

        .__react_component_tooltip.type-info {
            color: #fff;
            background-color: #337AB7;
        }

        .__react_component_tooltip.type-info.place-top:after {
            border-top-color: #337AB7;
            border-top-style: solid;
            border-top-width: 6px;
        }

        .__react_component_tooltip.type-info.place-bottom:after {
            border-bottom-color: #337AB7;
            border-bottom-style: solid;
            border-bottom-width: 6px;
        }

        .__react_component_tooltip.type-info.place-left:after {
            border-left-color: #337AB7;
            border-left-style: solid;
            border-left-width: 6px;
        }

        .__react_component_tooltip.type-info.place-right:after {
            border-right-color: #337AB7;
            border-right-style: solid;
            border-right-width: 6px;
        }

        .__react_component_tooltip.type-info.border {
            border: 1px solid #fff;
        }

        .__react_component_tooltip.type-info.border.place-top:before {
            border-top: 8px solid #fff;
        }

        .__react_component_tooltip.type-info.border.place-bottom:before {
            border-bottom: 8px solid #fff;
        }

        .__react_component_tooltip.type-info.border.place-left:before {
            border-left: 8px solid #fff;
        }

        .__react_component_tooltip.type-info.border.place-right:before {
            border-right: 8px solid #fff;
        }

        .__react_component_tooltip.type-light {
            color: #222;
            background-color: #fff;
        }

        .__react_component_tooltip.type-light.place-top:after {
            border-top-color: #fff;
            border-top-style: solid;
            border-top-width: 6px;
        }

        .__react_component_tooltip.type-light.place-bottom:after {
            border-bottom-color: #fff;
            border-bottom-style: solid;
            border-bottom-width: 6px;
        }

        .__react_component_tooltip.type-light.place-left:after {
            border-left-color: #fff;
            border-left-style: solid;
            border-left-width: 6px;
        }

        .__react_component_tooltip.type-light.place-right:after {
            border-right-color: #fff;
            border-right-style: solid;
            border-right-width: 6px;
        }

        .__react_component_tooltip.type-light.border {
            border: 1px solid #222;
        }

        .__react_component_tooltip.type-light.border.place-top:before {
            border-top: 8px solid #222;
        }

        .__react_component_tooltip.type-light.border.place-bottom:before {
            border-bottom: 8px solid #222;
        }

        .__react_component_tooltip.type-light.border.place-left:before {
            border-left: 8px solid #222;
        }

        .__react_component_tooltip.type-light.border.place-right:before {
            border-right: 8px solid #222;
        }

        .__react_component_tooltip.place-top {
            margin-top: -10px;
        }

        .__react_component_tooltip.place-top:before {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            bottom: -8px;
            left: 50%;
            margin-left: -10px;
        }

        .__react_component_tooltip.place-top:after {
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            bottom: -6px;
            left: 50%;
            margin-left: -8px;
        }

        .__react_component_tooltip.place-bottom {
            margin-top: 10px;
        }

        .__react_component_tooltip.place-bottom:before {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            top: -8px;
            left: 50%;
            margin-left: -10px;
        }

        .__react_component_tooltip.place-bottom:after {
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            top: -6px;
            left: 50%;
            margin-left: -8px;
        }

        .__react_component_tooltip.place-left {
            margin-left: -10px;
        }

        .__react_component_tooltip.place-left:before {
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            right: -8px;
            top: 50%;
            margin-top: -5px;
        }

        .__react_component_tooltip.place-left:after {
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            right: -6px;
            top: 50%;
            margin-top: -4px;
        }

        .__react_component_tooltip.place-right {
            margin-left: 10px;
        }

        .__react_component_tooltip.place-right:before {
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            left: -8px;
            top: 50%;
            margin-top: -5px;
        }

        .__react_component_tooltip.place-right:after {
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            left: -6px;
            top: 50%;
            margin-top: -4px;
        }

        .__react_component_tooltip .multi-line {
            display: block;
            padding: 2px 0px;
            text-align: center;
        }
    </style>
    <style type="text/css">
        .marquee-container {
            overflow-x: hidden !important;
            display: flex !important;
            flex-direction: row !important;
            position: relative;
            width: 100%;
        }

        .marquee-container:hover div {
            animation-play-state: var(--pause-on-hover);
        }

        .marquee-container:active div {
            animation-play-state: var(--pause-on-click);
        }

        .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .overlay::before,
        .overlay::after {
            background: linear-gradient(to right, var(--gradient-color));
            content: "";
            height: 100%;
            position: absolute;
            width: var(--gradient-width);
            z-index: 2;
        }

        .overlay::after {
            right: 0;
            top: 0;
            transform: rotateZ(180deg);
        }

        .overlay::before {
            left: 0;
            top: 0;
        }

        .marquee {
            flex: 0 0 auto;
            min-width: 100%;
            z-index: 1;
            display: flex;
            flex-direction: row;
            align-items: center;
            animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
            animation-play-state: var(--play);
            animation-delay: var(--delay);
            animation-direction: var(--direction);
        }

        @keyframes scroll {
            0% {
                transform: translateX(0%);
            }

            100% {
                transform: translateX(-100%);
            }
        }
    </style>
    <script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js"></script>
<style>.swal2-popup.swal2-toast{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;width:auto;padding:.625em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.swal2-popup.swal2-toast .swal2-title{-webkit-box-flex:1;flex-grow:1;-webkit-box-pack:start;justify-content:flex-start;margin:0 .6em;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{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{-webkit-box-pack:start;justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.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{flex-basis:auto!important;width:auto;height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.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;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 1.5em;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{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:-webkit-box;display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:.625em;overflow-x:hidden;-webkit-transition:background-color .1s;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{-webkit-box-align:start;align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:end;justify-content:flex-end}.swal2-container.swal2-center{-webkit-box-align:center;align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}.swal2-container.swal2-bottom{-webkit-box-align:end;align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:start;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:-webkit-box!important;display:flex!important;-webkit-box-flex:1;flex:1;align-self:stretch;-webkit-box-pack:center;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:-webkit-box!important;display:flex!important;-webkit-box-flex:1;flex:1;align-content:center;-webkit-box-pack:center;justify-content:center}.swal2-container.swal2-grow-column{-webkit-box-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{-webkit-box-align:center;align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{-webkit-box-align:start;align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{-webkit-box-align:end;align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:-webkit-box!important;display:flex!important;-webkit-box-flex:1;flex:1;align-content:center;-webkit-box-pack:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:-webkit-box;display:flex;z-index:1;flex-wrap:wrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;margin:1.25em auto 0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{box-sizing:border-box;width:2.5em;height:2.5em;margin:.46875em;padding:0;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{content:"";display:inline-block;width:15px;height:15px;margin-left:5px;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{-webkit-box-pack:center;justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;-webkit-box-pack:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;-webkit-transition:color .1s ease-out;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{-webkit-transform:none;transform:none;background:0 0;color:#f27474}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;-webkit-box-pack:center;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;-webkit-transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-file::-webkit-input-placeholder,.swal2-input::-webkit-input-placeholder,.swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.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}.swal2-icon{position:relative;box-sizing:content-box;-webkit-box-pack:center;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;-webkit-box-flex:1;flex-grow:1}.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}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{-webkit-box-align:center;align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{-webkit-transition:none;transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}@-webkit-keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg)}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg)}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg)}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg)}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg)}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg)}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-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:-.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-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-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-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}}@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-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:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@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:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-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-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}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}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{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@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{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:stretch;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{-webkit-box-flex:1;flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{-webkit-box-pack:center;justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}</style><style type="text/css" data-fbcssmodules="css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget css:fb.css.customer_chat_plugin_iframe">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://connect.facebook.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0;margin:0;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://connect.facebook.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://connect.facebook.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://connect.facebook.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}
.fb_mpn_mobile_landing_page_slide_out{animation-duration:200ms;animation-name:fb_mpn_landing_page_slide_out;transition-timing-function:ease-in}.fb_mpn_mobile_landing_page_slide_out_from_left{animation-duration:200ms;animation-name:fb_mpn_landing_page_slide_out_from_left;transition-timing-function:ease-in}.fb_mpn_mobile_landing_page_slide_up{animation-duration:500ms;animation-name:fb_mpn_landing_page_slide_up;transition-timing-function:ease-in}.fb_mpn_mobile_bounce_in{animation-duration:300ms;animation-name:fb_mpn_bounce_in;transition-timing-function:ease-in}.fb_mpn_mobile_bounce_out{animation-duration:300ms;animation-name:fb_mpn_bounce_out;transition-timing-function:ease-in}.fb_mpn_mobile_bounce_out_v2{animation-duration:300ms;animation-name:fb_mpn_fade_out;transition-timing-function:ease-in}.fb_customer_chat_bounce_in_v2{animation-duration:300ms;animation-name:fb_bounce_in_v2;transition-timing-function:ease-in}.fb_customer_chat_bounce_in_from_left{animation-duration:300ms;animation-name:fb_bounce_in_from_left;transition-timing-function:ease-in}.fb_customer_chat_bounce_out_v2{animation-duration:300ms;animation-name:fb_bounce_out_v2;transition-timing-function:ease-in}.fb_customer_chat_bounce_out_from_left{animation-duration:300ms;animation-name:fb_bounce_out_from_left;transition-timing-function:ease-in}.fb_invisible_flow{display:inherit;height:0;overflow-x:hidden;width:0}@keyframes fb_mpn_landing_page_slide_out{0%{margin:0 12px;width:100% - 24px}60%{border-radius:18px}100%{border-radius:50%;margin:0 24px;width:60px}}@keyframes fb_mpn_landing_page_slide_out_from_left{0%{left:12px;width:100% - 24px}60%{border-radius:18px}100%{border-radius:50%;left:12px;width:60px}}@keyframes fb_mpn_landing_page_slide_up{0%{bottom:0;opacity:0}100%{bottom:24px;opacity:1}}@keyframes fb_mpn_bounce_in{0%{opacity:.5;top:100%}100%{opacity:1;top:0}}@keyframes fb_mpn_fade_out{0%{bottom:30px;opacity:1}100%{bottom:0;opacity:0}}@keyframes fb_mpn_bounce_out{0%{opacity:1;top:0}100%{opacity:.5;top:100%}}@keyframes fb_bounce_in_v2{0%{opacity:0;transform:scale(0, 0);transform-origin:bottom right}50%{transform:scale(1.03, 1.03);transform-origin:bottom right}100%{opacity:1;transform:scale(1, 1);transform-origin:bottom right}}@keyframes fb_bounce_in_from_left{0%{opacity:0;transform:scale(0, 0);transform-origin:bottom left}50%{transform:scale(1.03, 1.03);transform-origin:bottom left}100%{opacity:1;transform:scale(1, 1);transform-origin:bottom left}}@keyframes fb_bounce_out_v2{0%{opacity:1;transform:scale(1, 1);transform-origin:bottom right}100%{opacity:0;transform:scale(0, 0);transform-origin:bottom right}}@keyframes fb_bounce_out_from_left{0%{opacity:1;transform:scale(1, 1);transform-origin:bottom left}100%{opacity:0;transform:scale(0, 0);transform-origin:bottom left}}@keyframes slideInFromBottom{0%{opacity:.1;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottomDelay{0%{opacity:0;transform:translateY(100%)}97%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}</style></head>

<body data-aos-easing="ease-out-back" data-aos-duration="1200" data-aos-delay="0"><!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TTJ43JH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->
    <div id="root">
        <div id="header" style="">
            <div class="top-bar">
                <div class="container container--content">
                    <div class="row align-items-center justify-content-center">
                    <div class="col-3"><a href="https://fo4.garena.vn" class="logo"><img src="images/fconline.png" alt=""></a></div>
                        <div class="col-9">
                            <a href="/Garena" class="menu-link">Hướng dẫn</a>
                            <!--<div class="swal2-container swal2-center swal2-backdrop-show" style="box-sizing: border-box;overflow-y: hidden !important; display: none !important;">-->
                            <!--    <div aria-labelledby="swal2-title" aria-describedby="swal2-content" class="swal2-popup swal2-modal popup-image animated fadeInDown faster" tabindex="-1" role="dialog" aria-live="assertive" aria-modal="true" style="display: flex;">-->
                            <!--        <div class="swal2-header">-->
                            <!--            <ul class="swal2-progress-steps" style="display: none;"></ul>-->
                            <!--            <div class="swal2-icon swal2-error" style="display: none;"></div>-->
                            <!--            <div class="swal2-icon swal2-question" style="display: none;"></div>-->
                            <!--            <div class="swal2-icon swal2-warning" style="display: none;"></div>-->
                            <!--            <div class="swal2-icon swal2-info" style="display: none;"></div>-->
                            <!--            <div class="swal2-icon swal2-success" style="display: none;"></div><img class="swal2-image" style="display: none;">-->
                            <!--            <h2 class="swal2-title" id="swal2-title" style="display: none;"></h2><button type="button" class="swal2-close" aria-label="Close this dialog" style="display: flex;">×</button>-->
                            <!--        </div>-->
                            <!--        <div class="swal2-content">-->
                            <!--            <div id="swal2-content" class="swal2-html-container" style="display: block;"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/giaidau_hd.png" alt="" class="popup-image"></div><input class="swal2-input" style="display: none;"><input type="file" class="swal2-file" style="display: none;">-->
                            <!--            <div class="swal2-range" style="display: none;"><input type="range"><output></output></div><select class="swal2-select" style="display: none;"></select>-->
                            <!--            <div class="swal2-radio" style="display: none;"></div><label for="swal2-checkbox" class="swal2-checkbox" style="display: none;"><input type="checkbox"><span class="swal2-label"></span></label><textarea class="swal2-textarea" style="display: none;"></textarea>-->
                            <!--            <div class="swal2-validation-message" id="swal2-validation-message"></div>-->
                            <!--        </div>-->
                            <!--        <div class="swal2-actions" style="display: none;"><button type="button" class="swal2-confirm swal2-styled" aria-label="" style="display: none; border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0);"></button><button type="button" class="swal2-cancel swal2-styled" aria-label="" style="display: none;">Cancel</button></div>-->
                            <!--        <div class="swal2-footer" style="display: none;"></div>-->
                            <!--        <div class="swal2-timer-progress-bar" style="display: none;"></div>-->
                            <!--    </div>-->
                            <!--</div>-->
                            <a href="/Garena" class="menu-link">Lịch sử</a>
                            <!-- <div class="ReactModal__Overlay ReactModal__Overlay--after-open" style="position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.75);display: none !important;">
                                    <div class="ReactModal__Content ReactModal__Content--after-open animated fadeInDown faster modal-history" tabindex="-1" role="dialog" aria-label="Example Modal" aria-modal="true">
                                        <h2>Lịch sử</h2>
                                        <div class="modal-description">
                                            <table class="table-history">
                                                <thead>
                                                    <tr>
                                                        <th width="5%">STT</th>
                                                        <th width="20%">Tên VP</th>
                                                        <th width="10%">Hạng</th>
                                                        <th width="30%">Giải đấu</th>
                                                        <th width="15%">Trạng Thái</th>
                                                        <th width="20%">Thời gian</th>
                                                    </tr>
                                                </thead>
                                            </table>
                                            <div class="ScrollbarsCustom" style="position: relative; width: 100%; height: 17vw;">
                                                <div class="ScrollbarsCustom-Wrapper" style="position: absolute; inset: 0px; overflow: hidden;">
                                                    <div class="ScrollbarsCustom-Scroller" style="position: absolute; inset: 0px; overflow: hidden;">
                                                        <div class="ScrollbarsCustom-Content" style="box-sizing: border-box; padding: 0.05px; min-height: 100%; min-width: 100%;">
                                                            <p>Chưa có lịch sử</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ScrollbarsCustom-Track ScrollbarsCustom-TrackY" style="position: absolute; overflow: hidden; border-radius: 4px; background: rgba(0, 0, 0, 0.1); user-select: none; width: 10px; height: calc(100% - 20px); top: 10px; right: 0px; display: none;">
                                                    <div class="ScrollbarsCustom-Thumb ScrollbarsCustom-ThumbY" style="cursor: pointer; border-radius: 4px; background: rgba(0, 0, 0, 0.4); width: 100%; height: 0px; display: none;"></div>
                                                </div>
                                                <div class="ScrollbarsCustom-Track ScrollbarsCustom-TrackX" style="position: absolute; overflow: hidden; border-radius: 4px; background: rgba(0, 0, 0, 0.1); user-select: none; height: 10px; width: calc(100% - 20px); bottom: 0px; left: 10px; display: none;">
                                                    <div class="ScrollbarsCustom-Thumb ScrollbarsCustom-ThumbX" style="cursor: pointer; border-radius: 4px; background: rgba(0, 0, 0, 0.4); height: 100%; width: 0px; display: none;"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <a class="close" style="text-indent: 0px !important;" data-dismiss="modal" aria-label="Close">x</a>
                                    </div>
                                </div> -->
                            <a href="/Garena" class="menu-link">Quà nhận được</a>
                            <!--<div id="modal-2" class="swal2-container swal2-center swal2-backdrop-show" style="overflow-y: hidden; display:none;">-->
                            <!--    <div aria-labelledby="swal2-title" aria-describedby="swal2-content" class="swal2-popup swal2-modal popup-image animated fadeInDown faster" tabindex="-1" role="dialog" aria-live="assertive" aria-modal="true" style="display: flex;">-->
                            <!--        <div class="swal2-header">-->
                            <!--            <ul class="swal2-progress-steps" style="display: none;"></ul>-->
                            <!--            <div class="swal2-icon swal2-error" style="display: none;"></div>-->
                            <!--            <div class="swal2-icon swal2-question" style="display: none;"></div>-->
                            <!--            <div class="swal2-icon swal2-warning" style="display: none;"></div>-->
                            <!--            <div class="swal2-icon swal2-info" style="display: none;"></div>-->
                            <!--            <div class="swal2-icon swal2-success" style="display: none;"></div><img class="swal2-image" style="display: none;">-->
                            <!--            <h2 class="swal2-title" id="swal2-title" style="display: none;"></h2><button type="button" class="swal2-close" aria-label="Close this dialog" style="display: flex;">×</button>-->
                            <!--        </div>-->
                            <!--        <div class="swal2-content">-->
                            <!--            <div id="swal2-content" class="swal2-html-container" style="display: block;"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/quat8_1.png" alt="" class="popup-image"></div><input class="swal2-input" style="display: none;"><input type="file" class="swal2-file" style="display: none;">-->
                            <!--            <div class="swal2-range" style="display: none;"><input type="range"><output></output></div><select class="swal2-select" style="display: none;"></select>-->
                            <!--            <div class="swal2-radio" style="display: none;"></div><label for="swal2-checkbox" class="swal2-checkbox" style="display: none;"><input type="checkbox"><span class="swal2-label"></span></label><textarea class="swal2-textarea" style="display: none;"></textarea>-->
                            <!--            <div class="swal2-validation-message" id="swal2-validation-message"></div>-->
                            <!--        </div>-->
                            <!--        <div class="swal2-actions" style="display: none;"><button type="button" class="swal2-confirm swal2-styled" aria-label="" style="display: none; border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0);"></button><button type="button" class="swal2-cancel swal2-styled" aria-label="" style="display: none;">Cancel</button></div>-->
                            <!--        <div class="swal2-footer" style="display: none;"></div>-->
                            <!--        <div class="swal2-timer-progress-bar" style="display: none;"></div>-->
                            <!--    </div>-->
                            <!--</div>-->
                            <a href="#" class="my-tournament"><img src="images/my-tournament.png" alt=""></a>

                            <div class="header-action"><a href="Garena" class="btn-login"><span>Đăng nhập</span><img src="images/icon-login.png" alt=""></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section id="main-body" class="page-" style="">
            <div class="main-content main-home">
                <div class="section section--1 text-center">
                    <div class="wrap-video"><img src="images/banner1.jpg" alt=""></div>
                </div>
                <div class="section section--2">
                    <h2 class="title text-center">Các giải đấu đang diễn ra</h2>
                    <!--<p class="sub-date text-center">30-09-2024</p>-->
                    <p class="sub-title text-center">Các giải đấu sẽ được cập nhật vào thứ 3 hằng tuần. Hãy xem chi tiết và đăng ký giải đấu phù hợp. <br> Vô vàn phần quà hấp dẫn đang chờ đợi bạn!</p>
                    <div class="container container--content" style="padding-bottom: 100px;">
                        <div class="row">
                            <div class="col-12">
                                <div class="filter">
                                    <div class="selection" style="display: contents !important;">

                                    </div>

                                    <div class="selection" style="display: contents !important;">
                                    </div>
                                </div>
                                <div class="team-actions" style="left:58% !important;"><a href="Garena" class="btn btn--gradient">danh sách đội</a><a href="Garena" class="btn btn--gradient">tạo đội</a></div>
                                <div class="list-tournament" style="padding-top: 80px;">
                                    <div class="list-tournament__row list-tournament__row--title">
                                        <div class="list-tournament__name">Tên Đội Bóng</div>
                                        <div class="list-tournament__request">YÊU CẦU</div>
                                        <div class="list-tournament__type" style="width: 13.072915vw !important;">THỂ THỨC</div>
                                        <div class="list-tournament__total">Số lượng</div>
                                        <div class="list-tournament__address" style="width: 13.072915vw !important;">Địa chỉ</div>
                                        <div class="list-tournament__actions">Tương tác</div>
                                    </div>
                                    <div data-react-modal-body-trap="" tabindex="0" style="position: absolute; opacity: 0;"></div>
                                    <div class="ReactModalPortal" style="display:none;">
                                        <div class="ReactModal__Overlay ReactModal__Overlay--after-open" style="position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.75);">
                                        <div class="ReactModal__Content ReactModal__Content--after-open animated fadeInDown faster modal-detail" tabindex="-1" role="dialog" aria-label="Example Modal" aria-modal="true">
                                                <h2>Chi tiết giải đấu</h2>
                                                <div class="modal-description">
                                                    <div class="info-tournament">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Đối tượng:</div>
                                                                    <div class="info-tournament__content">Tất cả Huấn Luyện Viên</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Địa điểm thi đấu:</div>
                                                                    <div class="info-tournament__content">Online</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Loại giải đấu:</div>
                                                                    <div class="info-tournament__content">GOLD</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian diễn ra:</div>
                                                                    <div class="info-tournament__content">26-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">CTV:</div>
                                                                    <div class="info-tournament__content">Tấn Huy</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian đăng ký:</div>
                                                                    <div class="info-tournament__content">25-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">SĐT:</div>
                                                                    <div class="info-tournament__content">0373878162</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Chi tiết:</div>
                                                                    <div class="info-tournament__content">Thời gian thi đấu:  ngày 26-09-2024 <br>
                                                                       VĐV bắt buộc tham gia nhóm chat để thi đấu</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Giải thưởng:</div>
                                                                   
                                                                    <div class="info-tournament__content">Hạng 1: SVIP 7 days + Gói Kim Cương Tháng 9 + 100,000,000,000 BP
                                                                        Hạng 2: Gói Vàng Tháng 9 + 50,000,000,000 BP
                                                                        Đồng Hạng 3: Gói Khởi Động Tháng 9 + 30,000,000,000 BP
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="hr-form"></div>
                                                        <div class="row justify-content-center">
                                                            <div class="col-3"><a href="#" id="closeModal" class="btn btn--submit btn--fw">Xác nhận</a></div>
                                                        </div>
                                                    </div>
                                                </div><a class="close" data-dismiss="modal" aria-label="Close">×</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-react-modal-body-trap="" tabindex="0" style="position: absolute; opacity: 0;"></div>
                                    <div class="ReactModalPortal1" style="display:none;">
                                        <div class="ReactModal__Overlay ReactModal__Overlay--after-open" style="position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.75);">
                                        <div class="ReactModal__Content ReactModal__Content--after-open animated fadeInDown faster modal-detail" tabindex="-1" role="dialog" aria-label="Example Modal" aria-modal="true">
                                                <h2>Chi tiết giải đấu</h2>
                                                <div class="modal-description">
                                                    <div class="info-tournament">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Đối tượng:</div>
                                                                    <div class="info-tournament__content">Tất cả Huấn Luyện Viên</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Địa điểm thi đấu:</div>
                                                                    <div class="info-tournament__content">Online</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Loại giải đấu:</div>
                                                                    <div class="info-tournament__content">GOLD</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian diễn ra:</div>
                                                                    <div class="info-tournament__content">26-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">CTV:</div>
                                                                    <div class="info-tournament__content">Lê Tuấn Hải</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian đăng ký:</div>
                                                                    <div class="info-tournament__content">25-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">SĐT:</div>
                                                                    <div class="info-tournament__content">0344758928</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Chi tiết:</div>
                                                                    <div class="info-tournament__content">Thời gian thi đấu:  ngày 26-09-2024 <br>
                                                                       VĐV bắt buộc tham gia nhóm chat để thi đấu</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Giải thưởng:</div>
                                                                   <div class="info-tournament__content">Hạng 1: SVIP 7 days + Gói Kim Cương Tháng 9 + 100,000,000,000 BP
                                                                        Hạng 2: Gói Vàng Tháng 9 + 50,000,000,000 BP
                                                                        Đồng Hạng 3: Gói Khởi Động Tháng 9 + 30,000,000,000 BP
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="hr-form"></div>
                                                        <div class="row justify-content-center">
                                                            <div class="col-3"><a href="#" id="closeModal1" class="btn btn--submit btn--fw">Xác nhận</a></div>
                                                        </div>
                                                    </div>
                                                </div><a class="close" data-dismiss="modal" aria-label="Close">×</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-react-modal-body-trap="" tabindex="0" style="position: absolute; opacity: 0;"></div>
                                    <div class="ReactModalPortal2" style="display:none;">
                                        <div class="ReactModal__Overlay ReactModal__Overlay--after-open" style="position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.75);">
                                        <div class="ReactModal__Content ReactModal__Content--after-open animated fadeInDown faster modal-detail" tabindex="-1" role="dialog" aria-label="Example Modal" aria-modal="true">
                                                <h2>Chi tiết giải đấu</h2>
                                                <div class="modal-description">
                                                    <div class="info-tournament">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Đối tượng:</div>
                                                                    <div class="info-tournament__content">Tất cả Huấn Luyện Viên</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Địa điểm thi đấu:</div>
                                                                    <div class="info-tournament__content">Online</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Loại giải đấu:</div>
                                                                    <div class="info-tournament__content">GOLD</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian diễn ra:</div>
                                                                    <div class="info-tournament__content">26-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">CTV:</div>
                                                                    <div class="info-tournament__content">Võ Tấn Duy</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian đăng ký:</div>
                                                                    <div class="info-tournament__content">25-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">SĐT:</div>
                                                                    <div class="info-tournament__content">0797650001</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Chi tiết:</div>
                                                                    <div class="info-tournament__content">Thời gian thi đấu:  ngày 26-09-2024 <br>
                                                                       VĐV bắt buộc tham gia nhóm chat để thi đấu</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Giải thưởng:</div>
                                                                    <div class="info-tournament__content">Hạng 1: SVIP 7 days + Gói Kim Cương Tháng 9 + 100,000,000,000 BP
                                                                        Hạng 2: Gói Vàng Tháng 9 + 50,000,000,000 BP
                                                                        Đồng Hạng 3: Gói Khởi Động Tháng 9 + 30,000,000,000 BP
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="hr-form"></div>
                                                        <div class="row justify-content-center">
                                                            <div class="col-3"><a href="#" id="closeModal2" class="btn btn--submit btn--fw">Xác nhận</a></div>
                                                        </div>
                                                    </div>
                                                </div><a class="close" data-dismiss="modal" aria-label="Close">×</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-react-modal-body-trap="" tabindex="0" style="position: absolute; opacity: 0;"></div>
                                    <div class="ReactModalPortal3" style="display:none;">
                                        <div class="ReactModal__Overlay ReactModal__Overlay--after-open" style="position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.75);">
                                        <div class="ReactModal__Content ReactModal__Content--after-open animated fadeInDown faster modal-detail" tabindex="-1" role="dialog" aria-label="Example Modal" aria-modal="true">
                                                <h2>Chi tiết giải đấu</h2>
                                                <div class="modal-description">
                                                    <div class="info-tournament">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Đối tượng:</div>
                                                                    <div class="info-tournament__content">Tất cả Huấn Luyện Viên</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Địa điểm thi đấu:</div>
                                                                    <div class="info-tournament__content">Online</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Loại giải đấu:</div>
                                                                    <div class="info-tournament__content">GOLD</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian diễn ra:</div>
                                                                    <div class="info-tournament__content">26-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">CTV:</div>
                                                                    <div class="info-tournament__content">Lê Hoàng Tuấn </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian đăng ký:</div>
                                                                    <div class="info-tournament__content">25-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">SĐT:</div>
                                                                    <div class="info-tournament__content">0394599125</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Chi tiết:</div>
                                                                    <div class="info-tournament__content">Thời gian thi đấu:  ngày 26-09-2024 <br>
                                                                       VĐV bắt buộc tham gia nhóm chat để thi đấu</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Giải thưởng:</div>
                                                                    <div class="info-tournament__content">Hạng 1: SVIP 7 days + Gói Kim Cương Tháng 9 + 100,000,000,000 BP
                                                                        Hạng 2: Gói Vàng Tháng 9 + 50,000,000,000 BP
                                                                        Đồng Hạng 3: Gói Khởi Động Tháng 9 + 30,000,000,000 BP
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="hr-form"></div>
                                                        <div class="row justify-content-center">
                                                            <div class="col-3"><a href="#" id="closeModal3" class="btn btn--submit btn--fw">Xác nhận</a></div>
                                                        </div>
                                                    </div>
                                                </div><a class="close" data-dismiss="modal" aria-label="Close">×</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-react-modal-body-trap="" tabindex="0" style="position: absolute; opacity: 0;"></div>
                                    <div class="ReactModalPortal4" style="display:none;">
                                        <div class="ReactModal__Overlay ReactModal__Overlay--after-open" style="position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.75);">
                                        <div class="ReactModal__Content ReactModal__Content--after-open animated fadeInDown faster modal-detail" tabindex="-1" role="dialog" aria-label="Example Modal" aria-modal="true">
                                                <h2>Chi tiết giải đấu</h2>
                                                <div class="modal-description">
                                                    <div class="info-tournament">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Đối tượng:</div>
                                                                    <div class="info-tournament__content">Tất cả Huấn Luyện Viên</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Địa điểm thi đấu:</div>
                                                                    <div class="info-tournament__content">Online</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Loại giải đấu:</div>
                                                                    <div class="info-tournament__content">GOLD</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian diễn ra:</div>
                                                                    <div class="info-tournament__content">26-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">CTV:</div>
                                                                    <div class="info-tournament__content">Võ Tấn Duy</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian đăng ký:</div>
                                                                    <div class="info-tournament__content">25-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">SĐT:</div>
                                                                    <div class="info-tournament__content">0869860014</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Chi tiết:</div>
                                                                    <div class="info-tournament__content">Thời gian thi đấu:  ngày 26-09-2024 <br>
                                                                       VĐV bắt buộc tham gia nhóm chat để thi đấu</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Giải thưởng:</div>
                                                                   <div class="info-tournament__content">Hạng 1: SVIP 7 days + Gói Kim Cương Tháng 9 + 100,000,000,000 BP
                                                                        Hạng 2: Gói Vàng Tháng 9 + 50,000,000,000 BP
                                                                        Đồng Hạng 3: Gói Khởi Động Tháng 9 + 30,000,000,000 BP
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="hr-form"></div>
                                                        <div class="row justify-content-center">
                                                            <div class="col-3"><a href="#" id="closeModal4" class="btn btn--submit btn--fw">Xác nhận</a></div>
                                                        </div>
                                                    </div>
                                                </div><a class="close" data-dismiss="modal" aria-label="Close">×</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-react-modal-body-trap="" tabindex="0" style="position: absolute; opacity: 0;"></div>
                                    <div class="ReactModalPortal5" style="display:none;">
                                        <div class="ReactModal__Overlay ReactModal__Overlay--after-open" style="position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.75);">
                                        <div class="ReactModal__Content ReactModal__Content--after-open animated fadeInDown faster modal-detail" tabindex="-1" role="dialog" aria-label="Example Modal" aria-modal="true">
                                                <h2>Chi tiết giải đấu</h2>
                                                <div class="modal-description">
                                                    <div class="info-tournament">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Đối tượng:</div>
                                                                    <div class="info-tournament__content">Tất cả Huấn Luyện Viên</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Địa điểm thi đấu:</div>
                                                                    <div class="info-tournament__content">Online</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Loại giải đấu:</div>
                                                                    <div class="info-tournament__content">GOLD</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian diễn ra:</div>
                                                                    <div class="info-tournament__content">26-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">CTV:</div>
                                                                    <div class="info-tournament__content">Thông Phan</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian đăng ký:</div>
                                                                    <div class="info-tournament__content">25-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">SĐT:</div>
                                                                    <div class="info-tournament__content">0907096017</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Chi tiết:</div>
                                                                    <div class="info-tournament__content">Thời gian thi đấu:  ngày 26-09-2024 <br>
                                                                       VĐV bắt buộc tham gia nhóm chat để thi đấu</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Giải thưởng:</div>
                                                                   <div class="info-tournament__content">Hạng 1: SVIP 7 days + Gói Kim Cương Tháng 9 + 100,000,000,000 BP
                                                                        Hạng 2: Gói Vàng Tháng 9 + 50,000,000,000 BP
                                                                        Đồng Hạng 3: Gói Khởi Động Tháng 9 + 30,000,000,000 BP
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="hr-form"></div>
                                                        <div class="row justify-content-center">
                                                            <div class="col-3"><a href="#" id="closeModal5" class="btn btn--submit btn--fw">Xác nhận</a></div>
                                                        </div>
                                                    </div>
                                                </div><a class="close" data-dismiss="modal" aria-label="Close">×</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-react-modal-body-trap="" tabindex="0" style="position: absolute; opacity: 0;"></div>
                                    <div class="ReactModalPortal6" style="display:none;">
                                        <div class="ReactModal__Overlay ReactModal__Overlay--after-open" style="position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.75);">
                                        <div class="ReactModal__Content ReactModal__Content--after-open animated fadeInDown faster modal-detail" tabindex="-1" role="dialog" aria-label="Example Modal" aria-modal="true">
                                                <h2>Chi tiết giải đấu</h2>
                                                <div class="modal-description">
                                                    <div class="info-tournament">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Đối tượng:</div>
                                                                    <div class="info-tournament__content">Tất cả Huấn Luyện Viên</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Địa điểm thi đấu:</div>
                                                                    <div class="info-tournament__content">Online</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Loại giải đấu:</div>
                                                                    <div class="info-tournament__content">GOLD</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian diễn ra:</div>
                                                                    <div class="info-tournament__content">26-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">CTV:</div>
                                                                    <div class="info-tournament__content">Hải Anh</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Thời gian đăng ký:</div>
                                                                    <div class="info-tournament__content">25-09-2024</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">SĐT:</div>
                                                                    <div class="info-tournament__content">0584261366</div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Chi tiết:</div>
                                                                    <div class="info-tournament__content">Thời gian thi đấu:  ngày 26-09-2024 <br>
                                                                       VĐV bắt buộc tham gia nhóm chat để thi đấu</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="info-tournament__row">
                                                                    <div class="info-tournament__label">Giải thưởng:</div>
                                                                   <div class="info-tournament__content">Hạng 1: SVIP 7 days + Gói Kim Cương Tháng 9 + 100,000,000,000 BP
                                                                        Hạng 2: Gói Vàng Tháng 9 + 50,000,000,000 BP
                                                                        Đồng Hạng 3: Gói Khởi Động Tháng 9 + 30,000,000,000 BP
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="hr-form"></div>
                                                        <div class="row justify-content-center">
                                                            <div class="col-3"><a href="#" id="closeModal6" class="btn btn--submit btn--fw">Xác nhận</a></div>
                                                        </div>
                                                    </div>
                                                </div><a class="close" data-dismiss="modal" aria-label="Close">×</a>
                                            </div>
                                        </div>
                                    </div>
                                
       
                                    <div class="ScrollbarsCustom trackYVisible" style="position: relative; width: 100%; height: 100%; max-height: 40.5vw; min-height: 13vw;">
                                        <div class="ScrollbarsCustom-Wrapper" style="position: absolute; inset: 0px 10px 0px 0px; overflow: hidden;">
                                            <div class="ScrollbarsCustom-Scroller" style="position: absolute; inset: 0px; overflow: hidden scroll; margin-right: -17px;">
                                                <div class="ScrollbarsCustom-Content" style="box-sizing: border-box; padding: 0.05px; min-height: 100%; min-width: 100%;">
                                                    <div class="list-tournament__row">
                                                        <div class="list-tournament__name"><span>LU GAMING</span></div>
                                                        <div class="list-tournament__request">Không có yêu cầu</div>
                                                        <div class="list-tournament__type" style="width: 13.072915vw !important;">1vs1</div>
                                                        <div class="list-tournament__total">5/6</div>
                                                        <div class="list-tournament__address" style="width: 13.072915vw !important;">Online</div>
                                                        <div class="list-tournament__actions"><a href="#" id="openModalButton" class="btn-detail">CHI TIẾT</a> <a href="Garena" class="btn-register" style="color: #eb3495;">GIA NHẬP</a></div>
                                                    
                                                    </div>
                                                    <div class="list-tournament__row">
                                                        <div class="list-tournament__name"><span>BLUE GAMING</span></div>
                                                        <div class="list-tournament__request">Không có yêu cầu</div>
                                                        <div class="list-tournament__type" style="width: 13.072915vw !important;">1vs1</div>
                                                        <div class="list-tournament__total">4/6</div>
                                                        <div class="list-tournament__address" style="width: 13.072915vw !important;">Online</div>
                                                        <div class="list-tournament__actions"><a href="#" id="openModalButton1" class="btn-detail">CHI TIẾT</a> <a href="Garena" class="btn-register" style="color: #eb3495;">GIA NHẬP</a></div>
                                                    </div>
                                                    <div class="list-tournament__row">
                                                        <div class="list-tournament__name"><span>X8 GAMING</span></div>
                                                        <div class="list-tournament__request">Không có yêu cầu</div>
                                                        <div class="list-tournament__type" style="width: 13.072915vw !important;">1vs1</div>
                                                        <div class="list-tournament__total">5/6</div>
                                                        <div class="list-tournament__address" style="width: 13.072915vw !important;">Online</div>
                                                        <div class="list-tournament__actions"><a href="#" id="openModalButton2" class="btn-detail">CHI TIẾT</a><a href="Garena" class="btn-register" style="color: #eb3495;">GIA NHẬP</a></div>
                                                    </div>
                                                    <div class="list-tournament__row">
                                                        <div class="list-tournament__name"><span>Venus Stadium</span></div>
                                                        <div class="list-tournament__request">Không có yêu cầu</div>
                                                        <div class="list-tournament__type" style="width: 13.072915vw !important;">1vs1</div>
                                                        <div class="list-tournament__total">5/6</div>
                                                        <div class="list-tournament__address" style="width: 13.072915vw !important;">Online</div>
                                                        <div class="list-tournament__actions"><a href="#" id="openModalButton3" class="btn-detail">CHI TIẾT</a><a href="Garena" class="btn-register" style="color: #eb3495;">GIA NHẬP</a></div>
                                                    </div>
                                                    <div class="list-tournament__row">
                                                        <div class="list-tournament__name"><span>Cyber Apollo Gaming</span></div>
                                                        <div class="list-tournament__request">Không có yêu cầu</div>
                                                        <div class="list-tournament__type" style="width: 13.072915vw !important;">1vs1</div>
                                                        <div class="list-tournament__total">5/6</div>
                                                        <div class="list-tournament__address" style="width: 13.072915vw !important;">Online</div>
                                                        <div class="list-tournament__actions"><a href="#" id="openModalButton4" class="btn-detail">CHI TIẾT</a><a href="Garena" class="btn-register" style="color: #eb3495;">GIA NHẬP</a></div>
                                                    </div>
                                                    <div class="list-tournament__row">
                                                        <div class="list-tournament__name"><span>Quất Quýt Gaming</span></div>
                                                        <div class="list-tournament__request">Không có yêu cầu</div>
                                                        <div class="list-tournament__type" style="width: 13.072915vw !important;">1vs1</div>
                                                        <div class="list-tournament__total">5/6</div>
                                                        <div class="list-tournament__address" style="width: 13.072915vw !important;">Online</div>
                                                        <div class="list-tournament__actions"><a href="#" id="openModalButton5" class="btn-detail">CHI TIẾT</a><a href="Garena" class="btn-register" style="color: #eb3495;">GIA NHẬP</a></div>
                                                    </div>
                                                    <div class="list-tournament__row">
                                                        <div class="list-tournament__name"><span>DK Gaming</span></div>
                                                        <div class="list-tournament__request">Không có yêu cầu</div>
                                                        <div class="list-tournament__type" style="width: 13.072915vw !important;">1vs1</div>
                                                        <div class="list-tournament__total">4/6</div>
                                                        <div class="list-tournament__address" style="width: 13.072915vw !important;">Online</div>
                                                        <div class="list-tournament__actions"><a href="#" id="openModalButton6" class="btn-detail">CHI TIẾT</a><a href="Garena" class="btn-register" style="color: #eb3495;">GIA NHẬP</a></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ScrollbarsCustom-Track ScrollbarsCustom-TrackY" style="position: absolute; overflow: hidden; border-radius: 4px; background: rgba(0, 0, 0, 0.1); user-select: none; width: 10px; height: calc(100% - 20px); top: 10px; right: 0px;">
                                            <div class="ScrollbarsCustom-Thumb ScrollbarsCustom-ThumbY" style="cursor: pointer; border-radius: 4px; background: rgba(0, 0, 0, 0.4); width: 100%; height: 232.503px; transform: translateY(0px);"></div>
                                        </div>
                                        <div class="ScrollbarsCustom-Track ScrollbarsCustom-TrackX" style="position: absolute; overflow: hidden; border-radius: 4px; background: rgba(0, 0, 0, 0.1); user-select: none; height: 10px; width: calc(100% - 20px); bottom: 0px; left: 10px; display: none;">
                                            <div class="ScrollbarsCustom-Thumb ScrollbarsCustom-ThumbX" style="cursor: pointer; border-radius: 4px; background: rgba(0, 0, 0, 0.4); height: 100%; width: 0px; display: none;"></div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="row"></div>
                            <div class="__react_component_tooltip place-top type-dark" data-id="tooltip"></div>
                        </div>
                    </div>
                    <br>
                    <br>
                   <div class="section section--3">
                        <h2 class="title text-center">Sảnh danh vọng</h2>
                        <p class="sub-title text-center">Nơi tôn vinh các nhà vô địch tuần vừa qua. Vừa được quà vừa được vinh danh tại trang chính thức của FC Online ! <br>Bạn hãy đăng ký tham gia giải đấu để có cơ hội xuất hiện trong đây nhé.</p>
                        <div class="container container--content">
                            <div class="image-container">
                                <div class="img">
                                    <img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/146.png" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                    <a href="" class="btn btn--gradient">
                                        <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                            <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Bùi Thế Vinh </p>
                                            </div>
                                            <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Bùi Thế Vinh </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="img">
                                    <img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/147.png" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                    <a href="" class="btn btn--gradient">
                                        <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                            <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Đoàn Văn Lĩnh</p>
                                            </div>
                                            <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Đoàn Văn Lĩnh</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="img">
                                    <img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/148.png" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                    <a href="" class="btn btn--gradient">
                                        <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                            <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Lê Hải Anh</p>
                                            </div>
                                            <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Lê Hải Anh</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="img">
                                    <img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/149.png" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                    <a href="" class="btn btn--gradient">
                                        <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                            <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Huỳnh Danh</p>
                                            </div>
                                            <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Huỳnh Danh</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="img">
                                    <img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/152.png" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                    <a href="" class="btn btn--gradient">
                                        <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                            <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Lê Ngọc Hiếu</p>
                                            </div>
                                            <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Lê Ngọc Hiếu</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <br>
                            <br>
                            <br>
                            <br>
                            <div class="image-container1">
                                <div class="img">
                                    <img src="images/anh1.jpg" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                    <a href="" class="btn btn--gradient">
                                        <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                            <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p>Nguyễn Nhã </p>
                                            </div>
                                            <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Nguyễn Nhã</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="img">
                                    <img src="images/anh2.jpg" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                    <a href="" class="btn btn--gradient">
                                        <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                            <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Nguyễn Tấn Huy </p>
                                            </div>
                                            <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Nguyễn Tấn Huy </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="img">
                                    <img src="images/anh3.jpg" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                    <a href="" class="btn btn--gradient">
                                        <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                            <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Võ Tấn Duy</p>
                                            </div>
                                            <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Võ Tấn Duy</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="img">
                                    <img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/155.png" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                    <a href="" class="btn btn--gradient">
                                        <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                            <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p>Nguyễn Đăng Hoàng</p>
                                            </div>
                                            <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                                <p> Nguyễn Đăng Hoàng</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="img">
                                <img src="images/avcx.jpg" alt="Image 1" style="margin-bottom: 0.3125vw;display: inline-block;border: 1px solid #6c12ff;position: relative;">
                                <a href="" class="btn btn--gradient">
                                    <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                        <div class="marquee" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                            <p> Lê Hoàng Tuấn </p>
                                        </div>
                                        <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 4.02375s; --delay: 0s; --iteration-count: infinite;">
                                            <p> Lê Hoàng Tuấn</p>
                                        </div>
                                    </div>
                                </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- <div class="container container--content">
                            <div class="row">
                                <div class="col-12">
                                    <div class="list-players">
                                        <div class="swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events swiper-container-multirow" style="cursor: grab;">
                                            <div class="swiper-wrapper" style="width: 2576px; transform: translate3d(0px, 0px, 0px);">
                                                <div class="swiper-slide swiper-slide-active" style="order: 0; width: 158.6px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/70.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Hoàng Quân</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Hoàng Quân</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div class="swiper-slide swiper-slide-next" style="-webkit-box-ordinal-group: 1; order: 1; width: 158.6px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/71.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nhựt Trường</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nhựt Trường</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div class="swiper-slide" style="-webkit-box-ordinal-group: 2; order: 2; width: 158.6px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/72.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nguyễn Ngọc Quang</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nguyễn Ngọc Quang</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div class="swiper-slide" style="-webkit-box-ordinal-group: 3; order: 3; width: 158.6px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/73.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Đỗ Hoàng Việt</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Đỗ Hoàng Việt</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div class="swiper-slide" style="-webkit-box-ordinal-group: 4; order: 4; width: 158.6px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/74.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nguyễn Tiến Nam</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nguyễn Tiến Nam</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div class="swiper-slide" style="-webkit-box-ordinal-group: 12; order: 12; width: 158.6px; margin-top: 56px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/75.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nguyễn Đăng Hoàng</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nguyễn Đăng Hoàng</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div class="swiper-slide" style="-webkit-box-ordinal-group: 13; order: 13; width: 158.6px; margin-top: 56px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/76.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Phạm Đức Toàn</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Phạm Đức Toàn</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div class="swiper-slide" style="-webkit-box-ordinal-group: 14; order: 14; width: 158.6px; margin-top: 56px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/77.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nguyễn Hoài Nam</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Nguyễn Hoài Nam</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div class="swiper-slide" style="-webkit-box-ordinal-group: 15; order: 15; width: 158.6px; margin-top: 56px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/78.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Lê Quốc Hữu</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Lê Quốc Hữu</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                <div class="swiper-slide" style="-webkit-box-ordinal-group: 16; order: 16; width: 158.6px; margin-top: 56px; margin-right: 56px;">
                                                    <div class="player"><a href="" class="player__info"><img src="https://cdn.vn.garenanow.com/web/fo4vn//Khoa/2023/T3/GIAIDAU/79.png" alt=""><span>Online</span></a><a href="" class="btn btn--gradient">
                                                            <div class=" marquee-container" style="--pause-on-hover: paused; --pause-on-click: paused;">
                                                                <div class="marquee" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Trần Kiên</p>
                                                                </div>
                                                                <div class="marquee" aria-hidden="true" style="--play: running; --direction: normal; --duration: 2.73s; --delay: 0s; --iteration-count: infinite;">
                                                                    <p> Trần Kiên</p>
                                                                </div>
                                                            </div>
                                                        </a></div>
                                                </div>
                                                
                                            </div>
                                        </div><a href="#" class="swiper-next-player1"></a><a href="#" class="swiper-prev-player1 swiper-button-disabled"></a>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                </div>
            </div>
            <div class="__react_component_tooltip place-top type-dark" data-id="tooltip"></div>
        </section>
        <footer id="footer" style="">
            <div class="container">
                <div class="row">
                    <div class="col"><img src="images/footer-logo.png" alt="" class="footer-logo"></div>
                    <div class="col">
                        <p class="copyright">© 201​8​ Electronic Arts Inc. EA, EA SPORTS, and the EA SPORTS logo are trademarks of Electronic Arts Inc. Official FIFA licensed product. © FIFA name and FIFA's Official Licensed Product Logo are copyrights and/or trademarks of FIFA. All rights reserved. Manufactured under license by Electronic Arts Inc. The use of real player names and likenesses is authorized by FIFPro Commercial Enterprises BV. The Premier League Logo © The Football Association Premier League Limited 2018. The Premier League Logo is a trademark of the Football Association Premier League Limited which is registered in the UK and other jurisdictions. The Premier League Club logos are copyright works and registered trademarks of the respective Clubs. All are used with the kind permission of their respective owners. Manufactured under license from the Football Association Premier League Limited. No association with nor endorsement of this product by any player is intended or implied by the license granted by the Football Association Premier League Limited to Electronic Arts. All other trademarks are the property of their respective owners.</p>
                    </div>
                    <div class="col"><img src="images/age.png" alt="" class="age"></div>
                </div>
            </div>
        </footer>
    </div>
    <div id="pleaserotate-backdrop">
        <div id="pleaserotate-container"><svg id="pleaserotate-graphic" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 250 250">
                <g transform="rotate(0 125 125)">
                    <path fill="#fffe" d="M190.5,221.3c0,8.3-6.8,15-15,15H80.2c-8.3,0-15-6.8-15-15V28.7c0-8.3,6.8-15,15-15h95.3c8.3,0,15,6.8,15,15V221.3zM74.4,33.5l-0.1,139.2c0,8.3,0,17.9,0,21.5c0,3.6,0,6.9,0,7.3c0,0.5,0.2,0.8,0.4,0.8s7.2,0,15.4,0h75.6c8.3,0,15.1,0,15.2,0s0.2-6.8,0.2-15V33.5c0-2.6-1-5-2.6-6.5c-1.3-1.3-3-2.1-4.9-2.1H81.9c-2.7,0-5,1.6-6.3,4C74.9,30.2,74.4,31.8,74.4,33.5zM127.7,207c-5.4,0-9.8,5.1-9.8,11.3s4.4,11.3,9.8,11.3s9.8-5.1,9.8-11.3S133.2,207,127.7,207z"></path>
                </g>
            </svg>
            <div id="pleaserotate-message"></div>
        </div>
    </div>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/sweetalert2.js"></script>
    <script src="jsimagesloaded.min.js"></script>
    <script src="js/jquery.fancybox.min.js"></script>
    <script src="js/aos.js"></script><!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-TTJ43JH');
    </script><!-- End Google Tag Manager -->
    <script>
        window.fbAsyncInit = function() {
            FB.init({
                appId: '323813682520465',
                autoLogAppEvents: true,
                xfbml: true,
                version: 'v11.0'
            });
        };
    </script>
    <!-- <script async="" defer="defer" crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
    <script src="vendor.71add89d9f92b56da7dc.js"></script>
    <script src="main.d1aeae0131f2339ca951.js"></script>
    <div id="fb-root" class=" fb_reset">
        <div style="position: absolute; top: -10000px; width: 0px; height: 0px;">
            <div></div>
        </div>
    </div> -->
    <script>
        var menuLink = document.getElementById("menu_link");
        var popup = document.querySelector(".swal2-container");

        menuLink.addEventListener("click", function(event) {
            event.preventDefault();
            popup.style.display = "block";
        });

        popup.addEventListener("click", function(event) {
            if (event.target === popup) {
                popup.style.display = "none";
            }
        });

        document.addEventListener("click", function(event) {
            if (!popup.contains(event.target) && event.target !== menuLink) {
                popup.style.display = "none";
            }
        });
    </script>
    <script>
        var menuLink2 = document.getElementById("menu_link2");
        var popup2 = document.getElementById("modal-2");

        menuLink2.addEventListener("click", function(event) {
            event.preventDefault();
            popup2.style.display = "block";
        });

        popup2.addEventListener("click", function(event) {
            if (event.target === popup2) {
                popup2.style.display = "none";
            }
        });

        document.addEventListener("click", function(event) {
            if (!popup2.contains(event.target) && event.target !== menuLink2) {
                popup2.style.display = "none";
            }
        });
    </script>
    <script>
        var chitiet = document.getElementById("chitiet");
        var modalOverlay = document.querySelector(".ReactModal__Overlay");
        var modalContent = document.querySelector(".ReactModal__Content");
        var closeButton = document.querySelector(".close");

        chitiet.addEventListener("click", function(event) {
            event.preventDefault();
            modalOverlay.style.display = "block";
            modalOverlay.addEventListener("click", closeModal);
            modalContent.addEventListener("click", stopPropagation);
        });

        function closeModal() {
            modalOverlay.style.display = "none";
            modalOverlay.removeEventListener("click", closeModal);
            modalContent.removeEventListener("click", stopPropagation);
        }

        closeButton.addEventListener("click", function() {
            modalOverlay.style.display = "none";
        });

        function stopPropagation(event) {
            event.stopPropagation();
        }
    </script>
    <script>
        var chitiet1 = document.getElementById("chitiet1");
        var modalOverlay = document.querySelector(".ReactModal__Overlay");
        var modalContent = document.querySelector(".ReactModal__Content");
        var closeButton = document.querySelector(".close");

        chitiet1.addEventListener("click", function(event) {
            event.preventDefault();
            modalOverlay.style.display = "block";
            modalOverlay.addEventListener("click", closeModal);
            modalContent.addEventListener("click", stopPropagation);
        });

        function closeModal() {
            modalOverlay.style.display = "none";
            modalOverlay.removeEventListener("click", closeModal);
            modalContent.removeEventListener("click", stopPropagation);
        }

        closeButton.addEventListener("click", function() {
            modalOverlay.style.display = "none";
        });

        function stopPropagation(event) {
            event.stopPropagation();
        }
    </script>
    <script>
        var chitiet2 = document.getElementById("chitiet2");
        var modalOverlay = document.querySelector(".ReactModal__Overlay");
        var modalContent = document.querySelector(".ReactModal__Content");
        var closeButton = document.querySelector(".close");

        chitiet2.addEventListener("click", function(event) {
            event.preventDefault();
            modalOverlay.style.display = "block";
            modalOverlay.addEventListener("click", closeModal);
            modalContent.addEventListener("click", stopPropagation);
        });

        function closeModal() {
            modalOverlay.style.display = "none";
            modalOverlay.removeEventListener("click", closeModal);
            modalContent.removeEventListener("click", stopPropagation);
        }

        closeButton.addEventListener("click", function() {
            modalOverlay.style.display = "none";
        });

        function stopPropagation(event) {
            event.stopPropagation();
        }
    </script>
    <script>
        $(document).ready(function(){
            $("#openModalButton").click(function() {
              $(".ReactModalPortal").css("display", "block");
            });
            $("#closeModal").click(function() {
              $(".ReactModalPortal").css("display", "none");
            });
            });
        </script>
        <script>
        $(document).ready(function(){
            $("#openModalButton1").click(function() {
            $(".ReactModalPortal1").css("display", "block");
            });
            $("#closeModal1").click(function() {
              $(".ReactModalPortal1").css("display", "none");
            });
            });
        </script>
        <script>
        $(document).ready(function(){
            $("#openModalButton2").click(function() {
            $(".ReactModalPortal2").css("display", "block");
            });
            $("#closeModal2").click(function() {
              $(".ReactModalPortal2").css("display", "none");
            });
            });
        </script>
        <script>
            $(document).ready(function(){
            $("#openModalButton3").click(function() {
            $(".ReactModalPortal3").css("display", "block");
            });
            $("#closeModal3").click(function() {
              $(".ReactModalPortal3").css("display", "none");
            });
            });
        </script>
         <script>
            $(document).ready(function(){
            $("#openModalButton4").click(function() {
            $(".ReactModalPortal4").css("display", "block");
            });
            $("#closeModal4").click(function() {
              $(".ReactModalPortal4").css("display", "none");
            });
            });
        </script>
        <script>
            $(document).ready(function(){
            $("#openModalButton5").click(function() {
            $(".ReactModalPortal5").css("display", "block");
            });
            $("#closeModal5").click(function() {
              $(".ReactModalPortal5").css("display", "none");
            });
            });
        </script>
        <script>
            $(document).ready(function(){
            $("#openModalButton6").click(function() {
            $(".ReactModalPortal6").css("display", "block");
            });
            $("#closeModal6").click(function() {
              $(".ReactModalPortal6").css("display", "none");
            });
            });
        </script>
    


<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; width: 0px; height: 0px;"><div></div></div></div></body></html>