@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 190oe99">
        .css-190oe99 {
            max-width: 864px;
            margin: auto;
        }
    </style>
    <style data-emotion="css 1fduocy">
        .css-1fduocy {
            background-color: #00040E;
            -webkit-background-size: cover;
            background-size: cover;
            background-repeat: no-repeat;
            -webkit-background-position: center;
            background-position: center;
            background-image: url("/career-bg-xs.webp");
            padding: 88px 0px;
        }

        @media (min-width:428px) {
            .css-1fduocy {
                background-image: url("/career-bg-sm.webp");
            }
        }

        @media (min-width:768px) {
            .css-1fduocy {
                padding: 80px 0px;
                background-image: url("/career-bg-md.webp");
            }
        }

        @media (min-width:1200px) {
            .css-1fduocy {
                padding: 88px 0px;
                background-image: url("/career-bg-lg.webp");
            }
        }

        @media (min-width:1536px) {
            .css-1fduocy {
                background-image: url("/career-bg-xl.webp");
            }
        }
    </style>
    <style data-emotion="css 1jtrr80">
        .css-1jtrr80 {
            background-color: #00040E;
            -webkit-background-size: cover;
            background-size: cover;
            background-repeat: no-repeat;
            -webkit-background-position: center;
            background-position: center;
            background-image: url("/career-bg-xs.webp");
            padding: 88px 0px;
        }

        @media (min-width:428px) {
            .css-1jtrr80 {
                background-image: url("/career-bg-sm.webp");
            }
        }

        @media (min-width:768px) {
            .css-1jtrr80 {
                padding: 80px 0px;
                background-image: url("/career-bg-md.webp");
            }
        }

        @media (min-width:1200px) {
            .css-1jtrr80 {
                padding: 88px 0px;
                background-image: url("/career-bg-lg.webp");
            }
        }

        @media (min-width:1536px) {
            .css-1jtrr80 {
                background-image: url("/career-bg-xl.webp");
            }
        }
    </style>
    <div class="MuiBox-root css-1jtrr80">
        <style data-emotion="css 97f0bx">
            .css-97f0bx {
                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-97f0bx {
                    padding-left: 24px;
                    padding-right: 24px;
                }
            }

            @media (min-width:428px) {
                .css-97f0bx {
                    max-width: 428px;
                }
            }

            @media (min-width:768px) {
                .css-97f0bx {
                    max-width: 768px;
                }
            }

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

            @media (min-width:1536px) {
                .css-97f0bx {
                    max-width: 1536px;
                }
            }

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

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

            @media (min-width:1200px) {
                .css-97f0bx {
                    padding-left: 80px;
                    padding-right: 80px;
                }
            }
        </style>
        <div class="MuiContainer-root MuiContainer-maxWidthLg MuiContainer-fixed css-97f0bx" data-testid="page-description-career">
            <div class="css-190oe99">
                <style data-emotion="css 1guv3m2">
                    .css-1guv3m2 {
                        max-width: 240px;
                    }

                    @media (min-width:428px) {
                        .css-1guv3m2 {
                            max-width: 400px;
                        }
                    }
                </style>
                <div class="css-1guv3m2">
                    <style data-emotion="css 19bk96f">
                        .css-19bk96f {
                            margin: 0;
                            font-size: 24px;
                            line-height: 1.25;
                            font-weight: bold;
                            font-family: Poppins, Noto Sans Thai, sans-serif;
                            color: #FFFFFF;
                        }

                        @media (min-width:768px) {
                            .css-19bk96f {
                                font-size: 30px;
                                line-height: 1.267;
                            }
                        }
                    </style>
                    <h4 class="MuiTypography-root MuiTypography-h4 css-19bk96f">Join
                        <style data-emotion="css eo2cz2">
                            .css-eo2cz2 {
                                margin: 0;
                                font-size: 24px;
                                line-height: 1.25;
                                font-weight: bold;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                                color: #5DF591;
                            }

                            @media (min-width:768px) {
                                .css-eo2cz2 {
                                    font-size: 30px;
                                    line-height: 1.267;
                                }
                            }
                        </style><span class="MuiTypography-root MuiTypography-h4 css-eo2cz2">CPALL!</span> and Make a Difference</h4>
                </div>
            </div>
        </div>
    </div>
    <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 fc8jsx">
            .css-fc8jsx {
                max-width: 864px;
                margin: 40px auto 56px;
            }

            @media (min-width:768px) {
                .css-fc8jsx {
                    margin: 64px auto 88px;
                }
            }
        </style>
        <div class="css-fc8jsx">
            <style data-emotion="css 16y1i0r">
                .css-16y1i0r {
                    margin: 0;
                    font-size: 30px;
                    line-height: 1.333;
                    font-weight: bold;
                    font-family: Poppins, Noto Sans Thai, sans-serif;
                    text-align: center;
                }

                @media (min-width:768px) {
                    .css-16y1i0r {
                        font-size: 40px;
                        line-height: 1.2;
                    }
                }
            </style>
            <h3 class="MuiTypography-root MuiTypography-h3 css-16y1i0r">Career
                <style data-emotion="css 6heq0z">
                    .css-6heq0z {
                        margin: 0;
                        font-size: 30px;
                        line-height: 1.333;
                        font-weight: bold;
                        font-family: Poppins, Noto Sans Thai, sans-serif;
                        color: #5DF591;
                    }

                    @media (min-width:768px) {
                        .css-6heq0z {
                            font-size: 40px;
                            line-height: 1.2;
                        }
                    }
                </style><span class="MuiTypography-root MuiTypography-h3 css-6heq0z">.</span></h3>
            <style data-emotion="css b6tv0h">
                .css-b6tv0h {
                    margin: 16px 0px 24px 0px;
                }

                @media (min-width:768px) {
                    .css-b6tv0h {
                        margin: 16px 0px 56px 0px;
                    }
                }
            </style>
            <style data-emotion="css 1vn4u57">
                .css-1vn4u57 {
                    margin: 0;
                    font-size: 14px;
                    line-height: 1.714;
                    font-weight: 400;
                    font-family: Poppins, Noto Sans Thai, sans-serif;
                    margin-top: 16px;
                    margin-bottom: 16px;
                    text-align: center;
                    margin: 16px 0px 24px 0px;
                }

                @media (min-width:768px) {
                    .css-1vn4u57 {
                        font-size: 16px;
                        line-height: 1.75;
                    }
                }

                @media (min-width:768px) {
                    .css-1vn4u57 {
                        margin: 16px 0px 56px 0px;
                    }
                }
            </style>
            <p class="MuiTypography-root MuiTypography-body1 css-1vn4u57">Invest in a career that invests in you</p>
            <style data-emotion="css sixa1n">
                @media (min-width:768px) {
                    .css-sixa1n {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        grid-template-rows: 56px auto 1fr auto 56px;
                        -webkit-column-gap: 16px;
                        column-gap: 16px;
                    }
                }
            </style>
            <style data-emotion="css 1exahws">
                @media (min-width:768px) {
                    .css-1exahws {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        grid-template-rows: 56px auto 1fr auto 56px;
                        -webkit-column-gap: 16px;
                        column-gap: 16px;
                    }
                }
            </style>
            <div class="MuiBox-root css-1exahws">
                <style data-emotion="css mhzzlr">
                    .css-mhzzlr {
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 1/span 2;
                        grid-column: 1;
                    }

                    @media (min-width:768px) {
                        .css-mhzzlr {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <style data-emotion="css 1exktae">
                    .css-1exktae {
                        overflow: hidden;
                        border-radius: 12px;
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 1/span 2;
                        grid-column: 1;
                    }

                    @media (min-width:768px) {
                        .css-1exktae {
                            border-radius: 20px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-1exktae {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <style data-emotion="css 15dag9z">
                    .css-15dag9z {
                        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;
                        border-radius: 4px;
                        box-shadow: none;
                        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
                        overflow: hidden;
                        border-radius: 12px;
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 1/span 2;
                        grid-column: 1;
                    }

                    @media (min-width:768px) {
                        .css-15dag9z {
                            border-radius: 20px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-15dag9z {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-15dag9z">
                    <style data-emotion="css 7mw5wt">
                        .css-7mw5wt {
                            position: absolute;
                            width: 65px;
                            top: 0;
                            left: 0;
                        }

                        @media (min-width:768px) {
                            .css-7mw5wt {
                                width: 91px;
                            }
                        }
                    </style><img src="{{ asset('/career-left-curves.svg') }}" alt="Transform" class="css-7mw5wt" />
                    <style data-emotion="css 5lkf06">
                        .css-5lkf06 {
                            position: relative;
                            padding: 32px 32px;
                        }

                        @media (min-width:768px) {
                            .css-5lkf06 {
                                padding: 48px 48px;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-5lkf06 {
                                padding: 56px 64px;
                            }
                        }
                    </style>
                    <style data-emotion="css 1do5o15">
                        .css-1do5o15 {
                            padding: 16px;
                            position: relative;
                            padding: 32px 32px;
                        }

                        .css-1do5o15:last-child {
                            padding-bottom: 24px;
                        }

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

                        @media (min-width:1200px) {
                            .css-1do5o15 {
                                padding: 56px 64px;
                            }
                        }
                    </style>
                    <div class="MuiCardContent-root css-1do5o15">
                        <style data-emotion="css o8xdls">
                            .css-o8xdls {
                                margin: 0;
                                font-size: 18px;
                                line-height: 1.333;
                                font-weight: bold;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                            }

                            @media (min-width:768px) {
                                .css-o8xdls {
                                    font-size: 22px;
                                    line-height: 1.273;
                                }
                            }
                        </style>
                        <h5 class="MuiTypography-root MuiTypography-h5 css-o8xdls" data-testid="benefit-1">
                            <style data-emotion="css nl0ppj">
                                .css-nl0ppj {
                                    color: #5DF591;
                                }
                            </style><span class="css-nl0ppj">Transform</span><span>.</span></h5>
                        <style data-emotion="css 1m9y6ke">
                            .css-1m9y6ke {
                                margin: 0;
                                font-size: 14px;
                                line-height: 1.714;
                                font-weight: 400;
                                font-family: Poppins, Noto Sans Thai, sans-serif;
                                margin-top: 8px;
                            }

                            @media (min-width:768px) {
                                .css-1m9y6ke {
                                    font-size: 16px;
                                    line-height: 1.75;
                                }
                            }
                        </style>
                        <p class="MuiTypography-root MuiTypography-body1 css-1m9y6ke">We want to bring finance to everyone. Join us and transform the future of finance and investment.</p>
                    </div>
                </div>
                <style data-emotion="css 1wxo6z2">
                    .css-1wxo6z2 {
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 2/span 2;
                        grid-column: 2;
                    }

                    @media (min-width:768px) {
                        .css-1wxo6z2 {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <style data-emotion="css rw9867">
                    .css-rw9867 {
                        overflow: hidden;
                        border-radius: 12px;
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 2/span 2;
                        grid-column: 2;
                    }

                    @media (min-width:768px) {
                        .css-rw9867 {
                            border-radius: 20px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-rw9867 {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <style data-emotion="css 1dov8f1">
                    .css-1dov8f1 {
                        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;
                        border-radius: 4px;
                        box-shadow: none;
                        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
                        overflow: hidden;
                        border-radius: 12px;
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 2/span 2;
                        grid-column: 2;
                    }

                    @media (min-width:768px) {
                        .css-1dov8f1 {
                            border-radius: 20px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-1dov8f1 {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1dov8f1">
                    <div class="MuiCardContent-root css-1do5o15">
                        <h5 class="MuiTypography-root MuiTypography-h5 css-o8xdls" data-testid="benefit-3"><span class="css-nl0ppj">Growth</span><span>.</span></h5>
                        <p class="MuiTypography-root MuiTypography-body1 css-1m9y6ke">Work with us. Grow with us. Succeed with us. Bring passion into a team and get inspired by the best minds from diverse backgrounds.</p>
                    </div>
                    <style data-emotion="css 32dpev">
                        .css-32dpev {
                            position: absolute;
                            width: 64px;
                            top: -20px;
                            right: 30px;
                        }

                        @media (min-width:768px) {
                            .css-32dpev {
                                width: 95px;
                                top: -30px;
                                right: 30px;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-32dpev {
                                right: 50px;
                            }
                        }
                    </style><img src="{{ asset('/career-benefit-1.svg') }}" alt="Growth" class="css-32dpev" /></div>
                <style data-emotion="css 1dkac1p">
                    .css-1dkac1p {
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 3/span 2;
                        grid-column: 1;
                    }

                    @media (min-width:768px) {
                        .css-1dkac1p {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <style data-emotion="css srm5t6">
                    .css-srm5t6 {
                        overflow: hidden;
                        border-radius: 12px;
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 3/span 2;
                        grid-column: 1;
                    }

                    @media (min-width:768px) {
                        .css-srm5t6 {
                            border-radius: 20px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-srm5t6 {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <style data-emotion="css 1wi6e50">
                    .css-1wi6e50 {
                        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;
                        border-radius: 4px;
                        box-shadow: none;
                        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
                        overflow: hidden;
                        border-radius: 12px;
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 3/span 2;
                        grid-column: 1;
                    }

                    @media (min-width:768px) {
                        .css-1wi6e50 {
                            border-radius: 20px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-1wi6e50 {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1wi6e50">
                    <div class="MuiCardContent-root css-1do5o15">
                        <h5 class="MuiTypography-root MuiTypography-h5 css-o8xdls" data-testid="benefit-2"><span class="css-nl0ppj">Flexibility</span><span>.</span></h5>
                        <p class="MuiTypography-root MuiTypography-body1 css-1m9y6ke">Good ideas come from anywhere. Work from anywhere because anywhere can work. Run out of ideas? Take your leave and come back refreshed.</p>
                    </div>
                    <style data-emotion="css 1pp1gaf">
                        .css-1pp1gaf {
                            position: absolute;
                            width: 75px;
                            top: -42px;
                            right: 30px;
                        }

                        @media (min-width:768px) {
                            .css-1pp1gaf {
                                width: 111px;
                                top: -85px;
                                right: 50px;
                            }
                        }
                    </style><img src="{{ asset('/career-benefit-2.svg') }}" alt="Flexibility" class="css-1pp1gaf" /></div>
                <style data-emotion="css nfnh14">
                    .css-nfnh14 {
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 4/span 2;
                        grid-column: 2;
                    }

                    @media (min-width:768px) {
                        .css-nfnh14 {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <style data-emotion="css 1ncntn5">
                    .css-1ncntn5 {
                        overflow: hidden;
                        border-radius: 12px;
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 4/span 2;
                        grid-column: 2;
                    }

                    @media (min-width:768px) {
                        .css-1ncntn5 {
                            border-radius: 20px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-1ncntn5 {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <style data-emotion="css 1erjmsc">
                    .css-1erjmsc {
                        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;
                        border-radius: 4px;
                        box-shadow: none;
                        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
                        overflow: hidden;
                        border-radius: 12px;
                        background-color: #041733;
                        position: relative;
                        margin-bottom: 12px;
                        overflow: visible;
                        grid-row: 4/span 2;
                        grid-column: 2;
                    }

                    @media (min-width:768px) {
                        .css-1erjmsc {
                            border-radius: 20px;
                        }
                    }

                    @media (min-width:768px) {
                        .css-1erjmsc {
                            margin-bottom: 16px;
                            height: 300px;
                        }
                    }
                </style>
                <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1erjmsc">
                    <style data-emotion="css 1c58olq">
                        .css-1c58olq {
                            position: absolute;
                            width: 75px;
                            bottom: 0;
                            right: 0;
                        }

                        @media (min-width:428px) {
                            .css-1c58olq {
                                width: 105px;
                            }
                        }
                    </style><img src="{{ asset('/career-right-curves.svg') }}" alt="Benefits" class="css-1c58olq" />
                    <div class="MuiCardContent-root css-1do5o15">
                        <h5 class="MuiTypography-root MuiTypography-h5 css-o8xdls" data-testid="benefit-4"><span class="css-nl0ppj">Benefits</span><span>.</span></h5>
                        <p class="MuiTypography-root MuiTypography-body1 css-1m9y6ke">Provident fund, health insurance, life insurance, annual health checkup, performance-based bonus, and parties.</p>
                    </div>
                    <style data-emotion="css p9ltzl">
                        .css-p9ltzl {
                            position: absolute;
                            width: 62px;
                            top: -10px;
                            right: 30px;
                        }

                        @media (min-width:428px) {
                            .css-p9ltzl {
                                width: 93px;
                            }
                        }

                        @media (min-width:1200px) {
                            .css-p9ltzl {
                                right: 50px;
                            }
                        }
                    </style><img src="{{ asset('/career-benefit-3.svg') }}" alt="Benefits" class="css-p9ltzl" /></div>
            </div>
        </div>
        <style data-emotion="css 14g6yyc">
            .css-14g6yyc {
                max-width: 688px;
                margin: auto;
            }
        </style>
        <style data-emotion="css wrnr4r">
            .css-wrnr4r {
                max-width: 688px;
                margin: auto;
            }
        </style>
        <div class="MuiBox-root css-wrnr4r" id="_open-positions">
            <style data-emotion="css 1w44jur">
                .css-1w44jur {
                    margin-bottom: 32px;
                }

                @media (min-width:768px) {
                    .css-1w44jur {
                        margin-bottom: 40px;
                    }
                }
            </style>
            <style data-emotion="css e3qnax">
                .css-e3qnax {
                    margin: 0;
                    font-size: 30px;
                    line-height: 1.333;
                    font-weight: bold;
                    font-family: Poppins, Noto Sans Thai, sans-serif;
                    text-align: center;
                    margin-bottom: 32px;
                }

                @media (min-width:768px) {
                    .css-e3qnax {
                        font-size: 40px;
                        line-height: 1.2;
                    }
                }

                @media (min-width:768px) {
                    .css-e3qnax {
                        margin-bottom: 40px;
                    }
                }
            </style>
            <h3 class="MuiTypography-root MuiTypography-h3 css-e3qnax" data-testid="job-positions-header">Open Positions<span class="MuiTypography-root MuiTypography-h3 css-6heq0z">.</span></h3>
            <div class="MuiBox-root css-0" data-testid="open-position-list">
                <style data-emotion="css ytumd6">
                    .css-ytumd6 {
                        -webkit-text-decoration: none;
                        text-decoration: none;
                    }
                </style>
                <style data-emotion="css 1iht4hi">
                    .css-1iht4hi {
                        margin: 0;
                        color: #5DF591;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                    }
                </style>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/quality-assurance-automation-engineer">
                    <style data-emotion="css 164xr77">
                        .css-164xr77 {
                            margin-bottom: 12px;
                            position: relative;
                        }

                        .css-164xr77:before {
                            content: " ";
                            position: absolute;
                            height: calc(100% - 32px);
                            margin: 16px 0px;
                            width: 5px;
                            background-color: #5DF591;
                            border-radius: 20px;
                            top: 0;
                            left: 0;
                        }
                    </style>
                    <style data-emotion="css 1vg5091">
                        .css-1vg5091 {
                            overflow: hidden;
                            border-radius: 12px;
                            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.06);
                            margin-bottom: 12px;
                            position: relative;
                        }

                        @media (min-width:768px) {
                            .css-1vg5091 {
                                border-radius: 20px;
                            }
                        }

                        .css-1vg5091:before {
                            content: " ";
                            position: absolute;
                            height: calc(100% - 32px);
                            margin: 16px 0px;
                            width: 5px;
                            background-color: #5DF591;
                            border-radius: 20px;
                            top: 0;
                            left: 0;
                        }
                    </style>
                    <style data-emotion="css wb1hpw">
                        .css-wb1hpw {
                            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;
                            border-radius: 4px;
                            box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
                            overflow: hidden;
                            border-radius: 12px;
                            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.06);
                            margin-bottom: 12px;
                            position: relative;
                        }

                        @media (min-width:768px) {
                            .css-wb1hpw {
                                border-radius: 20px;
                            }
                        }

                        .css-wb1hpw:before {
                            content: " ";
                            position: absolute;
                            height: calc(100% - 32px);
                            margin: 16px 0px;
                            width: 5px;
                            background-color: #5DF591;
                            border-radius: 20px;
                            top: 0;
                            left: 0;
                        }
                    </style>
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <style data-emotion="css 1hmflkh">
                            .css-1hmflkh:last-child {
                                padding: 16px 24px;
                            }

                            @media (min-width:768px) {
                                .css-1hmflkh {
                                    display: -webkit-box;
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-pack: justify;
                                    -webkit-justify-content: space-between;
                                    justify-content: space-between;
                                }
                                .css-1hmflkh:last-child {
                                    padding: 32px 40px;
                                }
                            }
                        </style>
                        <style data-emotion="css jpffnx">
                            .css-jpffnx {
                                padding: 16px;
                            }

                            .css-jpffnx:last-child {
                                padding-bottom: 24px;
                            }

                            .css-jpffnx:last-child {
                                padding: 16px 24px;
                            }

                            @media (min-width:768px) {
                                .css-jpffnx {
                                    display: -webkit-box;
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-pack: justify;
                                    -webkit-justify-content: space-between;
                                    justify-content: space-between;
                                }
                                .css-jpffnx:last-child {
                                    padding: 32px 40px;
                                }
                            }
                        </style>
                        <div class="MuiCardContent-root css-jpffnx">
                            <style data-emotion="css 189n9vu">
                                .css-189n9vu {
                                    display: -webkit-box;
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-pack: justify;
                                    -webkit-justify-content: space-between;
                                    justify-content: space-between;
                                    -webkit-align-items: flex-start;
                                    -webkit-box-align: flex-start;
                                    -ms-flex-align: flex-start;
                                    align-items: flex-start;
                                }

                                @media (min-width:768px) {
                                    .css-189n9vu {
                                        display: -webkit-inline-box;
                                        display: -webkit-inline-flex;
                                        display: -ms-inline-flexbox;
                                        display: inline-flex;
                                    }
                                }
                            </style>
                            <div class="css-189n9vu">
                                <style data-emotion="css 1nr94j6">
                                    .css-1nr94j6 {
                                        margin: 0;
                                        font-size: 13px;
                                        line-height: 1.692;
                                        font-weight: 600;
                                        font-family: Poppins, Noto Sans Thai, sans-serif;
                                        -webkit-align-self: center;
                                        -ms-flex-item-align: center;
                                        align-self: center;
                                    }

                                    @media (min-width:428px) {
                                        .css-1nr94j6 {
                                            font-size: 14px;
                                            line-height: 1.714;
                                        }
                                    }
                                </style>
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Quality Assurance Automation Engineer (฿40,000-฿80,000)</h6>
                            </div>
                            <style data-emotion="css v5tot2">
                                .css-v5tot2 {
                                    margin: 0;
                                    font-size: 13px;
                                    line-height: 1.692;
                                    font-weight: 400;
                                    font-family: Poppins, Noto Sans Thai, sans-serif;
                                    color: #898989;
                                    -webkit-align-self: center;
                                    -ms-flex-item-align: center;
                                    align-self: center;
                                }

                                @media (min-width:768px) {
                                    .css-v5tot2 {
                                        font-size: 14px;
                                        line-height: 1.714;
                                    }
                                }
                            </style>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">4 Jul 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/senior-quality-assurance-automation-engineer">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Senior Quality Assurance Automation Engineer (฿80,000-฿150,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">4 Jul 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/senior-operational-excellence-specialist">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Senior Operational Excellence Specialist (฿25,000-฿50,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">3 Jul 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/senior-partnership-strategist">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Senior Partnership Strategist (฿25,000-฿50,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">3 Jul 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/customer-service-representative">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Customer Experience Specialist (฿25,000-฿50,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">29 May 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/product-marketing-lead">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Product Marketing Lead (฿80,000-฿150,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">29 May 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/product-marketing-specialist">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Product Marketing Specialist (฿25,000-฿80,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">29 May 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/corporate-governance">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Corporate Governance</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">19 May 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/project-manager">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Project Manager</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">18 Apr 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/site-reliability-engineer">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Site Reliability Engineer (฿50,000-฿140,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">17 Apr 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/senior-site-reliability-engineer">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Senior Site Reliability Engineer (฿140,000-฿200,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">17 Apr 2023</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/software-engineer">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Software Engineer (฿50,000-฿140,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">11 Aug 2022</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/senior-software-engineer">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Senior Software Engineer (฿140,000-฿200,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">11 Aug 2022</p>
                        </div>
                    </div>
                </a>
                <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1iht4hi" href="/en/career/jobs/content-creator">
                    <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiCard-root css-wb1hpw">
                        <div class="MuiCardContent-root css-jpffnx">
                            <div class="css-189n9vu">
                                <h6 class="MuiTypography-root MuiTypography-subtitle2 css-1nr94j6">Content Creator (฿25,000-฿80,000)</h6>
                            </div>
                            <p class="MuiTypography-root MuiTypography-body2 css-v5tot2">4 Aug 2022</p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</main>
@endsection