@extends('layouts.front-master')
@section('content')
    <main>
        <style data-emotion="css 5cqqik">
            .css-5cqqik {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                width: 100%;
                box-sizing: border-box;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                position: -webkit-sticky;
                position: sticky;
                z-index: 1100;
                top: 0;
                left: auto;
                right: 0;
                background-color: #f5f5f5;
                color: rgba(0, 0, 0, 0.87);
                background-image: none;
                background-color: #FFFFFF;
                box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
            }
        </style>
        <style data-emotion="css fu1e4i">
            .css-fu1e4i {
                background-color: #FFFFFF;
                color: rgba(0, 0, 0, 0.87);
                -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                width: 100%;
                box-sizing: border-box;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                position: -webkit-sticky;
                position: sticky;
                z-index: 1100;
                top: 0;
                left: auto;
                right: 0;
                background-color: #f5f5f5;
                color: rgba(0, 0, 0, 0.87);
                background-image: none;
                background-color: #FFFFFF;
                box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
            }
        </style>
        <style data-emotion="css 8pm8n8">
            .css-8pm8n8 {
                width: 100%;
                margin-left: auto;
                box-sizing: border-box;
                margin-right: auto;
                display: block;
                padding-left: 16px;
                padding-right: 16px;
                padding-left: 24px;
                padding-right: 24px;
            }

            @media (min-width:428px) {
                .css-8pm8n8 {
                    padding-left: 24px;
                    padding-right: 24px;
                }
            }

            @media (min-width:1200px) {
                .css-8pm8n8 {
                    max-width: 1200px;
                }
            }

            @media (min-width:768px) {
                .css-8pm8n8 {
                    padding-left: 40px;
                    padding-right: 40px;
                }
            }

            @media (min-width:1200px) {
                .css-8pm8n8 {
                    padding-left: 80px;
                    padding-right: 80px;
                }
            }
        </style>
        <div class="MuiContainer-root MuiContainer-maxWidthLg css-8pm8n8">
            <style data-emotion="css 8el2c7">
                .css-8el2c7 {
                    margin-top: 80px;
                    text-align: center;
                }
            </style>
            <style data-emotion="css 1jk42bk">
                .css-1jk42bk {
                    margin-top: 80px;
                    text-align: center;
                }
            </style>
            <div class="MuiBox-root css-1jk42bk">
                <style data-emotion="css 9n03pa">
                    .css-9n03pa {
                        margin: 0;
                        font-size: 32px;
                        line-height: 1.125;
                        font-weight: bold;
                        font-family: Poppins, Noto Sans Thai, sans-serif;
                    }

                    @media (min-width:768px) {
                        .css-9n03pa {
                            font-size: 42px;
                            line-height: 1.19;
                        }
                    }
                </style>
                <h3 class="MuiTypography-root MuiTypography-h3 css-9n03pa" data-testid="invest-headline">TESLA THAILAND!<br />
                    <style data-emotion="css 1rreq7x">
                        .css-1rreq7x {
                            background: linear-gradient(180deg, transparent 50%, #5DF591 50% 90%, rgba(0, 0, 0, 0) 90%);
                        }
                    </style><span class="css-1rreq7x">ให้ทุกการลงทุนเป็นเรื่องง่าย</span>
                </h3>
            </div>
            <style data-emotion="css 158tgzx">
                .css-158tgzx {
                    margin-top: 40px;
                    margin-bottom: 68px;
                    text-align: center;
                }

                @media (min-width:768px) {
                    .css-158tgzx {
                        margin-bottom: 80px;
                    }
                }
            </style>
            <style data-emotion="css 1x7wa3d">
                .css-1x7wa3d {
                    margin-top: 40px;
                    margin-bottom: 68px;
                    text-align: center;
                }

                @media (min-width:768px) {
                    .css-1x7wa3d {
                        margin-bottom: 80px;
                    }
                }
            </style>
            <div class="MuiBox-root css-1x7wa3d">
                <style data-emotion="css a92i68">
                    .css-a92i68 {
                        margin-bottom: 12px;
                    }

                    @media (min-width:768px) {
                        .css-a92i68 {
                            margin-bottom: 0;
                            margin-right: 24px;
                        }
                    }

                    .css-a92i68:hover {
                        background: #111111;
                        color: #FFFFFF;
                    }
                </style>
                <style data-emotion="css 161ljb2">
                    .css-161ljb2 {
                        text-transform: none;
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 1.714;
                        font-family: Poppins, Noto Sans Thai, sans-serif;
                        min-height: auto;
                        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                        border-radius: 24px;
                        padding: 0 16px;
                        min-width: 48px;
                        width: auto;
                        height: 48px;
                        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
                        color: rgba(0, 0, 0, 0.87);
                        background-color: #e0e0e0;
                        color: #111111;
                        background-color: #5DF591;
                        padding-left: 8px;
                        padding-right: 16px;
                        background-color: #111111;
                        box-shadow: none;
                        color: #ffffff;
                        margin-bottom: 12px;
                    }

                    .css-161ljb2:active {
                        box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
                    }

                    .css-161ljb2:hover {
                        background-color: #f5f5f5;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                    }

                    @media (hover: none) {
                        .css-161ljb2:hover {
                            background-color: #e0e0e0;
                        }
                    }

                    .css-161ljb2.Mui-focusVisible {
                        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
                    }

                    .css-161ljb2.Mui-disabled {
                        color: rgba(0, 0, 0, 0.26);
                        box-shadow: none;
                        background-color: rgba(0, 0, 0, 0.12);
                    }

                    .css-161ljb2:hover {
                        background-color: rgb(65, 171, 101);
                    }

                    @media (hover: none) {
                        .css-161ljb2:hover {
                            background-color: #5DF591;
                        }
                    }

                    .css-161ljb2:hover {
                        background-color: #111111;
                    }

                    @media (min-width:768px) {
                        .css-161ljb2 {
                            margin-bottom: 0;
                            margin-right: 24px;
                        }
                    }

                    .css-161ljb2:hover {
                        background: #111111;
                        color: #FFFFFF;
                    }
                </style>
                <style data-emotion="css 4g7x0v">
                    .css-4g7x0v {
                        display: -webkit-inline-box;
                        display: -webkit-inline-flex;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-align-items: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        -webkit-justify-content: center;
                        justify-content: center;
                        position: relative;
                        box-sizing: border-box;
                        -webkit-tap-highlight-color: transparent;
                        background-color: transparent;
                        outline: 0;
                        border: 0;
                        margin: 0;
                        border-radius: 0;
                        padding: 0;
                        cursor: pointer;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        vertical-align: middle;
                        -moz-appearance: none;
                        -webkit-appearance: none;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                        color: inherit;
                        text-transform: none;
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 1.714;
                        font-family: Poppins, Noto Sans Thai, sans-serif;
                        min-height: auto;
                        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                        border-radius: 24px;
                        padding: 0 16px;
                        min-width: 48px;
                        width: auto;
                        height: 48px;
                        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
                        color: rgba(0, 0, 0, 0.87);
                        background-color: #e0e0e0;
                        color: #111111;
                        background-color: #5DF591;
                        padding-left: 8px;
                        padding-right: 16px;
                        background-color: #111111;
                        box-shadow: none;
                        color: #ffffff;
                        margin-bottom: 12px;
                    }

                    .css-4g7x0v::-moz-focus-inner {
                        border-style: none;
                    }

                    .css-4g7x0v.Mui-disabled {
                        pointer-events: none;
                        cursor: default;
                    }

                    @media print {
                        .css-4g7x0v {
                            -webkit-print-color-adjust: exact;
                            color-adjust: exact;
                        }
                    }

                    .css-4g7x0v:active {
                        box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
                    }

                    .css-4g7x0v:hover {
                        background-color: #f5f5f5;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                    }

                    @media (hover: none) {
                        .css-4g7x0v:hover {
                            background-color: #e0e0e0;
                        }
                    }

                    .css-4g7x0v.Mui-focusVisible {
                        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
                    }

                    .css-4g7x0v.Mui-disabled {
                        color: rgba(0, 0, 0, 0.26);
                        box-shadow: none;
                        background-color: rgba(0, 0, 0, 0.12);
                    }

                    .css-4g7x0v:hover {
                        background-color: rgb(65, 171, 101);
                    }

                    @media (hover: none) {
                        .css-4g7x0v:hover {
                            background-color: #5DF591;
                        }
                    }

                    .css-4g7x0v:hover {
                        background-color: #111111;
                    }

                    @media (min-width:768px) {
                        .css-4g7x0v {
                            margin-bottom: 0;
                            margin-right: 24px;
                        }
                    }

                    .css-4g7x0v:hover {
                        background: #111111;
                        color: #FFFFFF;
                    }
                </style>
                <a class="MuiButtonBase-root MuiFab-root MuiFab-extended MuiFab-sizeLarge MuiFab-primary css-4g7x0v"
                    tabindex="0" href="{{ route('fund') }}">
                    <style data-emotion="css 1fw3xt3">
                        .css-1fw3xt3 {
                            width: 32px;
                            height: 32px;
                            margin-right: 8px;
                            margin: auto;
                        }

                        @media (min-width:768px) {
                            .css-1fw3xt3 {
                                margin-right: 16px;
                            }
                        }
                    </style>
                    <style data-emotion="css 63860r">
                        .css-63860r {
                            width: 32px;
                            height: 32px;
                            margin-right: 8px;
                            margin: auto;
                        }

                        @media (min-width:768px) {
                            .css-63860r {
                                margin-right: 16px;
                            }
                        }
                    </style>
                    <div class="MuiBox-root css-63860r"><span
                            style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span
                                style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img
                                    style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0"
                                    alt="" aria-hidden="true" src="{{ asset('images/stock-icon.webp') }}" /></span>
                            <img alt="stock-icon" src="{{ asset('images/stock-icon.webp') }}" decoding="async"
                                data-nimg="intrinsic"
                                style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" /><noscript><img
                                    alt="stock-icon" srcSet="" src="{{ asset('images/stock-icon.webp') }}"
                                    decoding="async" data-nimg="intrinsic"
                                    style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"
                                    loading="lazy" /></noscript></span>
                    </div>
                    <style data-emotion="css 1r4zjy4">
                        .css-1r4zjy4 {
                            margin-left: 8px;
                        }

                        @media (min-width:768px) {
                            .css-1r4zjy4 {
                                margin-left: 0px;
                            }
                        }
                    </style>
                    <style data-emotion="css l34jet">
                        .css-l34jet {
                            margin-left: 8px;
                        }

                        @media (min-width:768px) {
                            .css-l34jet {
                                margin-left: 0px;
                            }
                        }
                    </style>
                    <div class="MuiBox-root css-l34jet">
                        <style data-emotion="css 1056duf">
                            .css-1056duf {
                                width: 110px;
                                text-align: center;
                            }
                        </style>
                        <style data-emotion="css 1f8uiun">
                            .css-1f8uiun {
                                margin: 0;
                                font-size: 14px;
                                line-height: 1.714;
                                font-weight: bold;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                                width: 110px;
                                text-align: center;
                            }

                            @media (min-width:768px) {
                                .css-1f8uiun {
                                    font-size: 16px;
                                    line-height: 1.625;
                                }
                            }
                        </style>
                        <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1f8uiun" data-testid="button-stock">
                            หุ้นสหรัฐอเมริกา</h6>
                    </div>
                </a>
                <style data-emotion="css 6tiyn5">
                    .css-6tiyn5 {
                        display: block;
                    }

                    @media (min-width:768px) {
                        .css-6tiyn5 {
                            display: none;
                        }
                    }
                </style><br class="css-6tiyn5" />
                <style data-emotion="css kxcxo3">
                    .css-kxcxo3:hover {
                        background: #111111;
                        color: #FFFFFF;
                    }
                </style>
                <style data-emotion="css acv4z6">
                    .css-acv4z6 {
                        text-transform: none;
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 1.714;
                        font-family: Poppins, Noto Sans Thai, sans-serif;
                        min-height: auto;
                        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                        border-radius: 24px;
                        padding: 0 16px;
                        min-width: 48px;
                        width: auto;
                        height: 48px;
                        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
                        color: rgba(0, 0, 0, 0.87);
                        background-color: #e0e0e0;
                        color: #FFFFFF;
                        background-color: #1E7BFE;
                        padding-left: 8px;
                        padding-right: 16px;
                        background-color: #ffffff;
                        border-style: solid;
                        border-width: 1px;
                        border-color: #111111;
                        box-shadow: none;
                        color: #111111;
                    }

                    .css-acv4z6:active {
                        box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
                    }

                    .css-acv4z6:hover {
                        background-color: #f5f5f5;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                    }

                    @media (hover: none) {
                        .css-acv4z6:hover {
                            background-color: #e0e0e0;
                        }
                    }

                    .css-acv4z6.Mui-focusVisible {
                        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
                    }

                    .css-acv4z6.Mui-disabled {
                        color: rgba(0, 0, 0, 0.26);
                        box-shadow: none;
                        background-color: rgba(0, 0, 0, 0.12);
                    }

                    .css-acv4z6:hover {
                        background-color: rgb(21, 86, 177);
                    }

                    @media (hover: none) {
                        .css-acv4z6:hover {
                            background-color: #1E7BFE;
                        }
                    }

                    .css-acv4z6:hover {
                        background-color: #ffffff;
                    }

                    .css-acv4z6:hover {
                        background: #111111;
                        color: #FFFFFF;
                    }
                </style>
                <style data-emotion="css 1qgfcwx">
                    .css-1qgfcwx {
                        display: -webkit-inline-box;
                        display: -webkit-inline-flex;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-align-items: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        -webkit-justify-content: center;
                        justify-content: center;
                        position: relative;
                        box-sizing: border-box;
                        -webkit-tap-highlight-color: transparent;
                        background-color: transparent;
                        outline: 0;
                        border: 0;
                        margin: 0;
                        border-radius: 0;
                        padding: 0;
                        cursor: pointer;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        vertical-align: middle;
                        -moz-appearance: none;
                        -webkit-appearance: none;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                        color: inherit;
                        text-transform: none;
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 1.714;
                        font-family: Poppins, Noto Sans Thai, sans-serif;
                        min-height: auto;
                        -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                        border-radius: 24px;
                        padding: 0 16px;
                        min-width: 48px;
                        width: auto;
                        height: 48px;
                        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
                        color: rgba(0, 0, 0, 0.87);
                        background-color: #e0e0e0;
                        color: #FFFFFF;
                        background-color: #1E7BFE;
                        padding-left: 8px;
                        padding-right: 16px;
                        background-color: #ffffff;
                        border-style: solid;
                        border-width: 1px;
                        border-color: #111111;
                        box-shadow: none;
                        color: #111111;
                    }

                    .css-1qgfcwx::-moz-focus-inner {
                        border-style: none;
                    }

                    .css-1qgfcwx.Mui-disabled {
                        pointer-events: none;
                        cursor: default;
                    }

                    @media print {
                        .css-1qgfcwx {
                            -webkit-print-color-adjust: exact;
                            color-adjust: exact;
                        }
                    }

                    .css-1qgfcwx:active {
                        box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
                    }

                    .css-1qgfcwx:hover {
                        background-color: #f5f5f5;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                    }

                    @media (hover: none) {
                        .css-1qgfcwx:hover {
                            background-color: #e0e0e0;
                        }
                    }

                    .css-1qgfcwx.Mui-focusVisible {
                        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
                    }

                    .css-1qgfcwx.Mui-disabled {
                        color: rgba(0, 0, 0, 0.26);
                        box-shadow: none;
                        background-color: rgba(0, 0, 0, 0.12);
                    }

                    .css-1qgfcwx:hover {
                        background-color: rgb(21, 86, 177);
                    }

                    @media (hover: none) {
                        .css-1qgfcwx:hover {
                            background-color: #1E7BFE;
                        }
                    }

                    .css-1qgfcwx:hover {
                        background-color: #ffffff;
                    }

                    .css-1qgfcwx:hover {
                        background: #111111;
                        color: #FFFFFF;
                    }
                </style>
                <a class="MuiButtonBase-root MuiFab-root MuiFab-extended MuiFab-sizeLarge MuiFab-secondary css-1qgfcwx"
                    tabindex="0" href="{{ route('fund') }}">
                    <div class="MuiBox-root css-63860r"><span
                            style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span
                                style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img
                                    style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0"
                                    alt="" aria-hidden="true"
                                    src="{{ asset('images/invest-dime-fast.webp') }}" /></span>
                            <img alt="fund-icon"
                                src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                                decoding="async" data-nimg="intrinsic"
                                style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" /><noscript><img
                                    alt="fund-icon"
                                    srcSet="/_next/image?url=%2Ffund-icon.webp&amp;w=32&amp;q=75 1x, /_next/image?url=%2Ffund-icon.webp&amp;w=64&amp;q=75 2x"
                                    src="{{ asset('images/invest-dime-fast.webp') }}" decoding="async" data-nimg="intrinsic"
                                    style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"
                                    loading="lazy" /></noscript></span>
                    </div>
                    <div class="MuiBox-root css-l34jet">
                        <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1f8uiun" data-testid="button-fund">
                            กองทุนรวม</h6>
                    </div>
                </a>
            </div>
        </div>
        <style data-emotion="css 12z5n1s">
            .css-12z5n1s {
                background-color: #00040E;
                -webkit-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-background-position: center;
                background-position: center;
                background-image: url("/stock-bg-xs.webp");
                height: 240px;
            }

            @media (min-width:428px) {
                .css-12z5n1s {
                    background-image: url("/stock-bg-sm.webp");
                }
            }

            @media (min-width:768px) {
                .css-12z5n1s {
                    background-image: url("/stock-bg-md.webp");
                    height: 280px;
                }
            }

            @media (min-width:1200px) {
                .css-12z5n1s {
                    background-image: url("/stock-bg-lg.webp");
                }
            }

            @media (min-width:1536px) {
                .css-12z5n1s {
                    background-image: url("/stock-bg-xl.webp");
                }
            }
        </style>
        <style data-emotion="css mjxx2v">
            .css-mjxx2v {
                background-color: #00040E;
                -webkit-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-background-position: center;
                background-position: center;
                background-image: url("/stock-bg-xs.webp");
                height: 240px;
            }

            @media (min-width:428px) {
                .css-mjxx2v {
                    background-image: url("/stock-bg-md.webp");
                }
            }

            @media (min-width:768px) {
                .css-mjxx2v {
                    background-image: url("/stock-bg-md.webp");
                    height: 280px;
                }
            }

            @media (min-width:1200px) {
                .css-mjxx2v {
                    background-image: url("/stock-bg-md.webp");
                }
            }

            @media (min-width:1536px) {
                .css-mjxx2v {
                    background-image: url("/stock-bg-md.webp");
                }
            }
        </style>
        <div class="MuiBox-root css-mjxx2v"></div>
        <style data-emotion="css 1dt8d30">
            .css-1dt8d30 {
                margin-top: 40px;
            }

            @media (min-width:768px) {
                .css-1dt8d30 {
                    margin-top: 80px;
                }
            }
        </style>
        <style data-emotion="css i5weh5">
            .css-i5weh5 {
                width: 100%;
                margin-left: auto;
                box-sizing: border-box;
                margin-right: auto;
                display: block;
                padding-left: 16px;
                padding-right: 16px;
                padding-left: 24px;
                padding-right: 24px;
                margin-top: 40px;
            }

            @media (min-width:428px) {
                .css-i5weh5 {
                    padding-left: 24px;
                    padding-right: 24px;
                }
            }

            @media (min-width:1200px) {
                .css-i5weh5 {
                    max-width: 1200px;
                }
            }

            @media (min-width:768px) {
                .css-i5weh5 {
                    padding-left: 40px;
                    padding-right: 40px;
                }
            }

            @media (min-width:1200px) {
                .css-i5weh5 {
                    padding-left: 80px;
                    padding-right: 80px;
                }
            }

            @media (min-width:768px) {
                .css-i5weh5 {
                    margin-top: 80px;
                }
            }
        </style>
        <div class="MuiContainer-root MuiContainer-maxWidthLg css-i5weh5">
            <style data-emotion="css 15w7hwv">
                .css-15w7hwv {
                    margin: 0;
                    font-size: 40px;
                    line-height: 1.15;
                    font-weight: bold;
                    font-family: Poppins, Noto Sans Thai, sans-serif;
                    color: #6934DC;
                    text-align: center;
                }

                @media (min-width:768px) {
                    .css-15w7hwv {
                        font-size: 64px;
                        line-height: 1.125;
                    }
                }
            </style>
            <h2 class="MuiTypography-root MuiTypography-h2 css-15w7hwv" data-testid="stock-headline">หุ้นสหรัฐอเมริกา</h2>
            <style data-emotion="css 1nysrrp">
                .css-1nysrrp {
                    margin: 32px 0px 0px 0px;
                    text-align: center;
                }

                @media (min-width:1200px) {
                    .css-1nysrrp {
                        margin: 48px 264px;
                    }
                }
            </style>
            <style data-emotion="css egw468">
                .css-egw468 {
                    margin: 0;
                    font-size: 16px;
                    line-height: 1.625;
                    font-weight: 400;
                    font-family: Poppins, Noto Sans Thai, sans-serif;
                    color: #898989;
                    margin: 32px 0px 0px 0px;
                    text-align: center;
                }

                @media (min-width:768px) {
                    .css-egw468 {
                        font-size: 18px;
                        line-height: 1.667;
                    }
                }

                @media (min-width:1200px) {
                    .css-egw468 {
                        margin: 48px 264px;
                    }
                }
            </style>
            <p class="MuiTypography-root MuiTypography-body1 css-egw468" data-testid="stock-sub-headline">ลงทุนเริ่มต้นเพียง
                50 บาท เทรดฟรี ไม่มีค่าคอมมิชชันสำหรับรายการซื้อขายแรกของเดือน</p>
            <style data-emotion="css 1mmpufo">
                .css-1mmpufo {
                    display: grid;
                    grid-template-columns: 1fr;
                    -webkit-align-content: center;
                    -ms-flex-line-pack: center;
                    align-content: center;
                }

                @media (min-width:1200px) {
                    .css-1mmpufo {
                        grid-template-columns: 1fr 0.25fr 1fr;
                    }
                }
            </style>
            <style data-emotion="css 1s5m59c">
                .css-1s5m59c {
                    display: grid;
                    grid-template-columns: 1fr;
                    -webkit-align-content: center;
                    -ms-flex-line-pack: center;
                    align-content: center;
                }

                @media (min-width:1200px) {
                    .css-1s5m59c {
                        grid-template-columns: 1fr 0.25fr 1fr;
                    }
                }
            </style>
            <div class="MuiBox-root css-1s5m59c">
                <style data-emotion="css f70yq5">
                    .css-f70yq5 {
                        display: none;
                    }

                    @media (min-width:1200px) {
                        .css-f70yq5 {
                            display: block;
                        }
                    }
                </style>
                <div class="sticky-outer-wrapper css-f70yq5">
                    <div class="sticky-inner-wrapper" style="position:relative;top:0px">
                        <style data-emotion="css 178yklu">
                            .css-178yklu {
                                margin-top: 24px;
                            }
                        </style>
                        <style data-emotion="css 19v0ev7">
                            .css-19v0ev7 {
                                margin-top: 24px;
                            }
                        </style>
                        <div class="MuiBox-root css-19v0ev7"></div>
                        <style data-emotion="css 15jz0e8">
                            .css-15jz0e8 {
                                position: absolute;
                                margin-right: 24px;
                            }

                            @media (min-width:1200px) {
                                .css-15jz0e8 {
                                    bottom: 0px;
                                    margin-left: 24px;
                                }
                            }

                            @media (min-width:1536px) {
                                .css-15jz0e8 {
                                    margin-left: 20px;
                                }
                            }
                        </style>
                        <style data-emotion="css 1k3vo8p">
                            .css-1k3vo8p {
                                position: absolute;
                                margin-right: 24px;
                            }

                            @media (min-width:1200px) {
                                .css-1k3vo8p {
                                    bottom: 0px;
                                    margin-left: 24px;
                                }
                            }

                            @media (min-width:1536px) {
                                .css-1k3vo8p {
                                    margin-left: 20px;
                                }
                            }
                        </style>
                        <div class="MuiBox-root css-1k3vo8p"><span
                                style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span
                                    style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img
                                        style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0"
                                        alt="" aria-hidden="true"
                                        src="{{ asset('images/stock.gif') }}" />
                                </span>
                                <img alt="animation background" src="{{ asset('images/stock.gif') }}" decoding="async"
                                    data-nimg="intrinsic"
                                    style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" />
                                    <noscript>
                                        <img
                                        data-nimg="intrinsic"
                                        style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"
                                        loading="lazy" />
                                    </noscript>
                                </span>
                        </div>
                        <style data-emotion="css g1dawy">
                            .css-g1dawy {
                                display: none;
                            }

                            @media (min-width:1200px) {
                                .css-g1dawy {
                                    display: block;
                                    min-width: 468px;
                                    min-height: 832px;
                                    margin: auto;
                                }
                            }
                        </style>
                        <style data-emotion="css 1wpv1oh">
                            .css-1wpv1oh {
                                display: none;
                            }

                            @media (min-width:1200px) {
                                .css-1wpv1oh {
                                    display: block;
                                    min-width: 468px;
                                    min-height: 832px;
                                    margin: auto;
                                }
                            }
                        </style>
                        <div class="sticky-lottie MuiBox-root css-1wpv1oh"></div>
                    </div>
                </div>
                <style data-emotion="css 8904gk">
                    .css-8904gk {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        position: relative;
                        margin: auto;
                        padding: 0px 16px;
                    }

                    @media (min-width:1200px) {
                        .css-8904gk {
                            display: none;
                        }
                    }
                </style>
                <style data-emotion="css pxq1t3">
                    .css-pxq1t3 {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        position: relative;
                        margin: auto;
                        padding: 0px 16px;
                    }

                    @media (min-width:1200px) {
                        .css-pxq1t3 {
                            display: none;
                        }
                    }
                </style>
                <div class="MuiBox-root css-pxq1t3">
                    <style data-emotion="css bej6eo">
                        .css-bej6eo {
                            position: absolute;
                            margin-right: 16px;
                        }
                    </style>
                    <style data-emotion="css 1yico7t">
                        .css-1yico7t {
                            position: absolute;
                            margin-right: 16px;
                        }
                    </style>
                    <div class="MuiBox-root css-1yico7t"><span
                            style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span
                                style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img
                                    style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0"
                                    alt="" aria-hidden="true" src="{{ asset('images/m-show.svg') }}" />
                            </span>
                            <img alt="animation background" src="{{ asset('images/m-show.svg') }}" decoding="async"
                                data-nimg="intrinsic"
                                style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" /><noscript><img
                                    alt="animation background" srcSet="{{ asset('images/m-show.svg') }}"
                                    src="{{ asset('images/m-show.svg') }}" decoding="async" data-nimg="intrinsic"
                                    style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"
                                    loading="lazy" /></noscript></span>
                    </div>
                    <style data-emotion="css tiap3x">
                        .css-tiap3x {
                            display: block;
                            margin: auto;
                            width: 295px;
                            height: 524.5px;
                        }

                        @media (min-width:768px) {
                            .css-tiap3x {
                                width: 350px;
                                height: 622px;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-tiap3x {
                                display: none;
                            }
                        }
                    </style>
                    <style data-emotion="css 1e73cln">
                        .css-1e73cln {
                            display: block;
                            margin: auto;
                            width: 295px;
                            height: 524.5px;
                        }

                        @media (min-width:768px) {
                            .css-1e73cln {
                                width: 350px;
                                height: 622px;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-1e73cln {
                                display: none;
                            }
                        }
                    </style>
                    <div class="MuiBox-root css-1e73cln">
                    </div>
                </div>
                <div class="MuiBox-root css-0"></div>
                <style data-emotion="css hrm7gq">
                    .css-hrm7gq {
                        display: grid;
                        grid-template-columns: 1fr;
                        text-align: center;
                    }

                    @media (min-width:768px) {
                        .css-hrm7gq {
                            text-align: left;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-hrm7gq {
                            display: block;
                            margin: 160px 0px 120px 0px;
                        }
                    }
                </style>
                <style data-emotion="css 4w48kt">
                    .css-4w48kt {
                        display: grid;
                        grid-template-columns: 1fr;
                        text-align: center;
                    }

                    @media (min-width:768px) {
                        .css-4w48kt {
                            text-align: left;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-4w48kt {
                            display: block;
                            margin: 160px 0px 120px 0px;
                        }
                    }
                </style>
                <div class="MuiBox-root css-4w48kt">
                    <style data-emotion="css c1znai">
                        .css-c1znai {
                            margin: 0;
                            font-size: 16px;
                            line-height: 1.625;
                            font-weight: 400;
                            font-family: Poppins, Noto Sans Thai, sans-serif;
                            color: #898989;
                        }

                        @media (min-width:768px) {
                            .css-c1znai {
                                font-size: 18px;
                                line-height: 1.667;
                            }
                        }
                    </style>
                    <p class="MuiTypography-root MuiTypography-body1 css-c1znai" data-testid="stock-advantage-desc">
                        <style data-emotion="css 1fc6d14">
                            .css-1fc6d14 {
                                margin: 0;
                                font-size: 32px;
                                line-height: 1.125;
                                font-weight: bold;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                                color: #111111;
                            }

                            @media (min-width:768px) {
                                .css-1fc6d14 {
                                    font-size: 42px;
                                    line-height: 1.19;
                                }
                            }
                        </style>
                    <h3 class="MuiTypography-root MuiTypography-h3 css-1fc6d14" data-testid="stock-advantage-heading">50
                        บาทก็ลงทุน
                        <style data-emotion="css 1rreq7x">
                            .css-1rreq7x {
                                background: linear-gradient(180deg, transparent 50%, #5DF591 50% 90%, rgba(0, 0, 0, 0) 90%);
                            }
                        </style><span class="css-1rreq7x">หุ้นระดับโลกได้</span>
                    </h3>
                    <style data-emotion="css 1sstyyn">
                        .css-1sstyyn {
                            margin: 40px 0px;
                        }
                    </style>
                    <style data-emotion="css 1ch6zv">
                        .css-1ch6zv {
                            margin: 40px 0px;
                        }
                    </style>
                    <div class="MuiBox-root css-1ch6zv"></div>อยากลงทุนหุ้นสหรัฐอเมริกา ไม่ต้องใช้เงินก้อนใหญ่ TESLA THAILAND!
                    ให้คุณลงทุนแบบไม่เต็มหุ้นได้ ลงทุนด้วยสกุลบาท
                    <style data-emotion="css 1r9pdka">
                        .css-1r9pdka {
                            margin: 0;
                            font-size: 16px;
                            line-height: 1.625;
                            font-weight: bold;
                            font-family: Poppins, Noto Sans Thai, sans-serif;
                            color: #898989;
                        }

                        @media (min-width:768px) {
                            .css-1r9pdka {
                                font-size: 18px;
                                line-height: 1.667;
                            }
                        }
                    </style><span class="MuiTypography-root MuiTypography-subtitle1 css-1r9pdka"
                        data-testid="stock-advantage-bold">เริ่มต้นเพียง 50 บาท</span> หรือจะลงทุนด้วยสกุล USD <span
                        class="MuiTypography-root MuiTypography-subtitle1 css-1r9pdka"
                        data-testid="stock-advantage-bold">ก็เริ่มต้นเพียง 1.50 USD</span>
                    มาเป็นเจ้าของธุรกิจระดับโลกได้เลยบนแอปพลิเคชัน TESLA THAILAND!
                    <style data-emotion="css 1gsjovm">
                        .css-1gsjovm {
                            margin: 64px 0px;
                        }
                    </style>
                    <style data-emotion="css 1ikfwfc">
                        .css-1ikfwfc {
                            margin: 64px 0px;
                        }
                    </style>
                    <div class="MuiBox-root css-1ikfwfc"></div>
                    <h3 class="MuiTypography-root MuiTypography-h3 css-1fc6d14" data-testid="stock-advantage-heading">
                        ลงทุนได้เลย<span class="css-1rreq7x">ด้วยเงินบาท</span></h3>
                    <div class="MuiBox-root css-1ch6zv"></div><span
                        class="MuiTypography-root MuiTypography-subtitle1 css-1r9pdka"
                        data-testid="stock-advantage-bold">TESLA THAILAND! ให้คุณซื้อหุ้นสหรัฐอเมริกาได้ด้วยสกุลเงินบาท
                        โดยคุณไม่ต้องแลกเปลี่ยนสกุลเงินเอง</span> เพียงคุณเลือกส่งคำสั่งแบบใช้ราคาตลาดหรือ
                    market order เลือกระบุสกุลเงินบาท TESLA THAILAND! จะแลกเปลี่ยนเงินในสกุลบาทของคุณให้เป็นสกุลดอลลาร์สหรัฐ
                    และส่งคำสั่งซื้อต่อให้เลยโดยอัตโนมัติ
                    <div class="MuiBox-root css-1ikfwfc"></div>
                    <h3 class="MuiTypography-root MuiTypography-h3 css-1fc6d14" data-testid="stock-advantage-heading">
                        <span class="css-1rreq7x">เทรดฟรี</span>เดือนละ 1 ครั้ง
                    </h3>
                    <div class="MuiBox-root css-1ch6zv"></div><span
                        class="MuiTypography-root MuiTypography-subtitle1 css-1r9pdka"
                        data-testid="stock-advantage-bold">ของฟรีไม่มีในโลก แต่ TESLA THAILAND!
                        ให้คุณซื้อขายหุ้นสหรัฐอเมริกาฟรีเดือนละหนึ่งครั้ง</span> นั่นคือ คุณจะได้รับการยกเว้นค่าคอมมิชชัน
                    สำหรับรายการซื้อหรือขายหุ้นสหรัฐอเมริกา<span
                        class="MuiTypography-root MuiTypography-subtitle1 css-1r9pdka"
                        data-testid="stock-advantage-bold">ครั้งแรกของแต่ละเดือน</span>
                    และไม่สามารถโอนสิทธิ์นี้ไปใช้ในเดือนถัดไปหากไม่คุณได้ใช้งาน</p>
                </div>
            </div>
            <div id="sticky-footer"></div>
        </div>
        <style data-emotion="css tp6jap">
            .css-tp6jap {
                padding-top: 80px;
                padding-bottom: 80px;
                margin-top: 80px;
                overflow: hidden;
                background-color: #020057;
                -webkit-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-background-position: center;
                background-position: center;
                background-image: url("/stock-charge-bg-xs.webp");
            }

            @media (min-width:768px) {
                .css-tp6jap {
                    background-image: url("/stock-charge-bg-md.webp");
                    padding-top: 80px;
                    padding-bottom: 80px;
                }
            }

            @media (min-width:1200px) {
                .css-tp6jap {
                    background-image: url("/stock-charge-bg-lg.webp");
                }
            }

            @media (min-width:1536px) {
                .css-tp6jap {
                    background-image: url("/stock-charge-bg-xl.webp");
                }
            }
        </style>
        <style data-emotion="css 1xc8o11">
            .css-1xc8o11 {
                background-color: #111111;
                color: #fff;
                -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                box-shadow: none;
                background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
                padding-top: 80px;
                padding-bottom: 80px;
                margin-top: 80px;
                overflow: hidden;
                background-color: #020057;
                -webkit-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-background-position: center;
                background-position: center;
                background-image: url("/stock-charge-bg-xs.webp");
            }

            @media (min-width:768px) {
                .css-1xc8o11 {
                    background-image: url("/stock-charge-bg-md.webp");
                    padding-top: 80px;
                    padding-bottom: 80px;
                }
            }

            @media (min-width:1200px) {
                .css-1xc8o11 {
                    background-image: url("/stock-charge-bg-lg.webp");
                }
            }

            @media (min-width:1536px) {
                .css-1xc8o11 {
                    background-image: url("/stock-charge-bg-xl.webp");
                }
            }
        </style>
        <div class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 css-1xc8o11">
            <style data-emotion="css 8pm8n8">
                .css-8pm8n8 {
                    width: 100%;
                    margin-left: auto;
                    box-sizing: border-box;
                    margin-right: auto;
                    display: block;
                    padding-left: 16px;
                    padding-right: 16px;
                    padding-left: 24px;
                    padding-right: 24px;
                }

                @media (min-width:428px) {
                    .css-8pm8n8 {
                        padding-left: 24px;
                        padding-right: 24px;
                    }
                }

                @media (min-width:1200px) {
                    .css-8pm8n8 {
                        max-width: 1200px;
                    }
                }

                @media (min-width:768px) {
                    .css-8pm8n8 {
                        padding-left: 40px;
                        padding-right: 40px;
                    }
                }

                @media (min-width:1200px) {
                    .css-8pm8n8 {
                        padding-left: 80px;
                        padding-right: 80px;
                    }
                }
            </style>
            <div class="MuiContainer-root MuiContainer-maxWidthLg css-8pm8n8">
                <style data-emotion="css 183i6te">
                    .css-183i6te {
                        padding-left: 32px;
                        padding-right: 32px;
                        text-align: center;
                    }

                    @media (min-width:768px) {
                        .css-183i6te {
                            padding-left: 80px;
                            padding-right: 80px;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-183i6te {
                            padding-left: 176px;
                            padding-right: 176px;
                        }
                    }

                    @media (min-width:1536px) {
                        .css-183i6te {
                            padding-left: 256px;
                            padding-right: 256px;
                        }
                    }
                </style>
                <style data-emotion="css 1b9yti9">
                    .css-1b9yti9 {
                        padding-left: 32px;
                        padding-right: 32px;
                        text-align: center;
                    }

                    @media (min-width:768px) {
                        .css-1b9yti9 {
                            padding-left: 80px;
                            padding-right: 80px;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-1b9yti9 {
                            padding-left: 176px;
                            padding-right: 176px;
                        }
                    }

                    @media (min-width:1536px) {
                        .css-1b9yti9 {
                            padding-left: 256px;
                            padding-right: 256px;
                        }
                    }
                </style>
                <div class="MuiBox-root css-1b9yti9">
                    <style data-emotion="css 1azzrcb">
                        .css-1azzrcb {
                            margin: 0;
                            font-size: 32px;
                            line-height: 1.125;
                            font-weight: bold;
                            font-family: Poppins, Noto Sans Thai, sans-serif;
                            color: #FFFFFF;
                        }

                        @media (min-width:768px) {
                            .css-1azzrcb {
                                font-size: 42px;
                                line-height: 1.19;
                            }
                        }
                    </style>
                    <h3 class="MuiTypography-root MuiTypography-h3 css-1azzrcb" data-testid="stock-commission-title">
                        ค่าธรรมเนียมถูกใจ
                        <!-- -->ได้
                        <!-- -->เทรดฟรี
                        <!-- -->เดือนละไม้
                        <!-- -->ทุกเดือน
                    </h3>
                </div>
                <style data-emotion="css 16tl6py">
                    .css-16tl6py {
                        text-align: center;
                        background-color: #111111;
                        border-radius: 20px;
                        padding: 16px 16px;
                        margin: 40px 0px 0px 0px;
                    }

                    @media (min-width:768px) {
                        .css-16tl6py {
                            padding: 32px;
                            margin: 40px 0px 0px 0px;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-16tl6py {
                            padding: 32px;
                            margin: 40px 120px 0px 120px;
                        }
                    }
                </style>
                <style data-emotion="css 15v0znd">
                    .css-15v0znd {
                        text-align: center;
                        background-color: #111111;
                        border-radius: 20px;
                        padding: 16px 16px;
                        margin: 40px 0px 0px 0px;
                    }

                    @media (min-width:768px) {
                        .css-15v0znd {
                            padding: 32px;
                            margin: 40px 0px 0px 0px;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-15v0znd {
                            padding: 32px;
                            margin: 40px 120px 0px 120px;
                        }
                    }
                </style>
                <div class="MuiBox-root css-15v0znd">
                    <style data-emotion="css 130es2e">
                        .css-130es2e {
                            margin: 0;
                            font-size: 16px;
                            line-height: 1.875;
                            font-weight: bold;
                            font-family: Poppins, Noto Sans Thai, sans-serif;
                            color: #FFFFFF;
                        }

                        @media (min-width:768px) {
                            .css-130es2e {
                                font-size: 18px;
                                line-height: 2.222;
                            }
                        }
                    </style>
                    <h6 class="MuiTypography-root MuiTypography-h6 css-130es2e" data-testid="stock-commission-subtitle">
                        รายการซื้อขายหุ้นต่างประเทศบนแอปพลิเคชัน TESLA THAILAND! จะถูกเรียกเก็บค่าใช้จ่ายดังนี้
                        <style data-emotion="css h9h620">
                            .css-h9h620 {
                                margin: 0;
                                font-size: 16px;
                                line-height: 1.875;
                                font-weight: bold;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                                color: #5DF591;
                            }

                            @media (min-width:768px) {
                                .css-h9h620 {
                                    font-size: 18px;
                                    line-height: 2.222;
                                }
                            }
                        </style><span
                            class="MuiTypography-root MuiTypography-h6 css-h9h620">จะถูกเรียกเก็บค่าใช้จ่ายดังนี้</span>
                    </h6>
                </div>
                <style data-emotion="css 1rzh0rr">
                    .css-1rzh0rr {
                        background-color: #FBFBFB;
                        border-radius: 20px;
                        padding: 16px 0px 32px 0px;
                        margin: 16px 0px;
                    }

                    @media (min-width:768px) {
                        .css-1rzh0rr {
                            padding: 24px 48px 48px 48px;
                            margin: 16px 0px;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-1rzh0rr {
                            padding: 24px 80px 48px 80px;
                            margin: 16px 120px;
                        }
                    }
                </style>
                <style data-emotion="css 2s5ury">
                    .css-2s5ury {
                        background-color: #FBFBFB;
                        border-radius: 20px;
                        padding: 16px 0px 32px 0px;
                        margin: 16px 0px;
                    }

                    @media (min-width:768px) {
                        .css-2s5ury {
                            padding: 24px 48px 48px 48px;
                            margin: 16px 0px;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-2s5ury {
                            padding: 24px 80px 48px 80px;
                            margin: 16px 120px;
                        }
                    }
                </style>
                <div class="MuiBox-root css-2s5ury">
                    <style data-emotion="css zp4lju">
                        .css-zp4lju {
                            margin: 32px 0px 0px 0px;
                            padding: 0px 16px 0px 32px;
                        }

                        @media (min-width:768px) {
                            .css-zp4lju {
                                padding: 0px 16px;
                            }
                        }
                    </style>
                    <style data-emotion="css 1qzmnis">
                        .css-1qzmnis {
                            margin: 0;
                            font-size: 16px;
                            line-height: 1.625;
                            font-weight: 400;
                            font-family: Poppins, Noto Sans Thai, sans-serif;
                            color: #111111;
                            margin: 32px 0px 0px 0px;
                            padding: 0px 16px 0px 32px;
                        }

                        @media (min-width:768px) {
                            .css-1qzmnis {
                                font-size: 18px;
                                line-height: 1.667;
                            }
                        }

                        @media (min-width:768px) {
                            .css-1qzmnis {
                                padding: 0px 16px;
                            }
                        }
                    </style>
                    <p class="MuiTypography-root MuiTypography-body1 css-1qzmnis"
                        data-testid="stock-commission-description">
                    <ul style="padding-left:16px; color: #00040E">
                        <li>ค่าคอมมิชชัน - รายการซื้อขายแรกของแต่ละเดือนจะไม่มีค่าคอมมิชชัน
                            รายการต่อไปในเดือนนั้นจะมีค่าคอมมิชชัน 0.15% ของมูลค่าหลักทรัพย์ที่ซื้อขาย
                            ค่าคอมมิชชันจะคำนวณตามการซื้อขายจริงที่เกิดขึ้น ไม่มีค่าคอมมิชชันขั้นต่ำ
                            และลูกค้าจะต้องจ่ายภาษีมูลค่าเพิ่ม
                            (VAT) อีก 7% ของค่าคอมมิชชันที่ลูกค้าจ่ายจริง</li>
                        <li>ไม่มีค่าธรรมเนียมแลกเงินหรือโอนเงิน</li>
                        <li>ไม่มีค่าธรรมเนียมยื่นแบบภาษี W-8BEN</li>
                        <li>ค่าธรรมเนียมตลาดหลักทรัพย์ (SEC Fee) เรียกเก็บโดยตลาดหลักทรัพย์ของสหรัฐอเมริกาที่อัตรา 0.0008%
                            ของมูลค่าหุ้นที่ขาย</li>
                        <li>ค่าธรรมเนียมการขาย (TAF Fee) เรียกเก็บโดยตลาดหลักทรัพย์ของสหรัฐอเมริกาที่ 0.000119 USD
                            ต่อการขายหุ้น 1 หุ้น แต่จะเรียกเก็บไม่เกิน 5.95 USD ต่อการขาย 1 <br>ครั้ง</li>
                    </ul>ไม่มีค่าธรรมเนียมอื่น ๆ นอกจากค่าใช้จ่ายข้างต้น
                    {{-- <div class="MuiBox-root css-1yuhvjn" style="color: #00040E">
                        <p>ดูรายละเอียดค่าธรรมเนียมเพิ่มเติมได้</p>
                    </div> --}}
                    {{-- <a target="_blank" rel="noopener noreferrer" href="">
                        <style data-emotion="css 6uybeo">
                            .css-6uybeo {
                                margin: 0;
                                font-size: 16px;
                                line-height: 1.625;
                                font-weight: 400;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                                color: #111111;
                            }

                            @media (min-width:768px) {
                                .css-6uybeo {
                                    font-size: 18px;
                                    line-height: 1.667;
                                }
                            }
                        </style>
                        <span class="MuiTypography-root MuiTypography-body1 css-6uybeo">ที่นี่</span>
                    </a> --}}
                    </p>
                </div>
            </div>
        </div>
        <style data-emotion="css 1yuhvjn">
            .css-1yuhvjn {
                margin-top: 16px;
            }
        </style>
        <style data-emotion="css vz4s70">
            .css-vz4s70 {
                margin-top: 80px;
                padding: 16px;
                overflow: hidden;
                background-color: #FFFFFF;
                -webkit-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-background-position: center;
                background-position: center;
            }

            @media (min-width:768px) {
                .css-vz4s70 {
                    padding-left: 120px;
                    padding-right: 120px;
                }
            }

            @media (min-width:1200px) {
                .css-vz4s70 {
                    padding-left: 80px;
                    padding-right: 80px;
                }
            }
        </style>
        <style data-emotion="css 1rpagzx">
            .css-1rpagzx {
                background-color: #111111;
                color: #fff;
                -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                box-shadow: none;
                background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
                margin-top: 80px;
                padding: 16px;
                overflow: hidden;
                background-color: #FFFFFF;
                -webkit-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-background-position: center;
                background-position: center;
            }

            @media (min-width:768px) {
                .css-1rpagzx {
                    padding-left: 120px;
                    padding-right: 120px;
                }
            }

            @media (min-width:1200px) {
                .css-1rpagzx {
                    padding-left: 80px;
                    padding-right: 80px;
                }
            }
        </style>
        <div class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 css-1rpagzx">
            <style data-emotion="css 1ydepa1">
                .css-1ydepa1 {
                    padding: 0;
                }

                @media (min-width:768px) {
                    .css-1ydepa1 {
                        padding: 0px;
                    }
                }

                @media (min-width:1200px) {
                    .css-1ydepa1 {
                        padding: 0px 40px;
                    }
                }

                @media (min-width:1536px) {
                    .css-1ydepa1 {
                        padding: 0px 80px;
                    }
                }
            </style>
            <style data-emotion="css 1lsil8c">
                .css-1lsil8c {
                    width: 100%;
                    margin-left: auto;
                    box-sizing: border-box;
                    margin-right: auto;
                    display: block;
                    padding-left: 16px;
                    padding-right: 16px;
                    padding-left: 24px;
                    padding-right: 24px;
                    padding: 0;
                }

                @media (min-width:428px) {
                    .css-1lsil8c {
                        padding-left: 24px;
                        padding-right: 24px;
                    }
                }

                @media (min-width:1200px) {
                    .css-1lsil8c {
                        max-width: 1200px;
                    }
                }

                @media (min-width:768px) {
                    .css-1lsil8c {
                        padding-left: 40px;
                        padding-right: 40px;
                    }
                }

                @media (min-width:1200px) {
                    .css-1lsil8c {
                        padding-left: 80px;
                        padding-right: 80px;
                    }
                }

                @media (min-width:768px) {
                    .css-1lsil8c {
                        padding: 0px;
                    }
                }

                @media (min-width:1200px) {
                    .css-1lsil8c {
                        padding: 0px 40px;
                    }
                }

                @media (min-width:1536px) {
                    .css-1lsil8c {
                        padding: 0px 80px;
                    }
                }
            </style>
            <div class="MuiContainer-root MuiContainer-maxWidthLg css-1lsil8c">
                <style data-emotion="css 1t3dt61">
                    .css-1t3dt61 {
                        display: grid;
                        grid-template-columns: 1fr;
                        padding-left: 16px;
                        padding-right: 16px;
                        margin: auto;
                        background-color: #111111;
                        border-radius: 40px;
                        width: 100%;
                        height: -webkit-fit-content;
                        height: -moz-fit-content;
                        height: fit-content;
                    }

                    @media (min-width:428px) {
                        .css-1t3dt61 {
                            padding-left: 40px;
                            padding-right: 40px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-1t3dt61 {
                            width: 100%;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-1t3dt61 {
                            grid-template-columns: 0.5fr 5.5fr 4fr;
                            row-gap: 8px;
                            height: 90%;
                        }
                    }
                </style>
                <style data-emotion="css m19gur">
                    .css-m19gur {
                        display: grid;
                        grid-template-columns: 1fr;
                        padding-left: 16px;
                        padding-right: 16px;
                        margin: auto;
                        background-color: #111111;
                        border-radius: 40px;
                        width: 100%;
                        height: -webkit-fit-content;
                        height: -moz-fit-content;
                        height: fit-content;
                    }

                    @media (min-width:428px) {
                        .css-m19gur {
                            padding-left: 40px;
                            padding-right: 40px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-m19gur {
                            width: 100%;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-m19gur {
                            grid-template-columns: 0.5fr 5.5fr 4fr;
                            row-gap: 8px;
                            height: 90%;
                        }
                    }
                </style>
                <div class="MuiBox-root css-m19gur">
                    <div class="MuiBox-root css-0"></div>
                    <style data-emotion="css imu5jw">
                        .css-imu5jw {
                            text-align: center;
                        }

                        @media (min-width:1200px) {
                            .css-imu5jw {
                                margin-top: 80px;
                                padding-right: 40px;
                                text-align: left;
                            }
                        }
                    </style>
                    <style data-emotion="css qwwtrg">
                        .css-qwwtrg {
                            text-align: center;
                        }

                        @media (min-width:1200px) {
                            .css-qwwtrg {
                                margin-top: 80px;
                                padding-right: 40px;
                                text-align: left;
                            }
                        }
                    </style>
                    <div class="MuiBox-root css-qwwtrg">
                        <style data-emotion="css 1sdndus">
                            .css-1sdndus {
                                margin: 0;
                                font-size: 26px;
                                line-height: 1.154;
                                font-weight: bold;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                            }

                            @media (min-width:768px) {
                                .css-1sdndus {
                                    font-size: 30px;
                                    line-height: 1.333;
                                }
                            }
                        </style>
                        <h4 class="MuiTypography-root MuiTypography-h4 css-1sdndus" data-testid="stock-dime-fast-title">
                            TESLA THAILAND! Fast
                            <style data-emotion="css r9s7i7">
                                .css-r9s7i7 {
                                    margin: 0;
                                    font-size: 26px;
                                    line-height: 1.154;
                                    font-weight: bold;
                                    font-family: Poppins, Noto Sans Thai, sans-serif;
                                    color: #5DF591;
                                }

                                @media (min-width:768px) {
                                    .css-r9s7i7 {
                                        font-size: 30px;
                                        line-height: 1.333;
                                    }
                                }
                            </style><span class="MuiTypography-root MuiTypography-h4 css-r9s7i7">แลกเงินปุ๊บ
                                ได้เงินปั๊บ</span>
                        </h4>
                        <style data-emotion="css y1gt6f">
                            .css-y1gt6f {
                                margin-top: 40px;
                            }
                        </style>
                        <style data-emotion="css muesss">
                            .css-muesss {
                                margin-top: 40px;
                            }
                        </style>
                        <div class="MuiBox-root css-muesss"></div>
                        <style data-emotion="css o6u0hi">
                            .css-o6u0hi {
                                margin: 0;
                                font-size: 16px;
                                line-height: 1.625;
                                font-weight: 400;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                            }

                            @media (min-width:768px) {
                                .css-o6u0hi {
                                    font-size: 18px;
                                    line-height: 1.667;
                                }
                            }
                        </style><span class="MuiTypography-root MuiTypography-body1 css-o6u0hi"
                            data-testid="stock-dime-fast-description">หากคุณต้องการแลกเปลี่ยนสกุลเงิน
                            เพื่อไปใช้ลงทุนหุ้นสหรัฐอเมริกาเอง TESLA THAILAND! ขอแนะนำบริการ TESLA THAILAND! Fast
                            ที่จะช่วยให้คุณได้เงินจากการแลกเปลี่ยนสกุลเงินผ่านระบบของธนาคารเกียรตินาคินภัทร แล้ว<style
                                data-emotion="css 1b4yfmm">
                                .css-1b4yfmm {
                                    margin: 0;
                                    font-size: 16px;
                                    line-height: 1.625;
                                    font-weight: bold;
                                    font-family: Poppins, Noto Sans Thai, sans-serif;
                                }

                                @media (min-width:768px) {
                                    .css-1b4yfmm {
                                        font-size: 18px;
                                        line-height: 1.667;
                                    }
                                }
                            </style><span class="MuiTypography-root MuiTypography-subtitle1 css-1b4yfmm">ได้เงินทันที
                                จากปกติที่ต้องรอถึง 2 วันทำการ</span> คุณจะสามารถใช้บริการ TESLA THAILAND! Fast
                            เพื่อทำรายการแลกเปลี่ยนสกุลเงินต่างประเทศ และซื้อหุ้นต่างประเทศด้วยสกุลเงินบาท ได้รวมกันไม่เกิน
                            500,000 บาทต่อวัน</span>
                        <style data-emotion="css 1oll9to">
                            .css-1oll9to {
                                padding-bottom: 56px;
                            }

                            @media (min-width:768px) {
                                .css-1oll9to {
                                    padding-bottom: 80px;
                                }
                            }
                        </style>
                        <style data-emotion="css 1gonyzs">
                            .css-1gonyzs {
                                padding-bottom: 56px;
                            }

                            @media (min-width:768px) {
                                .css-1gonyzs {
                                    padding-bottom: 80px;
                                }
                            }
                        </style>
                        <div class="MuiBox-root css-1gonyzs"></div>
                    </div>
                    <style data-emotion="css mbc5d6">
                        .css-mbc5d6 {
                            grid-row-start: 1;
                            margin: auto;
                            width: 200px;
                            height: 200px;
                        }

                        @media (min-width:768px) {
                            .css-mbc5d6 {
                                width: 280px;
                                height: 280px;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-mbc5d6 {
                                grid-column: 3;
                            }
                        }
                    </style>
                    <style data-emotion="css hkxops">
                        .css-hkxops {
                            grid-row-start: 1;
                            margin: auto;
                            width: 200px;
                            height: 200px;
                        }

                        @media (min-width:768px) {
                            .css-hkxops {
                                width: 280px;
                                height: 280px;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-hkxops {
                                grid-column: 3;
                            }
                        }
                    </style>
                    <div class="MuiBox-root css-hkxops"><span
                            style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span
                                style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img
                                    style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0"
                                    alt="" aria-hidden="true"
                                    src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgwIiBoZWlnaHQ9IjI4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4=" /></span><img
                                alt="dime-fast-image" src="{{ asset('images/invest-dime-fast.webp') }}" decoding="async"
                                data-nimg="intrinsic"
                                style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" /><noscript><img
                                    alt="dime-fast-image" srcSet="{{ asset('images/invest-dime-fast.webp') }}"
                                    src="{{ asset('images/invest-dime-fast.webp') }}" decoding="async"
                                    data-nimg="intrinsic"
                                    style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"
                                    loading="lazy" /></noscript></span>
                    </div>
                </div>
                {{-- <div class="MuiBox-root css-2s5ury">
                    <p class="MuiTypography-root MuiTypography-body1 css-1qzmnis"
                        data-testid="stock-commission-description">
                    <ul style="padding-left: 16px;">
                        <li>ค่าคอมมิชชัน - รายการซื้อขายแรกของแต่ละเดือนจะไม่มีค่าคอมมิชชัน
                            รายการต่อไปในเดือนนั้นจะมีค่าคอมมิชชัน 0.15% ของมูลค่าหลักทรัพย์ที่ซื้อขาย
                            ค่าคอมมิชชันจะคำนวณตามการซื้อขายจริงที่เกิดขึ้น ไม่มีค่าคอมมิชชันขั้นต่ำ
                            และลูกค้าจะต้องจ่ายภาษีมูลค่าเพิ่ม (VAT) อีก 7% ของค่าคอมมิชชันที่ลูกค้าจ่ายจริง</li>
                        <li>ไม่มีค่าธรรมเนียมแลกเงินหรือโอนเงิน</li>
                        <li>ไม่มีค่าธรรมเนียมยื่นแบบภาษี W-8BEN</li>
                        <li>ค่าธรรมเนียมตลาดหลักทรัพย์ (SEC Fee) เรียกเก็บโดยตลาดหลักทรัพย์ของสหรัฐอเมริกาที่อัตรา 0.0008%
                            ของมูลค่าหุ้นที่ขาย</li>
                        <li>ค่าธรรมเนียมการขาย (TAF Fee) เรียกเก็บโดยตลาดหลักทรัพย์ของสหรัฐอเมริกาที่ 0.000119 USD
                            ต่อการขายหุ้น 1 หุ้น แต่จะเรียกเก็บไม่เกิน 5.95 USD ต่อการขาย 1 ครั้ง</li>
                    </ul>ไม่มีค่าธรรมเนียมอื่น ๆ นอกจากค่าใช้จ่ายข้างต้น<div class="MuiBox-root css-1yuhvjn"></div>
                    ดูรายละเอียดค่าธรรมเนียมเพิ่มเติมได้ <a target="_blank" rel="noopener noreferrer"
                        href="https://dime.co.th/th/articles/offshore-investing-commissions-and-fees%3Futm_medium=dimeweb"><span
                            class="MuiTypography-root MuiTypography-body1 css-6uybeo">ที่นี่</span></a></p>
                </div> --}}
            </div>
        </div>
        <style data-emotion="css 1ikja1s">
            .css-1ikja1s {
                margin-top: 16px;
                padding: 16px;
                overflow: hidden;
                background-color: #FFFFFF;
                -webkit-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-background-position: center;
                background-position: center;
            }

            @media (min-width:768px) {
                .css-1ikja1s {
                    padding-left: 120px;
                    padding-right: 120px;
                }
            }

            @media (min-width:1200px) {
                .css-1ikja1s {
                    padding-left: 80px;
                    padding-right: 80px;
                }
            }
        </style>
        <style data-emotion="css 1p7b022">
            .css-1p7b022 {
                background-color: #FFFFFF;
                color: rgba(0, 0, 0, 0.87);
                -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                box-shadow: none;
                margin-top: 16px;
                padding: 16px;
                overflow: hidden;
                background-color: #FFFFFF;
                -webkit-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-background-position: center;
                background-position: center;
            }

            @media (min-width:768px) {
                .css-1p7b022 {
                    padding-left: 120px;
                    padding-right: 120px;
                }
            }

            @media (min-width:1200px) {
                .css-1p7b022 {
                    padding-left: 80px;
                    padding-right: 80px;
                }
            }
        </style>
        <div class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 css-1p7b022">
            <style data-emotion="css 1ydepa1">
                .css-1ydepa1 {
                    padding: 0;
                }

                @media (min-width:768px) {
                    .css-1ydepa1 {
                        padding: 0px;
                    }
                }

                @media (min-width:1200px) {
                    .css-1ydepa1 {
                        padding: 0px 40px;
                    }
                }

                @media (min-width:1536px) {
                    .css-1ydepa1 {
                        padding: 0px 80px;
                    }
                }
            </style>
            <style data-emotion="css 1lsil8c">
                .css-1lsil8c {
                    width: 100%;
                    margin-left: auto;
                    box-sizing: border-box;
                    margin-right: auto;
                    display: block;
                    padding-left: 16px;
                    padding-right: 16px;
                    padding-left: 24px;
                    padding-right: 24px;
                    padding: 0;
                }

                @media (min-width:428px) {
                    .css-1lsil8c {
                        padding-left: 24px;
                        padding-right: 24px;
                    }
                }

                @media (min-width:1200px) {
                    .css-1lsil8c {
                        max-width: 1200px;
                    }
                }

                @media (min-width:768px) {
                    .css-1lsil8c {
                        padding-left: 40px;
                        padding-right: 40px;
                    }
                }

                @media (min-width:1200px) {
                    .css-1lsil8c {
                        padding-left: 80px;
                        padding-right: 80px;
                    }
                }

                @media (min-width:768px) {
                    .css-1lsil8c {
                        padding: 0px;
                    }
                }

                @media (min-width:1200px) {
                    .css-1lsil8c {
                        padding: 0px 40px;
                    }
                }

                @media (min-width:1536px) {
                    .css-1lsil8c {
                        padding: 0px 80px;
                    }
                }
            </style>
            <div class="MuiContainer-root MuiContainer-maxWidthLg css-1lsil8c">
                <style data-emotion="css 1nb7m99">
                    .css-1nb7m99 {
                        display: grid;
                        grid-template-columns: 1fr;
                        padding-left: 16px;
                        padding-right: 16px;
                        margin: auto;
                        border-radius: 40px;
                        width: 100%;
                        height: -webkit-fit-content;
                        height: -moz-fit-content;
                        height: fit-content;
                    }

                    @media (min-width:428px) {
                        .css-1nb7m99 {
                            padding-left: 40px;
                            padding-right: 40px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-1nb7m99 {
                            width: 100%;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-1nb7m99 {
                            grid-template-columns: 5fr 0.5fr 4.5fr;
                            row-gap: 8px;
                            padding-left: 16px;
                            padding-right: 16px;
                            height: 90%;
                        }
                    }
                </style>
                <style data-emotion="css jdp3c3">
                    .css-jdp3c3 {
                        display: grid;
                        grid-template-columns: 1fr;
                        padding-left: 16px;
                        padding-right: 16px;
                        margin: auto;
                        border-radius: 40px;
                        width: 100%;
                        height: -webkit-fit-content;
                        height: -moz-fit-content;
                        height: fit-content;
                    }

                    @media (min-width:428px) {
                        .css-jdp3c3 {
                            padding-left: 40px;
                            padding-right: 40px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-jdp3c3 {
                            width: 100%;
                        }
                    }

                    @media (min-width:1200px) {
                        .css-jdp3c3 {
                            grid-template-columns: 5fr 0.5fr 4.5fr;
                            row-gap: 8px;
                            padding-left: 16px;
                            padding-right: 16px;
                            height: 90%;
                        }
                    }
                </style>
                <div class="MuiBox-root css-jdp3c3">
                    <style data-emotion="css 1bnn9o1">
                        .css-1bnn9o1 {
                            margin: auto;
                            margin-top: 40px;
                            margin-bottom: 40px;
                            width: 200px;
                            height: 200px;
                        }

                        @media (min-width:768px) {
                            .css-1bnn9o1 {
                                width: 424px;
                                height: 424px;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-1bnn9o1 {
                                width: 512px;
                                height: 512px;
                            }
                        }
                    </style>
                    <style data-emotion="css hzlowq">
                        .css-hzlowq {
                            margin: auto;
                            margin-top: 40px;
                            margin-bottom: 40px;
                            width: 200px;
                            height: 200px;
                        }

                        @media (min-width:768px) {
                            .css-hzlowq {
                                width: 424px;
                                height: 424px;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-hzlowq {
                                width: 512px;
                                height: 512px;
                            }
                        }
                    </style>
                    <div class="MuiBox-root css-hzlowq"><span
                            style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span
                                style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img
                                    style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0"
                                    alt="" aria-hidden="true"
                                    src="{{ asset('images/dime-stock-competency.png') }}" /></span><img
                                alt="dime-compentency-image" src="" decoding="async" data-nimg="intrinsic"
                                style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" />
                            <img alt="dime-compentency-image" srcSet=""
                                src="{{ asset('images/dime-stock-competency.png') }}" decoding="async"
                                data-nimg="intrinsic"
                                style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"
                                loading="lazy" /></noscript></span>
                    </div>
                    <div class="MuiBox-root css-0"></div>
                    <style data-emotion="css earnqa">
                        .css-earnqa {
                            text-align: center;
                        }

                        @media (min-width:1200px) {
                            .css-earnqa {
                                margin-top: 180px;
                                padding-right: 20px;
                                text-align: left;
                            }
                        }
                    </style>
                    <style data-emotion="css 16d9qdx">
                        .css-16d9qdx {
                            text-align: center;
                        }

                        @media (min-width:1200px) {
                            .css-16d9qdx {
                                margin-top: 180px;
                                padding-right: 20px;
                                text-align: left;
                            }
                        }
                    </style>
                    <div class="MuiBox-root css-16d9qdx">
                        <style data-emotion="css 9n03pa">
                            .css-9n03pa {
                                margin: 0;
                                font-size: 32px;
                                line-height: 1.125;
                                font-weight: bold;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                            }

                            @media (min-width:768px) {
                                .css-9n03pa {
                                    font-size: 42px;
                                    line-height: 1.19;
                                }
                            }
                        </style>
                        <h3 class="MuiTypography-root MuiTypography-h3 css-9n03pa"
                            data-testid="stock-extended-hour-title">ซื้อขายได้
                            <style data-emotion="css 1rreq7x">
                                .css-1rreq7x {
                                    background: linear-gradient(180deg, transparent 50%, #5DF591 50% 90%, rgba(0, 0, 0, 0) 90%);
                                }
                            </style><span class="css-1rreq7x">นานกว่า</span>
                        </h3>
                        <style data-emotion="css y1gt6f">
                            .css-y1gt6f {
                                margin-top: 40px;
                            }
                        </style>
                        <style data-emotion="css muesss">
                            .css-muesss {
                                margin-top: 40px;
                            }
                        </style>
                        <div class="MuiBox-root css-muesss"></div>
                        <style data-emotion="css c1znai">
                            .css-c1znai {
                                margin: 0;
                                font-size: 16px;
                                line-height: 1.625;
                                font-weight: 400;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                                color: #898989;
                            }

                            @media (min-width:768px) {
                                .css-c1znai {
                                    font-size: 18px;
                                    line-height: 1.667;
                                }
                            }
                        </style><span class="MuiTypography-root MuiTypography-body1 css-c1znai"
                            data-testid="stock-extended-hour-description">
                            <style data-emotion="css 1r9pdka">
                                .css-1r9pdka {
                                    margin: 0;
                                    font-size: 16px;
                                    line-height: 1.625;
                                    font-weight: bold;
                                    font-family: Poppins, Noto Sans Thai, sans-serif;
                                    color: #898989;
                                }

                                @media (min-width:768px) {
                                    .css-1r9pdka {
                                        font-size: 18px;
                                        line-height: 1.667;
                                    }
                                }
                            </style><span class="MuiTypography-root MuiTypography-subtitle1 css-1r9pdka">
                                TESLA THAILAND!
                                เปิดให้คุณซื้อขายหุ้นต่างประเทศได้ ทั้งในและนอกเวลาทำการของตลาด</span>
                            เพราะยิ่งคุณลงทุนได้นานขึ้น ก็มีโอกาสในการสร้างผลตอบแทนได้มากขึ้น
                        </span>
                        <style data-emotion="css 1oll9to">
                            .css-1oll9to {
                                padding-bottom: 56px;
                            }

                            @media (min-width:768px) {
                                .css-1oll9to {
                                    padding-bottom: 80px;
                                }
                            }
                        </style>
                        <style data-emotion="css 1gonyzs">
                            .css-1gonyzs {
                                padding-bottom: 56px;
                            }

                            @media (min-width:768px) {
                                .css-1gonyzs {
                                    padding-bottom: 80px;
                                }
                            }
                        </style>
                        <div class="MuiBox-root css-1gonyzs"></div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection