@extends('layouts.app')

@section('title', 'Tuyển dụng - LVT Global Technologies Group')
@section('description', 'Tuyển dụng - LVT Global Technologies Group')
@push('page-styles')
    <style id='bricks-dynamic-data-inline-css'>
        /* Recruitment Page Specific Buttons */
        #brxe-loghvo.bricks-button,
        #brxe-ivxmql.bricks-button,
        #brxe-wnnvma.bricks-button {
            color: #000000 !important;
            border-radius: 8px !important;
        }

        #brxe-loghvo.bricks-button svg path,
        #brxe-ivxmql.bricks-button svg path,
        #brxe-wnnvma.bricks-button svg path {
            stroke: #000000 !important;
        }

        /* Light Buttons (Apply Now) */
        .bricks-button[class*="light"]:not(.bricks-lightbox) {
            font-size: 16px !important;
            color: #ffffff !important;
            font-weight: 600 !important;
            line-height: 1.25 !important;
            border: 1px solid rgba(255, 255, 255, 0.5) !important;
            border-radius: 8px !important;
            background-color: transparent !important;
        }

        .bricks-button[class*="light"]:hover:not(.bricks-lightbox) {
            border-color: #ffffff !important;
            background-color: rgba(255, 255, 255, 0.1) !important;
        }

        /* Popup Styles */
        /* Premium Modal Styling */
        .premium-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            padding: 20px;
        }

        .premium-modal-backdrop {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }

        body.no-scroll {
            overflow: hidden !important;
            height: 100vh !important;
            position: fixed;
            width: 100%;
        }

        .premium-modal-content {
            position: relative;
            z-index: 10000;
            width: 95%;
            max-width: 1120px;
            background: #ffffff;
            max-height: 90vh !important;
            overflow-y: auto !important;
            border-radius: 2rem;
            animation: modalFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            scrollbar-width: thin;
            scrollbar-color: #cbd5e1 transparent;
            margin: 0 auto;
        }

        .premium-modal-content::-webkit-scrollbar {
            width: 6px;
        }

        .premium-modal-content::-webkit-scrollbar-thumb {
            background-color: #cbd5e1;
            border-radius: 10px;
        }

        .premium-modal-close {
            position: absolute;
            top: 20px;
            right: 40px;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            background: white;
            border: 1px solid #e2e8f0;
            color: #64748b;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s ease;
            z-index: 10001;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        .premium-modal-close:hover {
            transform: rotate(90deg);
            color: #1e293b;
            background: #f8fafc;
        }

        @keyframes modalFadeIn {
            from {
                opacity: 0;
                transform: scale(0.95) translateY(10px);
            }

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

        @media (max-width: 640px) {
            .premium-modal {
                padding: 10px !important;
                display: none;
                /* JS will set flex or block */
            }

            .premium-modal-content {
                width: 96% !important;
                max-width: none !important;
                margin: auto !important;
                border-radius: 1.25rem !important;
                max-height: 85vh !important;
            }

            .premium-modal-close {
                top: 10px;
                right: 10px;
                width: 2.25rem;
                height: 2.25rem;
            }
        }

        /* TEMPLATE SHORTCODE CSS (ID: 295) */

        /* BREAKPOINT: Desktop (BASE) */
        #brxe-uliqfj {
            font-size: 16px;
            position: absolute;
            top: 28px;
            right: 110px;
            z-index: 10
        }

        /* BREAKPOINT: Mobile landscape */
        @media (max-width: 767px) {
            #brxe-uliqfj {
                top: 19px;
                right: 90px
            }
        }

        /* BREAKPOINT: Desktop (BASE) */
        #brxe-lxfhpm .bricks-nav-menu {
            flex-direction: column;
            gap: 24px
        }

        #brxe-lxfhpm .bricks-nav-menu>li {
            margin-left: 0
        }

        #brxe-lxfhpm {
            font-size: 48px;
            line-height: 1.25;
            font-weight: 500
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu .brx-submenu-toggle svg {
            height: 0px;
            width: 0px
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu .brx-submenu-toggle i {
            font-size: 0px
        }

        #brxe-lxfhpm .bricks-nav-menu>li>.sub-menu.caret::before {
            border-width: 0px;
            border-bottom-color: rgba(0, 0, 0, 0)
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu {
            background-color: #ffffff
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu a {
            padding-right: 0;
            padding-left: 0;
            justify-content: flex-start
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu button {
            padding-right: 0;
            padding-left: 0;
            justify-content: flex-start
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>li>a {
            font-size: 20px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>li>.brx-submenu-toggle>* {
            font-size: 20px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu>li>a {
            border-bottom: 1px solid rgba(0, 0, 0, 0);
            justify-content: flex-start
        }

        #brxe-lxfhpm .bricks-nav-menu>li>.brx-submenu-toggle {
            border-bottom: 1px solid rgba(0, 0, 0, 0);
            justify-content: flex-start
        }

        #brxe-lxfhpm .bricks-nav-menu .current-menu-item>a {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu .current-menu-item>.brx-submenu-toggle {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu>.current-menu-parent>a {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu>.current-menu-parent>.brx-submenu-toggle {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu>.current-menu-ancestor>a {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu>.current-menu-ancestor>.brx-submenu-toggle {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu>li:hover>a {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu>li:hover>.brx-submenu-toggle {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>li {
            border-bottom: 1px solid rgba(0, 0, 0, 0)
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>.current-menu-item>a {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>.current-menu-item>.brx-submenu-toggle {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>.current-menu-ancestor>a {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>.current-menu-ancestor>.brx-submenu-toggle {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>li:hover {
            border-color: #000000
        }

        #brxe-lxfhpm .bricks-nav-menu {
            align-items: flex-start;
        }

        #brxe-lxfhpm .menu-item-has-children:before {
            display: none;
        }

        #brxe-lxfhpm .menu-item-has-children .sub-menu {
            top: 0;
            left: calc(100% + 20px);
            padding: 0 16px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        #brxe-lxfhpm .menu-item-has-children .sub-menu:after {
            content: '';
            position: absolute;
            width: 20px;
            height: 100%;
            top: 0;
            right: 100%;
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>li {
            width: auto;
        }

        #brxe-lxfhpm .bricks-nav-menu .sub-menu>li.current-menu-item {
            border-color: #000;
        }

        .lvt-filter-select.select-style {
            font-weight: 700;
            padding: 8px 25px 8px 10px;
            width: auto;
            border: 1px solid #e5e7eb;
            border-radius: 6px;
            background-color: #ffffff;
            background-image: url('{{ asset("images/2024/10/arrow-select.svg") }}');
            background-size: auto;
            background-position: calc(100% - 10px) 50%;
            background-repeat: no-repeat;
            color: #374151;
            font-size: 14px;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .lvt-filter-select.select-style:focus {
            outline: none;
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }

        .lvt-filter-select.select-style:hover {
            border-color: #9ca3af;
        }

        /* job card description clamp */
        .job-description {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* Filter animation */
        .brxe-tconuu {
            transition: all 0.3s ease;
        }

        .brxe-tconuu.filtered-out {
            opacity: 0;
            transform: scale(0.95);
            pointer-events: none;
        }

        .brxe-tconuu:not(.filtered-out) {
            opacity: 1;
            transform: scale(1);
        }

        @media screen and (min-width: 992px) {
            #brxe-lxfhpm .menu-item-has-children .sub-menu {
                left: calc(100% + 40px);
                padding: 16px;
            }

            #brxe-lxfhpm .menu-item-has-children .sub-menu:after {
                width: 40px;
            }

            #brxe-lxfhpm .menu-item-has-children .brx-submenu-toggle button {
                display: none;
            }
        }

        @media screen and (min-width: 1200px) {
            #brxe-lxfhpm .menu-item-has-children .sub-menu {
                left: calc(100% + 90px);
            }

            #brxe-lxfhpm .menu-item-has-children .sub-menu:after {
                width: 90px;
            }
        }

        /* BREAKPOINT: Tablet portrait */
        @media (max-width: 991px) {
            #brxe-lxfhpm {
                font-size: 32px
            }
        }

        /* BREAKPOINT: Mobile landscape */
        @media (max-width: 767px) {
            #brxe-lxfhpm {
                font-size: 20px
            }

            #brxe-lxfhpm .bricks-nav-menu .sub-menu>li>a {
                font-size: 16px
            }

            #brxe-lxfhpm .bricks-nav-menu .sub-menu>li>.brx-submenu-toggle>* {
                font-size: 16px
            }
        }

        /* BREAKPOINT: Desktop (BASE) */
        #brxe-hxotdr {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            background-color: #f2f2f2;
            position: absolute;
            right: 0px;
            top: 0px;
            width: 80px;
            height: 80px;
            border-radius: 0 4px 0 4px;
            gap: 0px
        }

        #brxe-hxotdr i {
            font-size: 34px
        }

        /* BREAKPOINT: Mobile landscape */
        @media (max-width: 767px) {
            #brxe-hxotdr {
                width: 60px;
                height: 60px
            }

            #brxe-hxotdr i {
                font-size: 28px
            }
        }

        /* BREAKPOINT: Mobile portrait */
        @media (max-width: 478px) {
            #brxe-hxotdr {
                background-color: #ffffff;
                border-radius: 0
            }
        }

        /* BREAKPOINT: Desktop (BASE) */
        #brxe-ayvhof {
            position: fixed;
            top: 40px;
            right: 40px;
            z-index: 99999;
            background-color: #ffffff;
            width: calc(100vw - 80px);
            max-width: 690px;
            border-radius: 4px;
            padding-top: 50px;
            padding-right: 50px;
            padding-bottom: 50px;
            padding-left: 50px;
            max-height: calc(100vh - 80px);
            overflow: auto
        }

        /* BREAKPOINT: Tablet portrait */
        @media (max-width: 991px) {
            #brxe-ayvhof {
                padding-top: 50px;
                padding-right: 30px;
                padding-bottom: 50px;
                padding-left: 30px;
                max-width: 520px
            }
        }

        /* Show application form */
        #brxe-pbdcrc {
            display: block !important;
        }


        /* BREAKPOINT: Mobile portrait */
        @media (max-width: 478px) {
            #brxe-ayvhof {
                width: 100%;
                max-width: 100%;
                top: 0px;
                right: 0px;
                border-radius: 0;
                height: 100vh;
                max-height: none;
                padding-top: 80px;
                padding-right: 20px;
                padding-bottom: 50px;
                padding-left: 20px
            }
        }
    </style>
    <link rel='stylesheet' id='bricks-frontend-css' href='{{ asset('css/frontend.minb163.css') }}' media='all' />
    <link rel='stylesheet' id='bricks-child-css' href='{{ asset('css/stylecce6.css') }}' media='all' />

    <link rel='stylesheet' id='styles-child-css' href='{{ asset('css/styles89e2.css') }}' media='all' />

    <link rel='stylesheet' id='bricks-ajax-loader-css' href='{{ asset('css/loading-animation.min4553.css') }}'
        media='all' />
    <style id='bricks-frontend-inline-inline-css'>
        /* Consolidated Page-Specific Styles */
        .bricks-button {
            margin-bottom: 20px;
        }

        .overlay-line:before {
            bottom: -1px !important;
        }

        :root {
            --bricks-color-2d93d0: #f5f5f5;
            --bricks-color-1700e1: #e0e0e0;
            --bricks-color-8c3664: #9e9e9e;
            --bricks-color-b11a5b: #616161;
            --bricks-color-6a2d91: #424242;
            --bricks-color-8d98cc: #212121;
            --bricks-color-49af18: #ffeb3b;
            --bricks-color-9b330b: #ffc107;
            --bricks-color-3c49ed: #ff9800;
            --bricks-color-c0e8de: #ff5722;
            --bricks-color-09740f: #f44336;
            --bricks-color-08fbf0: #9c27b0;
            --bricks-color-2c5bf5: #2196f3;
            --bricks-color-fc2603: #03a9f4;
            --bricks-color-dd779d: #81D4FA;
            --bricks-color-86c91f: #4caf50;
            --bricks-color-4ee077: #8bc34a;
            --bricks-color-168b8f: #cddc39;
            --bricks-color-sgxved: #292643;
            --bricks-color-ecjtdt: #e03d1e;
            --bricks-color-qgmzac: #f38230;
            --bricks-color-gxvlol: #0d0421;
            --bricks-color-gjxbvx: #ededf3;
            --bricks-color-csvmmc: #ffffff;
            --bricks-color-ribhdx: #000000;
            --bricks-color-klbxns: #9da4ae;
            --bricks-color-qltrdz: #f86e00;
            --bricks-color-kvyhlx: rgba(252, 182, 10, 0.29);
            --bricks-color-oymoye: rgba(254, 212, 14, 0);
            --bricks-color-oudukw: #0d0421;
            --bricks-color-huqhzn: #0d0421;
            --bricks-color-shktmv: rgba(13, 4, 33, 0.4);
            --bricks-color-invwkc: rgba(13, 4, 33, 0.1);
            --bricks-color-gcvncq: rgba(13, 4, 33, 0);
        }

        html {
            background-color: #ededf3
        }

        body {
            background: none
        }

        #brxe-heconf {
            width: 150px
        }

        #brxe-tcgagu {
            display: none;
            width: 150px
        }

       

        #brxe-obiwxv .bricks-nav-menu>li>a {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            font-size: 16px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-obiwxv .bricks-nav-menu>li>.brx-submenu-toggle>* {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            font-size: 16px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-obiwxv .bricks-nav-menu>li {
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 32px
        }

        #brxe-obiwxv .bricks-nav-menu .sub-menu {
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15)
        }

        #brxe-obiwxv .bricks-nav-menu .sub-menu>li>a {
            font-size: 16px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-obiwxv .bricks-nav-menu .sub-menu>li>.brx-submenu-toggle>* {
            font-size: 16px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-obiwxv .bricks-nav-menu>li>.sub-menu {
            transform: translateY(12px)
        }

        #brxe-obiwxv .bricks-nav-menu>li>.brx-megamenu {
            transform: translateY(12px)
        }

        #brxe-obiwxv .bricks-nav-menu .sub-menu a {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0
        }

        #brxe-obiwxv .bricks-nav-menu .sub-menu button {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0
        }

        #brxe-obiwxv .bricks-nav-menu>li.menu-item-has-children>.brx-submenu-toggle button[aria-expanded] {
            font-size: 10px;
            color: #000000
        }

        .header-light #brxe-obiwxv .bricks-nav-menu>li>a,
        .header-light #brxe-obiwxv .bricks-nav-menu>li .brx-submenu-toggle>a,
        .header-light #brxe-obiwxv .bricks-nav-menu>li .brx-submenu-toggle button i {
            color: #fff;
        }

        #brxe-obiwxv>.menu-item-has-children>.brx-submenu-toggle>a {
            padding-right: 0;
        }

        #brxe-obiwxv li a {
            border-bottom: 1px solid transparent;
        }

        #brxe-obiwxv li:hover>a,
        #brxe-obiwxv li:hover>.brx-submenu-toggle>a,
        #brxe-obiwxv li.current-menu-ancestor>.brx-submenu-toggle>a,
        #brxe-obiwxv .bricks-nav-menu .current-menu-item>a,
        #brxe-obiwxv li.current-menu-item>a {
            border-bottom-color: #000;
        }

        .header-light #brxe-obiwxv .bricks-nav-menu>li:hover>a,
        .header-light #brxe-obiwxv .bricks-nav-menu>li:hover>.brx-submenu-toggle>a,
        .header-light #brxe-obiwxv .bricks-nav-menu>li.current-menu-ancestor>.brx-submenu-toggle>a,
        .header-light #brxe-obiwxv .bricks-nav-menu>.bricks-nav-menu .current-menu-item>a,
        .header-light #brxe-obiwxv .bricks-nav-menu>li.current-menu-item>a {
            border-bottom-color: #fff;
        }

        #brxe-obiwxv .sub-menu {
            padding: 16px;
        }

        #brxe-obiwxv .sub-menu li {
            width: auto;
            display: flex;
        }

        #brxe-obiwxv .sub-menu li a {
            width: auto;
        }

        #brxe-obiwxv .sub-menu li+li {
            margin-top: 12px;
        }

        @media (max-width: 1199px) {
            #brxe-obiwxv .bricks-nav-menu>li {
                margin-left: 24px
            }
        }

        #brxe-euafom {
            font-size: 16px;
            line-height: 1.5
        }

        #brxe-dikwfp {
            width: auto;
            flex-direction: row;
            align-items: center;
            column-gap: 24px
        }

        @media (max-width: 991px) {
            #brxe-dikwfp {
                display: none
            }
        }

      

        #brxe-hhafin {
            width: auto;
            display: none
        }

        @media (max-width: 991px) {
            #brxe-hhafin {
                display: flex
            }
        }

        #brxe-zhnncx {
            padding-top: 16px;
            padding-right: 24px;
            padding-bottom: 16px;
            padding-left: 24px;
            width: 100%;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            min-height: 80px
        }

        @media (max-width: 991px) {
            #brxe-zhnncx {
                padding-top: 10px;
                padding-bottom: 10px;
                min-height: 60px
            }
        }

        #brxe-rcdtem .bricks-nav-menu>li>a {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            font-size: 24px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-rcdtem .bricks-nav-menu>li>.brx-submenu-toggle>* {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            font-size: 24px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-rcdtem .bricks-nav-menu>li {
            margin-top: 32px;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 0
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu>li>a {
            font-size: 20px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu>li>.brx-submenu-toggle>* {
            font-size: 20px;
            line-height: 1.5;
            color: #000000
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu a {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu button {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0
        }

        #brxe-rcdtem .bricks-nav-menu>li.menu-item-has-children>.brx-submenu-toggle button[aria-expanded] {
            font-size: 10px;
            color: #000000
        }

        #brxe-rcdtem .bricks-nav-menu {
            flex-direction: column
        }

        #brxe-rcdtem {
            width: 100%;
            padding-right: 24px;
            padding-bottom: 32px;
            padding-left: 24px;
            border-top: 1px solid #d4d4d4;
            border-bottom: 1px solid #d4d4d4
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu {
            background-color: rgba(0, 0, 0, 0)
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu>.current-menu-item>a {
            border-bottom: 1px solid #000000;
            font-weight: 600
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu>.current-menu-item>.brx-submenu-toggle {
            border-bottom: 1px solid #000000
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu>.current-menu-ancestor>a {
            border-bottom: 1px solid #000000;
            font-weight: 600
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu>.current-menu-ancestor>.brx-submenu-toggle {
            border-bottom: 1px solid #000000
        }

        #brxe-rcdtem .bricks-nav-menu .current-menu-item>a {
            font-weight: 600
        }

        #brxe-rcdtem .bricks-nav-menu .current-menu-item>.brx-submenu-toggle>* {
            font-weight: 600
        }

        #brxe-rcdtem .bricks-nav-menu>.current-menu-parent>a {
            font-weight: 600
        }

        #brxe-rcdtem .bricks-nav-menu>.current-menu-parent>.brx-submenu-toggle>* {
            font-weight: 600
        }

        #brxe-rcdtem .bricks-nav-menu>.current-menu-ancestor>a {
            font-weight: 600
        }

        #brxe-rcdtem .bricks-nav-menu>.current-menu-ancestor>.brx-submenu-toggle>* {
            font-weight: 600
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu>.current-menu-item>.brx-submenu-toggle>* {
            font-weight: 600
        }

        #brxe-rcdtem .bricks-nav-menu .sub-menu>.current-menu-ancestor>.brx-submenu-toggle>* {
            font-weight: 600
        }

        #brxe-rcdtem {
            max-height: calc(100vh - 200px);
            overflow-y: auto;
        }

        #brxe-rcdtem .sub-menu li+li {
            margin-top: 24px;
        }

        #brxe-rcdtem .sub-menu {
            padding: 24px 24px 0 24px;
            display: block;
            opacity: 1;
            visibility: visible;
            pointer-events: visible;
        }

        #brxe-rcdtem .menu-item-has-children>.brx-submenu-toggle>button {
            display: none;
        }

        #brxe-rcdtem li {
            width: auto;
            display: flex;
            align-items: flex-start;
        }

        #brxe-rcdtem .menu-item-has-children>.brx-submenu-toggle>a {
            padding-right: 0;
        }

        #brxe-rcdtem li a {
            border-bottom: 1px solid transparent;
        }

        #brxe-rcdtem li.current-menu-ancestor>.brx-submenu-toggle>a,
        #brxe-rcdtem .bricks-nav-menu .current-menu-item>a {
            border-bottom-color: #000;
        }

        #brxe-rcdtem li a {
            width: auto;
        }

        #brxe-sivrqp {
            font-size: 18px;
            font-weight: 400
        }

        #brxe-cojohe {
            font-size: 16px;
            line-height: 1.5
        }

        #brxe-gkagld {
            flex-direction: row;
            align-items: center;
            column-gap: 10px;
            padding-top: 16px;
            padding-right: 24px;
            padding-bottom: 16px;
            padding-left: 24px
        }

        #brxe-bsueod {
            padding-right: 0;
            padding-left: 0;
            width: 100%;
            display: none;
            background-color: #ffffff
        }

        @media (max-width: 991px) {
            #brxe-bsueod {
                padding-right: 0;
                padding-left: 0
            }
        }

        #brxe-fanzgd {
            background-color: rgba(255, 255, 255, 0.01)
        }

        .header-light #brxe-fanzgd .btn-toggle:before,
        .header-light #brxe-fanzgd .btn-toggle:after {
            background: #fff;
        }

        .header-light #brxe-fanzgd {
            background: rgba(0, 0, 0, 0.3);
        }

        #brxe-fanzgd {
            backdrop-filter: blur(16px);
            transition: all 0.3s !important;
        }

        .header-light .header-logo-black {
            display: none;
        }

        .header-light .header-logo-white {
            display: block !important;
        }

        @media screen and (min-width: 992px) {
            .header-light #brxe-fanzgd .brxe-wpml-language-switcher {
                color: #fff;
            }
        }

        @media screen and (max-width: 991px) {
            #brx-header.show-nav>#brxe-fanzgd {
                background: #fff;
                backdrop-filter: none;
                height: 100vh;
            }

            #brx-header.show-nav .menu-mobile {
                display: block;
            }

            .header-light #brx-header.show-nav #brxe-fanzgd .btn-toggle:before,
            .header-light #brx-header.show-nav #brxe-fanzgd .btn-toggle:after {
                background: #000;
            }

            .header-light #brx-header.show-nav .header-logo-black {
                display: block;
            }

            .header-light #brx-header.show-nav .header-logo-white {
                display: none !important;
            }
        }

        #brxe-fyjvnk {
            position: absolute;
            top: 7%;
            right: 10.5%;
            z-index: 2
        }

        @media (max-width: 1199px) {
            #brxe-fyjvnk {
                max-width: 150px;
                right: 37%;
                top: 12%
            }
        }

        @media (max-width: 991px) {
            #brxe-fyjvnk {
                top: 2%;
                right: 39%
            }
        }

        @media (max-width: 767px) {
            #brxe-fyjvnk {
                right: 33%;
                top: -4%
            }
        }

        @media (max-width: 478px) {
            #brxe-fyjvnk {
                max-width: 100px;
                top: 0px;
                right: auto;
                left: 230px
            }
        }

        #brxe-rwckll {
            font-size: 120px;
            line-height: 1;
            font-weight: 200;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient(298.93deg, #e99e75 26.82%, #7f5c5a 41.07%, #292643 52.73%)
        }

        @media (max-width: 1199px) {
            #brxe-rwckll {
                font-size: 130px
            }
        }

        @media (max-width: 991px) {
            #brxe-rwckll {
                font-size: 100px
            }
        }

        @media (max-width: 767px) {
            #brxe-rwckll {
                font-size: 80px
            }
        }

        @media (max-width: 478px) {
            #brxe-rwckll {
                font-size: 45px
            }
        }

        #brxe-yblyni {
            position: relative
        }

        #brxe-ihflxp {
            row-gap: 34px
        }

        #brxe-lvheto {
            padding-top: 180px;
            padding-bottom: 15px;
            background-image: url('{{ asset("images/td-4.jpg") }}');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        @media (max-width: 991px) {
            #brxe-lvheto {
                padding-top: 120px
            }
        }

        @media (max-width: 767px) {
            #brxe-lvheto {
                padding-top: 110px
            }
        }

        #brxe-akmlgl {
            border-radius: 14px
        }

        #brxe-xzqcns {
            border-radius: 14px
        }

        #brxe-pdguxi {
            border-radius: 14px
        }

        [data-id="brxe-xdgdyi"].splide__slide {
            align-self: flex-start !important;
            top: 105px
        }

        #brxe-plvddk {
            border-radius: 14px
        }

        #brxe-zrooah {
            border-radius: 14px
        }

        [data-id="brxe-bxkspq"].splide__slide {
            top: 15px
        }

        #brxe-etodih {
            border-radius: 14px
        }

        /* Slider CSS moved to inline block near element for stability */

        #brxe-uwszfc {
            max-width: 926px;
            font-size: 48px;
            line-height: 1.25;
            font-weight: 300;
            color: #ffffff;
            margin-bottom: 68px
        }

        @media (max-width: 1199px) {
            #brxe-uwszfc {
                font-size: 36px;
                max-width: 70%
            }
        }

        @media (max-width: 991px) {
            #brxe-uwszfc {
                font-size: 32px
            }
        }

        @media (max-width: 767px) {
            #brxe-uwszfc {
                font-size: 28px;
                margin-bottom: 50px
            }
        }

        @media (max-width: 478px) {
            #brxe-uwszfc {
                max-width: 100%
            }
        }

        #brxe-dgpppz {
            width: 100%
        }

        @media (max-width: 478px) {
            #brxe-dgpppz {
                width: 60%;
                margin-right: auto;
                margin-left: auto
            }
        }

        #brxe-zuniqp {
            color: #9da4ae;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.55
        }

        #brxe-zxyhpd {
            row-gap: 24px
        }

        @media (max-width: 767px) {
            #brxe-zxyhpd {
                width: 30%
            }
        }

        @media (max-width: 478px) {
            #brxe-zxyhpd {
                width: 100%;
                row-gap: 0px
            }
        }

        #brxe-hequia {
            width: 100%
        }

        @media (max-width: 478px) {
            #brxe-hequia {
                width: 60%;
                margin-right: auto;
                margin-left: auto
            }
        }

        #brxe-irfjoa {
            color: #9da4ae;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.55
        }

        @media (max-width: 478px) {
            #brxe-irfjoa {
                width: 100%
            }
        }

        #brxe-vbsyjg {
            row-gap: 24px
        }

        @media (max-width: 767px) {
            #brxe-vbsyjg {
                width: 30%
            }
        }

        @media (max-width: 478px) {
            #brxe-vbsyjg {
                width: 100%;
                row-gap: 0px
            }
        }

        #brxe-vhauex {
            width: 100%
        }

        @media (max-width: 478px) {
            #brxe-vhauex {
                width: 60%;
                margin-right: auto;
                margin-left: auto
            }
        }

        #brxe-mytwyw {
            color: #9da4ae;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.55;
            margin-right: 14px;
            align-self: center
        }

        @media (max-width: 478px) {
            #brxe-mytwyw {
                width: 100%
            }
        }

        #brxe-dcsqpf {
            row-gap: 24px
        }

        @media (max-width: 767px) {
            #brxe-dcsqpf {
                width: 30%
            }
        }

        @media (max-width: 478px) {
            #brxe-dcsqpf {
                width: 100%;
                row-gap: 0px
            }
        }

        #brxe-qpsnwf {
            margin-bottom: 48px;
            flex-direction: row;
            column-gap: 82px;
            row-gap: 40px
        }

        @media (max-width: 1199px) {
            #brxe-qpsnwf {
                column-gap: 60px
            }
        }

        @media (max-width: 991px) {
            #brxe-qpsnwf {
                column-gap: 40px;
                padding-right: 0;
                padding-left: 0
            }
        }

        @media (max-width: 767px) {
            #brxe-qpsnwf {
                column-gap: 5%
            }
        }

        #brxe-wxxjmt {
            align-self: center
        }

        #brxe-pxwoob {
            position: relative;
            z-index: 2
        }

        #brxe-hbwkwt {
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url("{{ asset('images/') }}/BACKGROUND-2-721x1024.png");
            padding-bottom: 120px;
            position: relative
        }

        #brxe-hbwkwt:after {
            content: "";
            background-image: linear-gradient(180deg, rgba(13, 4, 33, 0) 1.38%, rgba(13, 4, 33, 0.62) 45.22%, rgba(13, 4, 33, 0.8) 61.41%, #0d0421 80.37%);
            width: 100%;
            height: 100%;
            max-height: 913px;
            position: absolute;
            bottom: 0px;
            left: 0px;
            z-index: 0
        }

        @media (max-width: 767px) {
            #brxe-hbwkwt {
                padding-bottom: 0px
            }
        }

        #brxe-vyksow {
            width: 100%
        }

        #brxe-sdrwee {
            font-size: 128px;
            font-weight: 200;
            line-height: 1.3;
            text-align: center;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient(305.57deg, #e99e75 24.94%, #292643 47.94%)
        }

        @media (max-width: 1199px) {
            #brxe-sdrwee {
                font-size: 100px
            }
        }

        @media (max-width: 991px) {
            #brxe-sdrwee {
                font-size: 76px
            }
        }

        @media (max-width: 767px) {
            #brxe-sdrwee {
                font-size: 56px
            }
        }

        @media (max-width: 478px) {
            #brxe-sdrwee {
                font-size: 38px
            }
        }

        #brxe-jcldkq {
            justify-content: flex-end;
            align-items: center;
            position: absolute;
            bottom: 18px;
            width: 100%;
            left: 0px
        }

        #brxe-iqeksx {
            position: relative
        }

        #brxe-yaiwhd {
            font-size: 24px;
            line-height: 1.33
        }

        @media (max-width: 1199px) {
            #brxe-yaiwhd {
                font-size: 20px
            }
        }

        #brxe-mlseql {
            width: 100%;
            border-radius: 20px
        }

        #brxe-ecwubi {
            row-gap: 64px;
            width: 35%;
            padding-right: 33.5px
        }

        @media (max-width: 991px) {
            #brxe-ecwubi {
                width: 40%
            }
        }

        @media (max-width: 767px) {
            #brxe-ecwubi {
                width: 100%;
                padding-right: 0;
                margin-bottom: 40px;
                row-gap: 32px
            }
        }

        #brxe-tdcgfu {
            width: 100%;
            border-radius: 20px
        }

        #brxe-nfmjry {
            font-size: 24px;
            line-height: 1.33;
            padding-left: 65px
        }

        @media (max-width: 1199px) {
            #brxe-nfmjry {
                font-size: 20px
            }
        }

        @media (max-width: 767px) {
            #brxe-nfmjry {
                padding-left: 0;
                align-self: center
            }
        }

        #brxe-dzzvqx {
            width: 65%;
            row-gap: 42px
        }

        @media (max-width: 991px) {
            #brxe-dzzvqx {
                width: 60%
            }
        }

        @media (max-width: 767px) {
            #brxe-dzzvqx {
                width: 100%;
                row-gap: 32px
            }
        }

        #brxe-yxggzm {
            flex-direction: row;
            align-items: flex-end
        }

        #brxe-rlbkwt {
            align-items: center;
            margin-top: 48px
        }

        @media (max-width: 767px) {
            #brxe-rlbkwt {
                margin-top: 40px
            }
        }

        #brxe-hgsmpx {
            padding-top: 100px
        }

        @media (max-width: 991px) {
            #brxe-hgsmpx {
                padding-top: 80px
            }
        }

        @media (max-width: 478px) {
            #brxe-hgsmpx {
                padding-top: 60px
            }
        }

        #brxe-jumoat {
            font-size: 128px;
            font-weight: 200;
            line-height: 1.15;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient(305.57deg, #e99e75 24.94%, #292643 47.94%);
            padding-bottom: 10px
        }

        @media (max-width: 1199px) {
            #brxe-jumoat {
                font-size: 100px
            }
        }

        @media (max-width: 991px) {
            #brxe-jumoat {
                font-size: 76px
            }
        }

        @media (max-width: 767px) {
            #brxe-jumoat {
                font-size: 56px
            }
        }

        @media (max-width: 478px) {
            #brxe-jumoat {
                font-size: 38px
            }
        }

        #brxe-qgiere {
            margin-bottom: -60px
        }

        @media (max-width: 1199px) {
            #brxe-qgiere {
                margin-bottom: -40px
            }
        }

        @media (max-width: 991px) {
            #brxe-qgiere {
                margin-bottom: -30px
            }
        }

        @media (max-width: 767px) {
            #brxe-qgiere {
                margin-bottom: 30px
            }
        }

        #brxe-chnedb {
            width: 100%;
            border-radius: 20px
        }

        @media (max-width: 767px) {
            #brxe-chnedb {
                border-radius: 10px
            }
        }

        #brxe-letvnz {
            font-size: 18px;
            line-height: 1.55;
            font-weight: 600;
            margin-top: 70px;
            margin-left: 40px
        }

        @media (max-width: 478px) {
            #brxe-letvnz {
                margin-top: 10px;
                margin-left: 25px
            }
        }

        #brxe-lhieti {
            font-size: 18px;
            line-height: 1.55;
            font-weight: 400;
            color: #4d5761;
            max-width: 340px;
            margin-left: 40px
        }

        @media (max-width: 767px) {
            #brxe-lhieti {
                max-width: none
            }
        }

        @media (max-width: 478px) {
            #brxe-lhieti {
                margin-left: 25px
            }
        }

        #brxe-mvclzi {
            row-gap: 14px;
            padding-bottom: 7%
        }

        @media (max-width: 767px) {
            #brxe-mvclzi {
                row-gap: 12px;
                padding-bottom: 0
            }
        }

        #brxe-lmzvzn {
            flex-direction: row;
            column-gap: 32px;
            align-items: center
        }

        @media (max-width: 767px) {
            #brxe-lmzvzn {
                row-gap: 20px
            }
        }

        #brxe-zqjfzl {
            width: 100%;
            border-radius: 20px;
            max-width: 360px
        }

        @media (max-width: 767px) {
            #brxe-zqjfzl {
                border-radius: 10px;
                max-width: none
            }
        }

        #brxe-kgscoj {
            order: 2;
            align-items: flex-end;
            margin-bottom: 30px
        }

        @media (max-width: 767px) {
            #brxe-kgscoj {
                order: -1;
                margin-bottom: 0
            }
        }

        #brxe-bgxacx {
            font-size: 18px;
            line-height: 1.55;
            font-weight: 600;
            margin-bottom: 110px;
            margin-left: -5px
        }

        @media (max-width: 478px) {
            #brxe-bgxacx {
                margin-top: 10px;
                margin-left: 25px
            }
        }

        #brxe-dthkrj {
            row-gap: 14px
        }

        @media (max-width: 767px) {
            #brxe-dthkrj {
                row-gap: 12px
            }
        }

        #brxe-ryhdxi {
            flex-direction: row;
            column-gap: 32px;
            padding-right: 95px;
            padding-left: 100px;
            align-items: flex-end;
            margin-top: -32px
        }

        @media (max-width: 991px) {
            #brxe-ryhdxi {
                margin-top: 0
            }
        }

        @media (max-width: 767px) {
            #brxe-ryhdxi {
                padding-right: 0;
                padding-left: 0;
                margin-top: 0;
                row-gap: 20px
            }
        }

        #brxe-vujzit {
            margin-bottom: 75px
        }

        @media (max-width: 767px) {
            #brxe-vujzit {
                row-gap: 40px;
                margin-bottom: 40px
            }
        }

        #brxe-tnppdv {
            font-size: 18px;
            line-height: 1.55;
            font-weight: 400;
            color: #4d5761;
            max-width: 450px;
            margin-top: -160px;
            margin-bottom: 50px;
            margin-left: -480px
        }

        @media (max-width: 767px) {
            #brxe-tnppdv {
                max-width: none
            }
        }

        @media (max-width: 478px) {
            #brxe-tnppdv {
                margin-top: -140px;
                padding-right: 30px;
                padding-left: 525px
            }
        }

        #brxe-hjucpc {
            width: 74%;
            border-radius: 20px;
            max-width: 256px
        }

        @media (max-width: 991px) {
            #brxe-hjucpc {
                max-width: 200px
            }
        }

        @media (max-width: 767px) {
            #brxe-hjucpc {
                border-radius: 10px;
                width: 100%;
                max-width: none
            }
        }

        #brxe-ithdwd {
            font-size: 18px;
            line-height: 1.55;
            font-weight: 600
        }

        @media (max-width: 478px) {
            #brxe-ithdwd {
                margin-top: 10px;
                margin-left: 25px
            }
        }

        #brxe-uptyjw {
            font-size: 18px;
            line-height: 1.55;
            font-weight: 400;
            color: #4d5761;
            max-width: 256px
        }

        @media (max-width: 767px) {
            #brxe-uptyjw {
                max-width: none
            }
        }

        @media (max-width: 478px) {
            #brxe-uptyjw {
                margin-left: 25px
            }
        }

        #brxe-objaso {
            row-gap: 14px
        }

        @media (max-width: 767px) {
            #brxe-objaso {
                row-gap: 12px
            }
        }

        #brxe-pupopv {
            flex-direction: column;
            column-gap: 32px;
            align-items: center;
            row-gap: 38px
        }

        @media (max-width: 767px) {
            #brxe-pupopv {
                row-gap: 20px
            }
        }

        #brxe-iuxjhi {
            width: 31%
        }

        @media (max-width: 767px) {
            #brxe-iuxjhi {
                width: 100%
            }
        }

        #brxe-mtsmjd {
            width: 75%;
            border-radius: 20px;
            max-width: 540px
        }

        @media (max-width: 767px) {
            #brxe-mtsmjd {
                border-radius: 10px;
                max-width: none;
                width: 100%
            }
        }

        #brxe-gnyqun {
            font-size: 18px;
            line-height: 1.55;
            font-weight: 600
        }

        @media (max-width: 478px) {
            #brxe-gnyqun {
                margin-top: 10px;
                margin-left: 25px
            }
        }

        #brxe-thwoij {
            font-size: 18px;
            line-height: 1.55;
            font-weight: 400;
            color: #4d5761;
            max-width: 340px
        }

        @media (max-width: 767px) {
            #brxe-thwoij {
                max-width: none
            }
        }

        @media (max-width: 478px) {
            #brxe-thwoij {
                margin-left: 25px
            }
        }

        #brxe-tabrnr {
            row-gap: 14px
        }

        #brxe-kihxll {
            flex-direction: column;
            column-gap: 32px;
            align-items: center;
            row-gap: 38px
        }

        @media (max-width: 767px) {
            #brxe-kihxll {
                row-gap: 20px
            }
        }

        #brxe-uwphfu {
            width: 62%;
            border-radius: 20px;
            max-width: 447px
        }

        @media (max-width: 767px) {
            #brxe-uwphfu {
                border-radius: 10px;
                width: 100%;
                max-width: none
            }
        }

        #brxe-xdhqdx {
            align-items: flex-end
        }

        #brxe-nrdqwd {
            flex-direction: column;
            column-gap: 32px;
            align-items: center;
            row-gap: 38px
        }

        #brxe-vldyrt {
            width: calc(69% - 40px);
            row-gap: 60px
        }

        @media (max-width: 767px) {
            #brxe-vldyrt {
                width: 100%;
                row-gap: 40px
            }
        }

        #brxe-beptcc {
            flex-direction: row;
            column-gap: 40px;
            align-items: center
        }

        @media (max-width: 767px) {
            #brxe-beptcc {
                row-gap: 40px
            }
        }

        #brxe-ivxmql {
            align-self: center;
            margin-top: 50px
        }

        #brxe-hhtauc {
            padding-top: 120px;
            padding-bottom: 100px;
            background-image: url({{ asset('images/bg.png') }});
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat
        }

        @media (max-width: 991px) {
            #brxe-hhtauc {
                padding-top: 80px;
                padding-bottom: 80px
            }
        }

        @media (max-width: 478px) {
            #brxe-hhtauc {
                padding-top: 60px;
                padding-bottom: 60px
            }
        }

        #brxe-gngwch {
            font-size: 128px;
            line-height: 1.15;
            font-weight: 200;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient(305.57deg, #e99e75 24.94%, #292643 47.94%)
        }

        @media (max-width: 1199px) {
            #brxe-gngwch {
                font-size: 100px
            }
        }

        @media (max-width: 991px) {
            #brxe-gngwch {
                font-size: 76px
            }
        }

        @media (max-width: 767px) {
            #brxe-gngwch {
                font-size: 56px
            }
        }

        @media (max-width: 478px) {
            #brxe-gngwch {
                font-size: 38px
            }
        }

        #brxe-hrvcua {
            margin-bottom: 50px
        }

        @media (max-width: 767px) {
            #brxe-hrvcua {
                margin-bottom: 30px
            }
        }

        #brxe-nxufnf {
            padding-top: 120px;
            padding-bottom: 40px
        }

        @media (max-width: 991px) {
            #brxe-nxufnf {
                padding-top: 80px
            }
        }

        @media (max-width: 478px) {
            #brxe-nxufnf {
                padding-top: 60px;
                padding-bottom: 20px
            }
        }

        #brxe-nkurkh {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: -3;
            width: 100%
        }

        #brxe-gakkhz {
            font-size: 24px;
            line-height: 1.33
        }

        @media (max-width: 767px) {
            #brxe-gakkhz {
                font-size: 20px
            }
        }

        #brxe-ybsyzn {
            flex-grow: 1;
            flex-basis: 0
        }

        #brxe-zekste {
            font-size: 18px;
            line-height: 1.55;
            color: #9da4ae
        }

        #brxe-zekste a {
            font-size: 18px;
            line-height: 1.55;
            color: #9da4ae;
            font-size: inherit
        }

        @media (max-width: 767px) {
            #brxe-zekste {
                font-size: 16px
            }

            #brxe-zekste a {
                font-size: 16px;
                font-size: inherit
            }
        }

        #brxe-ivxhme {
            flex-basis: 447px
        }

        @media (max-width: 767px) {
            #brxe-ivxhme {
                flex-basis: auto
            }
        }

        #brxe-bagtob {
            color: #9da4ae;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.3;
            border-bottom: 1px solid #9da4ae
        }

        #brxe-bagtob:hover {
            color: #f86e00;
            border-color: #f86e00
        }

        @media (max-width: 767px) {
            #brxe-bagtob {
                font-size: 16px
            }
        }

        #brxe-johrrs {
            align-items: flex-end;
            flex-basis: 150px
        }

        @media (max-width: 767px) {
            #brxe-johrrs {
                flex-basis: auto
            }
        }

        #brxe-iaoifh {
            align-items: flex-end;
            flex-direction: row;
            color: #ffffff;
            column-gap: 40px;
            row-gap: 40px
        }

        #brxe-iaoifh ul {
            margin: 0;
            padding-left: 24px;
        }

        @media (max-width: 767px) {
            #brxe-iaoifh {
                flex-direction: column;
                column-gap: 20px;
                row-gap: 20px
            }
        }

        #brxe-eyvjkn .line {
            height: 0px
        }

        #brxe-eyvjkn.horizontal .line {
            border-top-width: 0px
        }

        #brxe-eyvjkn {
            margin-top: 24px;
            margin-bottom: 24px;
            position: relative;
            height: 1px
        }

        :where(#brxe-eyvjkn > *) {
            position: relative
        }

        #brxe-eyvjkn::before {
            background-image: linear-gradient(101.37deg, #f86e00 16.75%, rgba(252, 182, 10, 0.29) 80%, rgba(254, 212, 14, 0) 100%);
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            pointer-events: none
        }

        #brxe-kwptet {
            font-size: 24px;
            line-height: 1.33
        }

        @media (max-width: 767px) {
            #brxe-kwptet {
                font-size: 20px
            }
        }

        #brxe-tjnbga {
            flex-grow: 1;
            flex-basis: 0
        }

        #brxe-apgcua {
            font-size: 18px;
            line-height: 1.55;
            color: #9da4ae
        }

        #brxe-apgcua a {
            font-size: 18px;
            line-height: 1.55;
            color: #9da4ae;
            font-size: inherit
        }

        @media (max-width: 767px) {
            #brxe-apgcua {
                font-size: 16px
            }

            #brxe-apgcua a {
                font-size: 16px;
                font-size: inherit
            }
        }

        #brxe-xnqric {
            flex-basis: 447px
        }

        @media (max-width: 767px) {
            #brxe-xnqric {
                flex-basis: auto
            }
        }

        #brxe-hmtenq {
            color: #9da4ae;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.3;
            border-bottom: 1px solid #9da4ae
        }

        #brxe-hmtenq:hover {
            color: #f86e00;
            border-color: #f86e00
        }

        @media (max-width: 767px) {
            #brxe-hmtenq {
                font-size: 16px
            }
        }

        #brxe-vnpzaa {
            align-items: flex-end;
            flex-basis: 150px
        }

        @media (max-width: 767px) {
            #brxe-vnpzaa {
                flex-basis: auto
            }
        }

        #brxe-vcrdsb {
            flex-direction: row;
            align-items: flex-end;
            color: #ffffff;
            column-gap: 40px;
            row-gap: 40px
        }

        #brxe-vcrdsb ul {
            margin: 0;
            padding-left: 24px;
        }

        @media (max-width: 767px) {
            #brxe-vcrdsb {
                flex-direction: column;
                column-gap: 20px;
                row-gap: 20px
            }
        }

        #brxe-kgnpgo .line {
            height: 0px
        }

        #brxe-kgnpgo.horizontal .line {
            border-top-width: 0px
        }

        #brxe-kgnpgo {
            margin-top: 24px;
            margin-bottom: 24px;
            position: relative;
            height: 1px
        }

        :where(#brxe-kgnpgo > *) {
            position: relative
        }

        #brxe-kgnpgo::before {
            background-image: linear-gradient(101.37deg, #f86e00 16.75%, rgba(252, 182, 10, 0.29) 80%, rgba(254, 212, 14, 0) 100%);
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            pointer-events: none
        }

        #brxe-powmor {
            font-size: 24px;
            line-height: 1.33
        }

        @media (max-width: 767px) {
            #brxe-powmor {
                font-size: 20px
            }
        }

        #brxe-oqqhiy {
            flex-grow: 1;
            flex-basis: 0
        }

        #brxe-jqraek {
            font-size: 18px;
            line-height: 1.55;
            color: #9da4ae
        }

        #brxe-jqraek a {
            font-size: 18px;
            line-height: 1.55;
            color: #9da4ae;
            font-size: inherit
        }

        @media (max-width: 767px) {
            #brxe-jqraek {
                font-size: 16px
            }

            #brxe-jqraek a {
                font-size: 16px;
                font-size: inherit
            }
        }

        #brxe-etdosj {
            flex-basis: 447px
        }

        @media (max-width: 767px) {
            #brxe-etdosj {
                flex-basis: auto
            }
        }

        #brxe-ayvwgl {
            font-size: 18px;
            font-weight: 600;
            color: #9da4ae;
            line-height: 1.3;
            border-bottom: 1px solid #9da4ae
        }

        #brxe-ayvwgl:hover {
            color: #f86e00;
            border-color: #f86e00
        }

        @media (max-width: 767px) {
            #brxe-ayvwgl {
                font-size: 16px
            }
        }

        #brxe-ljtjta {
            align-items: flex-end;
            flex-basis: 150px
        }

        @media (max-width: 767px) {
            #brxe-ljtjta {
                flex-basis: auto
            }
        }

        #brxe-brmlfj {
            flex-direction: row;
            align-items: flex-end;
            color: #ffffff;
            column-gap: 40px;
            row-gap: 40px
        }

        #brxe-brmlfj ul {
            margin: 0;
            padding-left: 24px;
        }

        @media (max-width: 767px) {
            #brxe-brmlfj {
                flex-direction: column;
                column-gap: 20px;
                row-gap: 20px
            }
        }

        #brxe-ilbewt {
            font-size: 128px;
            font-weight: 200;
            line-height: 1.15;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient(301.19deg, #f4b055 37.55%, #6bcdef 75.06%);
            padding-bottom: 10px;
            margin-bottom: 70px
        }

        @media (max-width: 1199px) {
            #brxe-ilbewt {
                font-size: 100px
            }
        }

        @media (max-width: 991px) {
            #brxe-ilbewt {
                font-size: 76px;
                margin-bottom: 50px
            }
        }

        @media (max-width: 767px) {
            #brxe-ilbewt {
                font-size: 56px
            }
        }

        @media (max-width: 478px) {
            #brxe-ilbewt {
                font-size: 38px;
                margin-bottom: 30px
            }
        }

        #brxe-bhmble {
            font-size: 30px;
            line-height: 1.26;
            font-weight: 400;
            color: #ffffff
        }

        @media (max-width: 1199px) {
            #brxe-bhmble {
                font-size: 20px
            }
        }

        #brxe-lsfyso input {
            padding-top: 5px;
            padding-right: 60px;
            padding-bottom: 5px;
            padding-left: 24px;
            border: 0;
            border-radius: 14px;
            background-image: url({{ asset('images/search.svg') }});
            background-position: calc(100% - 25px) 50%;
            background-repeat: no-repeat;
            background-size: 24px;
            font-size: 14px;
            height: 52px
        }

        #brxe-lsfyso {
            max-width: 448px
        }

        @media (max-width: 1199px) {
            #brxe-lsfyso input {
                height: 50px
            }

            #brxe-lsfyso {
                width: 50%
            }
        }

        @media (max-width: 478px) {
            #brxe-lsfyso {
                width: 100%;
                max-width: none
            }
        }

        #brxe-zwrmaa {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 32px
        }

        @media (max-width: 478px) {
            #brxe-zwrmaa {
                flex-direction: column;
                row-gap: 20px;
                align-items: flex-start
            }
        }



        /* #brxe-bhbkzc {
                                                                                                                                                                                                                                                                                                                    padd        ing-top: 0;
                                                                                                                                                                                                                                                                                                                    padd        ing-right: 40px;
                                                                                                                                                                                                                                                                                                                    padd        ing-bottom: 0;
                                                                                                                                                                                                                                                                                                                    padd        ing-left: 10px;
                                                                                                                                                                                                                                                                                                                    widt        h: auto;
                                                                                                                                                                                                                                                                                                                    bord        er: 1px solid #ffffff;
                                                                                                                                                                                                                                                                                                                    bord        er-radius: 6px;
                                                                                                                                                                                                                                                                                                                    back        ground-image: url('{{ asset("images/2024/10/arrow-select.svg") }}');
                                                                                                                                                                                                                                                                                                                    back        ground-size: auto;
                                                                                                                                                                                                                                                                                                                    back        ground-position: calc(100% - 10px) 50%;
                                                                                                                                                                                                                                                                                                                    font        -weight: 700
                                                                                                                                                                                                                                                                                                                } */

        #brxe-paivym {
            column-gap: 32px;
            flex-direction: row;
            justify-content: flex-end;
            align-items: center;
            margin-bottom: 70px;
            color: #ffffff;
            max-width: none
        }

        @media (max-width: 478px) {
            #brxe-paivym {
                margin-bottom: 40px;
                column-gap: 0 !important;
                flex-direction: column;
                align-items: stretch;
                row-gap: 12px;
            }

            .lvt-filter-select.select-style {
                padding: 8px 12px !important;
                width: 100% !important;
                box-sizing: border-box;
            }
        }

        .brxe-tconuu .brxe-rfsldo.brxe-text-basic {
            font-size: 18px;
            color: #9da4ae;
            line-height: 1.3;
            font-weight: 600;
            text-align: left;
            margin-bottom: 4px
        }

        @media (max-width: 767px) {
            .brxe-tconuu .brxe-rfsldo.brxe-text-basic {
                width: 100%;
                text-align: left
            }
        }

        .brxe-tconuu .brxe-jwvalb.brxe-post-title {
            font-size: 48px;
            line-height: 1.25;
            font-weight: 400;
            color: #ffffff;
            margin-bottom: 10px
        }

        @media (max-width: 1199px) {
            .brxe-tconuu .brxe-jwvalb.brxe-post-title {
                font-size: 32px
            }
        }

        @media (max-width: 991px) {
            .brxe-tconuu .brxe-jwvalb.brxe-post-title {
                font-size: 26px
            }
        }

        @media (max-width: 767px) {
            .brxe-tconuu .brxe-jwvalb.brxe-post-title {
                width: 100%
            }
        }

        @media (max-width: 478px) {
            .brxe-tconuu .brxe-jwvalb.brxe-post-title {
                font-size: 24px
            }
        }

        .brxe-tconuu .brxe-kkugtr.brxe-divider .line {
            height: 18px
        }

        .brxe-tconuu .brxe-kkugtr.brxe-divider.horizontal .line {
            border-top-width: 18px;
            width: 2px
        }

        .brxe-tconuu .brxe-kkugtr.brxe-divider.vertical .line {
            border-right-width: 2px
        }

        .brxe-tconuu .brxe-kkugtr.brxe-divider {
            width: auto
        }

        .brxe-tconuu .brxe-vdgebs.brxe-block {
            column-gap: 7px;
            font-size: 24px;
            font-weight: 400;
            line-height: 1.33;
            color: #9da4ae;
            margin-bottom: 24px;
            flex-wrap: nowrap;
            row-gap: 5px;
            flex-direction: row;
            align-items: center;
            display: flex;
            grid-column: unset;
            grid-row: unset;
        }

        @media (max-width: 991px) {
            .brxe-tconuu .brxe-vdgebs.brxe-block {
                font-size: 16px
            }
        }

        .brxe-tconuu .brxe-yqiktg.brxe-button:hover {
            color: var(--bricks-color-ribhdx)
        }

        .brxe-tconuu.brxe-block {
            padding-top: 42px;
            padding-right: 42px;
            padding-bottom: 42px;
            padding-left: 42px;
            border-radius: 24px;
            background-image: linear-gradient(108.46deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04))
        }

        .brxe-tconuu.brxe-block:before {
            content: '';
            position: absolute;
            top: -1px;
            right: -1px;
            bottom: -1px;
            left: -1px;
            padding-top: 1px;
            padding-right: 1px;
            padding-bottom: 1px;
            padding-left: 1px;
            background-image: linear-gradient(180deg, #f86e00, #bfc7fd);
            border-radius: 24px;
            pointer-events: none;
            transition: all 0.3s;
            opacity: 0
        }

        .brxe-tconuu.brxe-block:hover:before {
            opacity: 1
        }

        .brxe-tconuu {
            backdrop-filter: blur(20.163267135620117px);
            border-image-source: linear-gradient(180deg, #F86E00 0%, #BFC7FD 100%);
        }

        .brxe-tconuu:before {
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: destination-out;
            mask-composite: exclude;
            pointer-events: none;
        }

        @media (max-width: 767px) {
            .brxe-tconuu.brxe-block {
                border-radius: 20px;
                padding-top: 32px;
                padding-right: 32px;
                padding-bottom: 32px;
                padding-left: 32px
            }

            .brxe-tconuu.brxe-block:before {
                border-radius: 20px
            }
        }

        @media (max-width: 478px) {
            .brxe-tconuu.brxe-block {
                padding-top: 24px;
                padding-right: 24px;
                padding-bottom: 24px;
                padding-left: 24px
            }
        }

        #brxe-jsbosz {
            column-gap: 30px;
            row-gap: 48px;
            position: relative;
            display: grid;
            align-items: initial;
            grid-template-columns: 1fr 1fr;
            grid-gap: 48px
        }

        @media (max-width: 991px) {
            #brxe-jsbosz {
                grid-gap: 32px
            }
        }

        @media (max-width: 767px) {
            #brxe-jsbosz {
                grid-template-columns: 1fr;
                grid-gap: 32px
            }
        }

        #brxe-wnnvma {
            align-self: center;
            margin-top: 64px
        }

        @media (max-width: 991px) {
            #brxe-wnnvma {
                margin-top: 40px
            }
        }

        #brxe-xnvvcb {
            padding-top: 277px
        }

        @media (max-width: 1199px) {
            #brxe-xnvvcb {
                padding-top: 200px
            }
        }

        @media (max-width: 991px) {
            #brxe-xnvvcb {
                padding-top: 160px
            }
        }

        @media (max-width: 767px) {
            #brxe-xnvvcb {
                padding-top: 120px
            }
        }

        #brxe-orpiht {
            padding-top: 70px;
            padding-bottom: 120px;
            background-repeat: no-repeat;
            background-size: auto 135vw;
            background-position: bottom right;
            background-color: #0d0421;
            background-image: url({{ asset('images/') }}/Gradient-bg-1-552x1024.png);
            position: relative;
            z-index: 1
        }

        @media (max-width: 1199px) {
            #brxe-orpiht {
                padding-top: 320px
            }
        }

        @media (max-width: 991px) {
            #brxe-orpiht {
                padding-top: 260px;
                padding-bottom: 100px
            }
        }

        @media (max-width: 767px) {
            #brxe-orpiht {
                padding-top: 30vw;
                padding-bottom: 80px
            }
        }

        @media (max-width: 478px) {
            #brxe-orpiht {
                padding-bottom: 60px
            }
        }

        #brxe-phbjjj {
            font-size: 96px;
            font-weight: 300;
            line-height: 1;
            text-align: center;
            max-width: 840px;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient(233.13deg, #ffffff 45.76%, #f0a726 59.99%, #f86e00 70.09%);
            padding-bottom: 10px
        }

        @media (max-width: 1199px) {
            #brxe-phbjjj {
                font-size: 80px
            }
        }

        @media (max-width: 991px) {
            #brxe-phbjjj {
                font-size: 60px
            }
        }

        @media (max-width: 767px) {
            #brxe-phbjjj {
                max-width: 80%;
                font-size: 52px
            }
        }

        @media (max-width: 478px) {
            #brxe-phbjjj {
                font-size: 44px
            }
        }

        #brxe-dionwn {
            align-items: center;
            row-gap: 48px
        }

        @media (max-width: 478px) {
            #brxe-dionwn {
                row-gap: 32px
            }
        }

        #brxe-snalcm {
            padding-top: 180px;
            padding-bottom: 105px;
            background-repeat: no-repeat;
            background-position: top center;
            background-image: url({{ asset('images/') }}2024/12/Untitled-design-33-1-1.png);
            background-size: cover;
            position: relative
        }

        :where(#brxe-snalcm > *) {
            position: relative
        }

        #brxe-snalcm::before {
            background-image: linear-gradient(180deg, #0d0421 18.06%, rgba(13, 4, 33, 0.73) 35.61%, rgba(13, 4, 33, 0.44) 54.07%, rgba(13, 4, 33, 0) 78.58%);
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            pointer-events: none
        }

        @media (max-width: 991px) {
            #brxe-snalcm {
                padding-top: 80px;
                padding-bottom: 80px
            }
        }

        @media (max-width: 478px) {
            #brxe-snalcm {
                padding-top: 60px;
                padding-bottom: 60px
            }
        }

        #brxe-vzaccw {
            mix-blend-mode: multiply;
            max-width: 207px
        }

        #brxe-ynukax {
            width: 100%;
            margin-bottom: 82px;
            max-width: 1035px
        }

        @media (max-width: 991px) {
            #brxe-ynukax {
                margin-bottom: 60px
            }
        }

        @media (max-width: 767px) {
            #brxe-ynukax {
                margin-bottom: 60px
            }
        }

        #brxe-fexnwx {
            font-size: 14px;
            font-weight: 400;
            color: #000000;
            text-transform: uppercase;
            margin-bottom: 15px
        }

        @media (max-width: 991px) {
            #brxe-fexnwx {
                margin-bottom: 30px
            }
        }

        #brxe-jnenbp {
            flex-direction: column;
            align-items: flex-start;
            row-gap: 3px
        }

        #brxe-rjhocu {
            flex-direction: column;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5
        }

        #brxe-xbedek {
            width: auto
        }

        @media (max-width: 767px) {
            #brxe-xbedek {
                width: calc(50% - 15px)
            }
        }



        #brxe-qcjadp {
            flex-direction: column;
            align-items: flex-start;
            row-gap: 3px
        }

        #brxe-nfssob {
            flex-direction: column;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5
        }

        #brxe-riockm {
            width: auto
        }

        @media (max-width: 767px) {
            #brxe-riockm {
                width: calc(50% - 15px)
            }
        }

        #title-footer {
            font-size: 14px;
            font-weight: 400;
            color: #000000;
            text-transform: uppercase;
            margin-bottom: 15px
        }

        @media (max-width: 991px) {
            #title-footer {
                margin-bottom: 30px
            }
        }

        #brxe-yquheb {
            margin-right: 0
        }

        #brxe-orneop {
            flex-direction: column;
            align-items: flex-start;
            row-gap: 3px
        }

        #brxe-ciltcg {
            flex-direction: column;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5
        }

        #brxe-zgwwmh {
            width: auto
        }

        @media (max-width: 767px) {
            #brxe-zgwwmh {
                width: calc(50% - 15px)
            }
        }

        #brxe-bjrdzu {
            flex-direction: row;
            max-width: 1035px;
            width: 100%;
            margin-bottom: 30px;
            column-gap: 30px;
            row-gap: 30px;
            justify-content: space-between
        }

        @media (max-width: 767px) {
            #brxe-bjrdzu {
                margin-bottom: 60px;
                row-gap: 40px
            }
        }

        #brxe-qauejr {
            font-size: 14px;
            font-weight: 400;
            color: #000000;
            text-transform: uppercase;
            margin-bottom: 16px
        }

        #brxe-axovgc {
            font-size: 16px
        }

        #brxe-axovgc a {
            font-size: 16px;
            font-size: inherit
        }

        #brxe-ykccwm {
            width: auto
        }

        @media (max-width: 767px) {
            #brxe-ykccwm {
                width: 100%
            }
        }

        #brxe-ybieel {
            font-size: 16px;
            font-weight: 700
        }

        #brxe-ybieel a {
            font-size: 16px;
            font-weight: 700;
            font-size: inherit
        }

        #brxe-ybieel p {
            margin-bottom: 7px;
        }

        #brxe-ybieel p:last-of-type {
            margin-bottom: 0;
        }

        #brxe-vaxusp {
            width: auto
        }

        @media (max-width: 767px) {
            #brxe-vaxusp {
                width: 100%
            }
        }

        #brxe-soyark {
            flex-direction: row;
            justify-content: space-between;
            max-width: 1035px;
            margin-bottom: 40px;
            align-items: center;
            width: 100%
        }

        @media (max-width: 767px) {
            #brxe-soyark {
                row-gap: 20px
            }
        }

        #brxe-aorpaj {
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5
        }

        #brxe-kchnqo {
            row-gap: 50px;
            width: auto
        }

        @media (max-width: 767px) {
            #brxe-kchnqo {
                width: calc(50% - 15px)
            }
        }

        #brxe-rzxbav {
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5
        }

        #brxe-cxqaxh {
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5
        }

        #brxe-bcdavf {
            width: auto;
            flex-direction: row;
            column-gap: 53px
        }

        @media (max-width: 767px) {
            #brxe-bcdavf {
                width: calc(50% - 15px)
            }
        }

        #brxe-kbsyij {
            flex-direction: row;
            width: 100%;
            column-gap: 30px;
            row-gap: 30px;
            padding-top: 30px;
            padding-right: 0;
            padding-left: 0;
            border-top: 1px solid #000000;
            justify-content: space-between
        }

        @media (max-width: 767px) {
            #brxe-kbsyij {
                row-gap: 0px;
                padding-top: 20px
            }
        }

        #brxe-alqlac {
            flex-direction: row;
            max-width: 1035px;
            width: 100%;
            column-gap: 30px;
            row-gap: 30px
        }

        @media (max-width: 767px) {
            #brxe-alqlac {
                row-gap: 0px;
                margin-bottom: 20px
            }
        }

        #brxe-rnccbt {
            font-size: 16px;
            font-weight: 700
        }

        #brxe-ymiplj {
            width: 100%;
            max-width: 1035px
        }

        #brxe-tpforl {
            background-color: #ffffff;
            padding-top: 96px;
            padding-bottom: 120px
        }

        @media (max-width: 991px) {
            #brxe-tpforl {
                padding-top: 80px;
                padding-bottom: 100px
            }
        }

        @media (max-width: 478px) {
            #brxe-tpforl {
                padding-top: 60px;
                padding-bottom: 40px;
                position: relative;
                z-index: 3
            }
        }

        .brxe-popup-1809 .brx-popup-content {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            background-color: rgba(0, 0, 0, 0);
            width: 100%
        }

        #brxe-kgrzzd {
            gap: 0px;
            padding-top: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            border-radius: 0;
            position: absolute;
            top: 8px;
            right: 8px
        }

        /* #brxe-gcgxrn {
                                                                                                                                                                                                                                            back        ground-image: url({{ asset('images/') }}2024/10/Heading-and-supporting-text-1.png);
                                                                                                                                                                                                                                            back        ground-size: cover;
                                                                                                                                                                                                                                            back        ground-repeat: no-repeat;
                                                                                                                                                                                                                                            back        ground-position: bottom center;
                                                                                                                                                                                                                                            padd        ing-top: 32px;
                                                                                                                                                                                                                                            padd        ing-right: 32px;
                                                                                                                                                                                                                                            padd        ing-bottom: 32px;
                                                                                                                                                                                                                                            padd        ing-left: 32px;
                                                                                                                                                                                                                                            min-        height: 172px;
                                                                                                                                                                                                                                            just        ify-content: center;
                                                                                                                                                                                                                                            posi        tion: relative
                                                                                                                                                                                                                                        } */

        #brxe-pbdcrc .form-group:not(:last-child):not(.captcha) {
            /* padding-bottom: 24px */
        }

        #brxe-pbdcrc .form-group input {
            border: 1px solid #d0d5dd;
            border-radius: 8px;
            padding-top: 1px;
            padding-right: 14px;
            padding-bottom: 1px;
            padding-left: 14px
        }

        #brxe-pbdcrc .flatpickr {
            border: 1px solid #d0d5dd;
            border-radius: 8px;
            padding-top: 1px;
            padding-right: 14px;
            padding-bottom: 1px;
            padding-left: 14px
        }

        #brxe-pbdcrc select {
            border: 1px solid #d0d5dd;
            border-radius: 8px;
            padding-top: 1px;
            padding-right: 14px;
            padding-bottom: 1px;
            padding-left: 14px;
            color: #667085;
            font-size: 14px;
        }

        #brxe-pbdcrc textarea {
            border: 1px solid #d0d5dd;
            border-radius: 8px;
            padding-top: 1px;
            padding-right: 14px;
            padding-bottom: 1px;
            padding-left: 14px
        }

        #brxe-pbdcrc .bricks-button:not([type=submit]) {
            border: 1px solid #d0d5dd;
            border-radius: 8px
        }

        #brxe-pbdcrc .choose-files {
            border: 1px solid #d0d5dd;
            border-radius: 8px
        }

        #brxe-pbdcrc label {
            font-size: 16px;
            font-weight: 700;
            text-transform: none;
            line-height: 1.43
        }

        #brxe-pbdcrc .label {
            font-size: 16px;
            font-weight: 700;
            text-transform: none;
            line-height: 1.43
        }

        #brxe-pbdcrc ::placeholder {
            color: #667085
        }

        #brxe-pbdcrc {
            box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05)
        }

        #brxe-pbdcrc .submit-button-wrapper {
            width: 100%;
            margin-top: 8px
        }

        #brxe-pbdcrc button[type=submit].bricks-button {
            border-radius: 8px
        }

        #brxe-pbdcrc .bricks-button {
            font-size: 16px
        }

        #brxe-pbdcrc h3 {
            color: #475467;
            font-size: 18px;
            margin-bottom: -8px;
            font-weight: 400;
        }

        #brxe-hbwkwt {
            overflow-x: hidden !important;
            overflow-y: visible !important;
        }

        /* @media (max-width: 991px) {
                                                                                                                                                                                                                                #brx        e-hbwkwt {
                                                                                                                                                                                                                                    marg        in-bottom: 40px;
                                                                                                                                                                                                                                }        
                                                                                                                                                                                                                            } */

        #brxe-mbwile {
            width: 100%;
            z-index: 2;
        }

        #brxe-mbwile .splide__track {
            overflow: visible !important;
            /* Allow clones to be visible during transition if needed */
        }

        #brxe-mbwile .splide__list {
            display: flex !important;
            will-change: transform;
            transform: translateZ(0);
            backface-visibility: hidden;
        }

        #brxe-mbwile .splide__slide {
            width: 255px !important;
            flex: 0 0 255px !important;
            transition: none !important;
            backface-visibility: hidden;
            background-color: transparent;
        }

        #brxe-mbwile .brxe-block,
        #brxe-mbwile .brxe-image {
            width: 255px !important;
            height: 255px !important;
            object-fit: cover !important;
            border-radius: 8px;
            transition: none !important;
            display: block !important;
        }

        @media screen and (min-width: 992px) {
            #brxe-pbdcrc h3 {
                font-size: 20px;
            }
        }

        /* #brxe-emlesh {
                                                                                                                                                                                                                                                                                                                    padd        ing-top: 40px;
                                                                                                                                                                                                                                                                                                                    padd        ing-right: 32px;
                                                                                                                                                                                                                                                                                                                    padd        ing-bottom: 32px;
                                                                                                                                                                                                                                                                                                                    padd        ing-left: 32px
                                                                                                                                                                                                                                                                                                                } */

        #brxe-ecqxom {
            padding-right: 0;
            padding-left: 0
        }

        #brxe-etneud {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            max-width: 800px;
            margin-top: 32px;
            margin-bottom: 32px;
            background-color: #ffffff;
            border-radius: 8px
        }
    </style>
@endpush
@push('scripts-libs')
    {{-- JS riêng cho trang ecosystem --}}
    <!-- <script src="{{ asset('js/jquery.minf43b.js') }}" id="jquery-core-js"></script>
        <script src="{{ asset('js/scripts89e2.js') }}" id="jquery-core-js"></script> -->
    <script src="{{ asset('js/bricks.min4553.js') }}" id="bricks-scripts-js"></script>
    <script src="{{ asset('js/splide.mineda1.js') }}" id="bricks-splide-js"></script>
@endpush
@section('content')
    <main id="brx-content">
        <section id="brxe-lvheto" class="brxe-section">
            <div id="brxe-ihflxp" class="brxe-container">
                <div id="brxe-yblyni" class="brxe-block">
                    <h2 id="brxe-rwckll" class="brxe-heading">Are you looking for <br> new opportunities? </h2>
                </div>
                <a id="brxe-loghvo" class="brxe-button bricks-button bricks-background-primary" href="#brxe-zwrmaa"><svg
                        class="" xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none">
                        <path d="M2 0.0830078V12.8608H17" stroke="black" stroke-width="2.22222"></path>
                        <path d="M10.8889 18.4163L17 12.8607L10.8889 7.30518" stroke="black" stroke-width="2.22222">
                        </path>
                    </svg>Các vị trí đang tuyển</a>
            </div>
        </section>
        {{-- <section id="brxe-hbwkwt" class="brxe-section ">
            <div id="brxe-mbwile" data-script-id="mbwile" class="brxe-slider-nested splide"
                data-splide="{&quot;type&quot;:&quot;loop&quot;,&quot;fixedWidth&quot;:&quot;255px&quot;,&quot;arrows&quot;:false,&quot;pagination&quot;:false,&quot;gap&quot;:32,&quot;autoplay&quot;:true,&quot;interval&quot;:0,&quot;speed&quot;:10000,&quot;easing&quot;:&quot;linear&quot;,&quot;pauseOnHover&quot;:false,&quot;pauseOnFocus&quot;:false,&quot;clones&quot;:10,&quot;drag&quot;:false}">
                <div class="splide__track">
                    <div class="splide__list">
                        <div class="splide__slide">
                            <div class="brxe-block"><img width="255" height="255" src="{{ asset('images/') }}/lvt2.png"
                                    class="brxe-image css-filter size-full" alt="LVT 2" />
                            </div>
                        </div>
                        <div class="splide__slide">
                            <div class="brxe-block"><img width="255" height="255" src="{{ asset('images/') }}/lvt4.png"
                                    class="brxe-image css-filter size-full" alt="LVT 4" />
                            </div>
                        </div>
                        <div class="splide__slide">
                            <div class="brxe-block"><img width="255" height="255" src="{{ asset('images/') }}/lvt3.png"
                                    class="brxe-image css-filter size-full" alt="LVT 3" />
                            </div>
                        </div>
                        <div class="splide__slide">
                            <div class="brxe-block"><img width="255" height="255" src="{{ asset('images/') }}/lvt2.png"
                                    class="brxe-image css-filter size-full" alt="LVT 2" />
                            </div>
                        </div>
                        <div class="splide__slide">
                            <div class="brxe-block"><img width="255" height="255" src="{{ asset('images/') }}/lvt3.png"
                                    class="brxe-image css-filter size-full" alt="LVT 3" />
                            </div>
                        </div>
                        <div class="splide__slide">
                            <div class="brxe-block"><img width="255" height="255" src="{{ asset('images/') }}/lvt1.png"
                                    class="brxe-image css-filter size-full" alt="LVT 1" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- <div id="brxe-pxwoob" class="brxe-container bricks-lazy-hidden">
                                                                                                                                                                                                                                <div         id="brxe-uwszfc" class="brxe-text-basic"
                                                                                                                                                                                                                                    data        -interactions="[{&quot;id&quot;:&quot;giqfoh&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                    data        -interaction-id="121049" data-interaction-hidden-on-load="1">Cơ hội lớn trong ngành có doanh
                                                                                                                                                                                                                                    thu         100+ tỉ đô, tốc độ tăng trưởng 15-30% mỗi năm</div>
                                                                                                                                                                                                                                <div         id="brxe-qpsnwf" class="brxe-container bricks-lazy-hidden"
                                                                                                                                                                                                                                    styl        e="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;">
                                                                                                                                                                                                                                    <div         id="brxe-zxyhpd" class="brxe-block bricks-lazy-hidden"
                                                                                                                                                                                                                                        data        -interactions="[{&quot;id&quot;:&quot;yccdzz&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                        data        -interaction-id="ab766c" data-interaction-hidden-on-load="1"
                                                                                                                                                                                                                                        styl        e="display: flex; flex-direction: column; align-items: center; text-align: center;"> <img
                                                                                                                                                                                                                                            widt        h="300" height="300"
                                                                                                                                                                                                                                            src=        "data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%20300%20300&#039;%3E%3C/svg%3E"
                                                                                                                                                                                                                                            clas        s="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-dgpppz"
                                                                                                                                                                                                                                            deco        ding="async" data-src="{{ getImageUrl('images/td-2.jpg', 'default-image.png', 'public') }}"
                                                                                                                                                                                                                                            data        -type="string" data-sizes="(max-width: 300px) 100vw, 300px"
                                                                                                                                                                                                                                            data        -srcset="{{ getImageUrl('images/td-2.jpg', 'default-image.png', 'public') }} 300w, {{ getImageUrl('images/td-2.jpg', 'default-image.png', 'public') }} 150w"
                                                                                                                                                                                                                                            styl        e="object-fit: cover; width: 100%; height: 300px;" />
                                                                                                                                                                                                                                        <h3         id="brxe-zuniqp" class="brxe-heading">10 CxO làm việc tại các công ty top 50 ngành Mobile
                                                                                                                                                                                                                                            App/         Game</h3>
                                                                                                                                                                                                                                    </di        v>
                                                                                                                                                                                                                                    <div         id="brxe-vbsyjg" class="brxe-block bricks-lazy-hidden"
                                                                                                                                                                                                                                        data        -interactions="[{&quot;id&quot;:&quot;ottmhu&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                        data        -interaction-id="aa7e16" data-interaction-hidden-on-load="1"
                                                                                                                                                                                                                                        styl        e="display: flex; flex-direction: column; align-items: center; text-align: center;"> <img
                                                                                                                                                                                                                                            widt        h="300" height="300"
                                                                                                                                                                                                                                            src=        "data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%20300%20300&#039;%3E%3C/svg%3E"
                                                                                                                                                                                                                                            clas        s="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-hequia"
                                                                                                                                                                                                                                            deco        ding="async"
                                                                                                                                                                                                                                            data        -src="{{ getImageUrl('images/folder.jpg', 'default-image.png', 'public') }}"
                                                                                                                                                                                                                                            data        -type="string" data-sizes="(max-width: 300px) 100vw, 300px"
                                                                                                                                                                                                                                            data        -srcset="{{ getImageUrl('images/folder.jpg', 'default-image.png', 'public') }} 300w, {{ getImageUrl('images/folder.jpg', 'default-image.png', 'public') }} 150w"
                                                                                                                                                                                                                                            styl        e="object-fit: cover; width: 100%; height: 300px;" />
                                                                                                                                                                                                                                        <h3         id="brxe-irfjoa" class="brxe-heading">Nhiều Concept làm việc, tư duy đặc biệt như Mô hình
                                                                                                                                                                                                                                            chất         lượng và lợi thế cạnh tranh 4H, Xem xét vấn đề đa chiều - tư duy "Vẽ voi"</h3>
                                                                                                                                                                                                                                    </di        v>
                                                                                                                                                                                                                                    <div         id="brxe-dcsqpf" class="brxe-block bricks-lazy-hidden"
                                                                                                                                                                                                                                        data        -interactions="[{&quot;id&quot;:&quot;sksdih&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                        data        -interaction-id="b609f9" data-interaction-hidden-on-load="1"
                                                                                                                                                                                                                                        styl        e="display: flex; flex-direction: column; align-items: center; text-align: center;"> <img
                                                                                                                                                                                                                                            widt        h="300" height="300"
                                                                                                                                                                                                                                            src=        "data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%20300%20300&#039;%3E%3C/svg%3E"
                                                                                                                                                                                                                                            clas        s="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-vhauex"
                                                                                                                                                                                                                                            deco        ding="async" data-src="{{ getImageUrl('images/t-3.jpg', 'default-image.png', 'public') }}"
                                                                                                                                                                                                                                            data        -type="string" data-sizes="(max-width: 300px) 100vw, 300px"
                                                                                                                                                                                                                                            data        -srcset="{{ getImageUrl('images/t-3.jpg', 'default-image.png', 'public') }} 300w, {{ getImageUrl('images/t-3.jpg', 'default-image.png', 'public') }} 150w"
                                                                                                                                                                                                                                            styl        e="object-fit: cover; width: 100%; height: 300px;" />
                                                                                                                                                                                                                                        <h3         id="brxe-mytwyw" class="brxe-heading">6000 TB Data được xử lý <br>mỗi năm, giúp cải tiến
                                                                                                                                                                                                                                            nhan        h chóng, chính xác</h3>
                                                                                                                                                                                                                                    </di        v>
                                                                                                                                                                                                                                </di        v>
                                                                                                                                                                                                                                <a i        d="brxe-wxxjmt" class="brxe-button bricks-button bricks-background-primary"
                                                                                                                                                                                                                                    data        -interactions="[{&quot;id&quot;:&quot;fqidvu&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;},{&quot;id&quot;:&quot;feasej&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;scrollTo&quot;,&quot;target&quot;:&quot;custom&quot;,&quot;targetSelector&quot;:&quot;#brxe-zwrmaa&quot;}]"
                                                                                                                                                                                                                                    data        -interaction-id="fb2818" data-interaction-hidden-on-load="1" href><svg class=""
                                                                                                                                                                                                                                        xmln        s="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none">
                                                                                                                                                                                                                                        <pat        h d="M2 0.0830078V12.8608H17" stroke="black" stroke-width="2.22222"></path>
                                                                                                                                                                                                                                        <pat        h d="M10.8889 18.4163L17 12.8607L10.8889 7.30518" stroke="black" stroke-width="2.22222">
                                                                                                                                                                                                                                        </pa        th>
                                                                                                                                                                                                                                    </sv        g>Các vị trí đang tuyển</a>
                                                                                                                                                                                                                            </di        v> -->
        </section> --}}
        <!-- <section id="brxe-iqeksx" class="brxe-section bricks-lazy-hidden"><img width="2880" height="1200"
                                                                                                                                                                                                                                                                            src=        "data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%202880%201200&#039;%3E%3C/svg%3E"
                                                                                                                                                                                                                                                                            clas        s="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-vyksow" decoding="async"
                                                                                                                                                                                                                                                                            data        -src="{{ getImageUrl('images/td-4.jpg', 'default-image.png', 'public') }}" data-type="string" />
                                                                                                                                                                                                                                                                        <div         id="brxe-jcldkq" class="brxe-container bricks-lazy-hidden">
                                                                                                                                                                                                                                                                            <h3         id="brxe-sdrwee" class="brxe-heading"
                                                                                                                                                                                                                                                                                data        -interactions="[{&quot;id&quot;:&quot;sosbmf&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                                                                data        -interaction-id="97ea08" data-interaction-hidden-on-load="1">Đãi ngộ hàng đầu</h3>
                                                                                                                                                                                                                                                                        </di        v>
                                                                                                                                                                                                                                                                    </se        ction> -->
        <!-- <section id="brxe-hhtauc" class="brxe-section bricks-lazy-hidden">
                                                                                                                                                                                                                                                                        <div         id="brxe-qgiere" class="brxe-container bricks-lazy-hidden">
                                                                                                                                                                                                                                                                            <h3         id="brxe-jumoat" class="brxe-heading"
                                                                                                                                                                                                                                                                                data        -interactions="[{&quot;id&quot;:&quot;yebcoj&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                                                                data        -interaction-id="e0ec77" data-interaction-hidden-on-load="1">Văn hóa <br>Silicon Valley</h3>
                                                                                                                                                                                                                                                                        </di        v>
                                                                                                                                                                                                                                                                        <div         id="brxe-vujzit" class="brxe-container bricks-lazy-hidden">
                                                                                                                                                                                                                                                                            <div         id="brxe-lmzvzn" class="brxe-block bricks-lazy-hidden"
                                                                                                                                                                                                                                                                                data        -interactions="[{&quot;id&quot;:&quot;azqhmi&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                                                                data        -interaction-id="734693" data-interaction-hidden-on-load="1">
                                                                                                                                                                                                                                                                                <div         id="brxe-xinnlx" class="brxe-block bricks-lazy-hidden"><img width="545" height="360"
                                                                                                                                                                                                                                                                                        src=        "data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%20545%20360&#039;%3E%3C/svg%3E"
                                                                                                                                                                                                                                                                                        clas        s="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-chnedb"
                                                                                                                                                                                                                                                                                        deco        ding="async" data-src="{{ asset('images/') }}/teambuilding.jpg" data-type="string" />
                                                                                                                                                                                                                                                                                </di        v>
                                                                                                                                                                                                                                                                                <div         id="brxe-mvclzi" class="brxe-block bricks-lazy-hidden">
                                                                                                                                                                                                                                                                                    <h3         id="brxe-letvnz" class="brxe-heading">Thẳng thắn cực đoan</h3>
                                                                                                                                                                                                                                                                                    <div         id="brxe-lhieti" class="brxe-text-basic">Aperan thẳng thắn bày tỏ ý kiến dù tiêu cực hay
                                                                                                                                                                                                                                                                                        tích         cực thông qua sự kiện nội bộ: TGIFF hàng quý, Ném đá bàn tròn, Trà đá 1-1, Office Hour
                                                                                                                                                                                                                                                                                    </di        v>
                                                                                                                                                                                                                                                                                </di        v>
                                                                                                                                                                                                                                                                            </di        v>
                                                                                                                                                                                                                                                                            <div         id="brxe-ryhdxi" class="brxe-block bricks-lazy-hidden"
                                                                                                                                                                                                                                                                                data        -interactions="[{&quot;id&quot;:&quot;sfpdgy&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                                                                data        -interaction-id="1f71fb" data-interaction-hidden-on-load="1">
                                                                                                                                                                                                                                                                                <div         id="brxe-kgscoj" class="brxe-block bricks-lazy-hidden"><img width="360" height="206"
                                                                                                                                                                                                                                                                                        src=        "data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%20360%20206&#039;%3E%3C/svg%3E"
                                                                                                                                                                                                                                                                                        clas        s="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-zqjfzl"
                                                                                                                                                                                                                                                                                        deco        ding="async" data-src="{{ asset('images/') }}/work.jpg" data-type="string" />
                                                                                                                                                                                                                                                                                </di        v>
                                                                                                                                                                                                                                                                                <div         id="brxe-dthkrj" class="brxe-block bricks-lazy-hidden">
                                                                                                                                                                                                                                                                                    <h3         id="brxe-bgxacx" class="brxe-heading">Tôn vinh thất bại</h3>
                                                                                                                                                                                                                                                                                </di        v>
                                                                                                                                                                                                                                                                            </di        v>
                                                                                                                                                                                                                                                                        </di        v>
                                                                                                                                                                                                                                                                        <div         id="brxe-tnppdv" class="brxe-text-basic">Tại LVT GLOBAL, không chỉ ghi nhận những thành công mà còn tôn
                                                                                                                                                                                                                                                                            vinh         cả những thất bại. Mỗi lần vấp ngã là một cơ hội quý báu để học hỏi và vươn lên mạnh mẽ hơn. Chúng
                                                                                                                                                                                                                                                                            tôi         tự hào về từng nỗ lực, mỗi bước đi của các Aperan, bởi họ là những người dũng cảm biến thử thách
                                                                                                                                                                                                                                                                            thàn        h động lực và tiếp tục hướng đến những đỉnh cao mới.</div>
                                                                                                                                                                                                                                                                        <div         id="brxe-beptcc" class="brxe-container bricks-lazy-hidden">
                                                                                                                                                                                                                                                                            <div         id="brxe-iuxjhi" class="brxe-block bricks-lazy-hidden">
                                                                                                                                                                                                                                                                                <div         id="brxe-pupopv" class="brxe-block bricks-lazy-hidden"
                                                                                                                                                                                                                                                                                    data        -interactions="[{&quot;id&quot;:&quot;ftpola&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                                                                    data        -interaction-id="031a93" data-interaction-hidden-on-load="1">
                                                                                                                                                                                                                                                                                    <div         id="brxe-cpdreu" class="brxe-block bricks-lazy-hidden"><img width="1026" height="1156"
                                                                                                                                                                                                                                                                                            src=        "data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201026%201156&#039;%3E%3C/svg%3E"
                                                                                                                                                                                                                                                                                            clas        s="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-hjucpc"
                                                                                                                                                                                                                                                                                            deco        ding="async" data-src="{{ asset('images/') }}/work.jpg" data-type="string" />
                                                                                                                                                                                                                                                                                    </di        v>
                                                                                                                                                                                                                                                                                    <div         id="brxe-objaso" class="brxe-block bricks-lazy-hidden">
                                                                                                                                                                                                                                                                                        <h3         id="brxe-ithdwd" class="brxe-heading">Trẻ trung, năng động</h3>
                                                                                                                                                                                                                                                                                        <div         id="brxe-uptyjw" class="brxe-text-basic">Hàng chục kiểu chơi độc lạ mỗi năm.<br>Tổ
                                                                                                                                                                                                                                                                                            chức         hơn 10 câu lạc bộ thể thao.</div>
                                                                                                                                                                                                                                                                                    </di        v>
                                                                                                                                                                                                                                                                                </di        v>
                                                                                                                                                                                                                                                                            </di        v>
                                                                                                                                                                                                                                                                            <div         id="brxe-vldyrt" class="brxe-block bricks-lazy-hidden">
                                                                                                                                                                                                                                                                                <div         id="brxe-kihxll" class="brxe-block bricks-lazy-hidden"
                                                                                                                                                                                                                                                                                    data        -interactions="[{&quot;id&quot;:&quot;nblfer&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                                                                    data        -interaction-id="4bb0f7" data-interaction-hidden-on-load="1">
                                                                                                                                                                                                                                                                                    <div         id="brxe-zbomib" class="brxe-block bricks-lazy-hidden"><img width="540" height="400"
                                                                                                                                                                                                                                                                                            src=        "data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%20540%20400&#039;%3E%3C/svg%3E"
                                                                                                                                                                                                                                                                                            clas        s="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-mtsmjd"
                                                                                                                                                                                                                                                                                            deco        ding="async"
                                                                                                                                                                                                                                                                                            data        -src="{{ getImageUrl('images/td-4.jpg', 'default-image.png', 'public') }}"
                                                                                                                                                                                                                                                                                            data        -type="string" />
                                                                                                                                                                                                                                                                                    </di        v>
                                                                                                                                                                                                                                                                                    <div         id="brxe-tabrnr" class="brxe-block bricks-lazy-hidden">
                                                                                                                                                                                                                                                                                        <h3         id="brxe-gnyqun" class="brxe-heading">Nhân văn, chia sẻ</h3>
                                                                                                                                                                                                                                                                                        <div         id="brxe-thwoij" class="brxe-text-basic">Giúp đỡ Aperan có hoàn cảnh khó khăn, tổ
                                                                                                                                                                                                                                                                                            chức         và tài trợ các sự kiện, hoạt động cộng đồng.</div>
                                                                                                                                                                                                                                                                                    </di        v>
                                                                                                                                                                                                                                                                                </di        v>
                                                                                                                                                                                                                                                                                <div         id="brxe-nrdqwd" class="brxe-block bricks-lazy-hidden"
                                                                                                                                                                                                                                                                                    data        -interactions="[{&quot;id&quot;:&quot;kcqoef&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                                                                                                                                                                                                                                                                                    data        -interaction-id="b17377" data-interaction-hidden-on-load="1">
                                                                                                                                                                                                                                                                                    <div         id="brxe-xdhqdx" class="brxe-block bricks-lazy-hidden"><img width="447" height="289"
                                                                                                                                                                                                                                                                                            src=        "data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%20447%20289&#039;%3E%3C/svg%3E"
                                                                                                                                                                                                                                                                                            clas        s="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-uwphfu"
                                                                                                                                                                                                                                                                                            deco        ding="async"
                                                                                                                                                                                                                                                                                            data        -src="{{ getImageUrl('images/td-5.jpg', 'default-image.png', 'public') }}"
                                                                                                                                                                                                                                                                                            data        -type="string" />
                                                                                                                                                                                                                                                                                    </di        v>
                                                                                                                                                                                                                                                                                </di        v>
                                                                                                                                                                                                                                                                            </di        v>
                                                                                                                                                                                                                                                                        </di        v><a id="brxe-ivxmql" class="brxe-button bricks-button bricks-background-primary"
                                                                                                                                                                                                                                                                            data        -interactions="[{&quot;id&quot;:&quot;riwxfi&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;},{&quot;id&quot;:&quot;qdvmsn&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;scrollTo&quot;,&quot;target&quot;:&quot;custom&quot;,&quot;targetSelector&quot;:&quot;#brxe-zwrmaa&quot;}]"
                                                                                                                                                                                                                                                                            data        -interaction-id="ced01c" data-interaction-hidden-on-load="1" href><svg class=""
                                                                                                                                                                                                                                                                                xmln        s="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none">
                                                                                                                                                                                                                                                                                <pat        h d="M2 0.0830078V12.8608H17" stroke="black" stroke-width="2.22222"></path>
                                                                                                                                                                                                                                                                                <pat        h d="M10.8889 18.4163L17 12.8607L10.8889 7.30518" stroke="black" stroke-width="2.22222">
                                                                                                                                                                                                                                                                                </pa        th>
                                                                                                                                                                                                                                                                            </sv        g>Các vị trí đang tuyển</a>
                                                                                                                                                                                                                                                                    </se        ction> -->
        {{-- <section id="brxe-nxufnf" class="brxe-section bricks-lazy-hidden">
            <div id="brxe-hrvcua" class="brxe-container bricks-lazy-hidden">
                <h3 id="brxe-gngwch" class="brxe-heading"
                    data-interactions="[{&quot;id&quot;:&quot;imupbr&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                    data-interaction-id="5d2299" data-interaction-hidden-on-load="1">"Lò luyện" nhân tài</h3>
            </div>
        </section> --}}
        <section id="brxe-orpiht" class="brxe-section bricks-lazy-hidden">
            <img width="1400" height="560"
                src="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201400%20560&#039;%3E%3C/svg%3E"
                class="brxe-image css-filter size-full bricks-lazy-hidden" alt="" id="brxe-nkurkh" decoding="async"
                data-src="{{ getImageUrl('images/td-6.jpg', 'default-image.png', 'public') }}" data-type="string" />
            <div id="brxe-iaoifh" class="brxe-container bricks-lazy-hidden"
                data-interactions="[{&quot;id&quot;:&quot;wjsoqo&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                data-interaction-id="07a0de" data-interaction-hidden-on-load="1">
                <div id="brxe-ybsyzn" class="brxe-block bricks-lazy-hidden">
                    <h3 id="brxe-gakkhz" class="brxe-heading">Chương trình tuyển dụng và đào tạo dành cho Fresher
                        Android</h3>
                </div>
                <div id="brxe-ivxhme" class="brxe-block bricks-lazy-hidden">
                    <div id="brxe-zekste" class="brxe-text">
                        <div class="flex max-w-full flex-col flex-grow">
                            <div class="min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5"
                                dir="auto" data-message-author-role="assistant"
                                data-message-id="d81a58c9-6ad1-4f9e-bca1-299c9b85a67d" data-message-model-slug="gpt-4o">
                                <div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]">
                                    <div class="markdown prose w-full break-words dark:prose-invert light">
                                        <p>Là chương trình đào tạo Kỹ sư phần mềm Android dành cho các bạn sinh viên tài
                                            năng trong ngành Công nghệ thông tin. Chương trình được thiết kế với các
                                            module đào tạo kiến thức chuyên ngành từ cơ bản đến chuyên sâu dưới sự hướng
                                            dẫn và cố vấn trực tiếp bởi các Trưởng phòng và các chuyên gia Phát triển
                                            Phần mềm.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="brxe-johrrs" class="brxe-block bricks-lazy-hidden"><a id="brxe-bagtob" class="brxe-text-link"
                        href="#" target="_blank">Đăng ký</a>
                </div>
            </div>
            <div id="brxe-xxpwit" class="brxe-container bricks-lazy-hidden"
                data-interactions="[{&quot;id&quot;:&quot;jsykac&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                data-interaction-id="bdf723" data-interaction-hidden-on-load="1">
                <div id="brxe-eyvjkn" class="brxe-divider horizontal">
                    <div class="line"></div>
                </div>
            </div>
            <div id="brxe-vcrdsb" class="brxe-container bricks-lazy-hidden"
                data-interactions="[{&quot;id&quot;:&quot;vficic&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                data-interaction-id="07988a" data-interaction-hidden-on-load="1">
                <div id="brxe-tjnbga" class="brxe-block bricks-lazy-hidden">
                    <h3 id="brxe-kwptet" class="brxe-heading">17 Future International Product Owner</h3>
                </div>
                <div id="brxe-xnqric" class="brxe-block bricks-lazy-hidden">
                    <div id="brxe-apgcua" class="brxe-text">
                        <p><strong>17FIPO</strong> là chương trình tuyển dụng và đào tạo Fresher Product Owner của LVT GLOBAL
                            Technologies Group. Được dẫn dắt trực tiếp bởi các Founder và chuyên gia cấp cao tại LVT GLOBAL,
                            chương trình giúp bạn bứt phá sự nghiệp Product tại công ty Top 20 nhà phát hành toàn cầu
                            trên Google Play.</p>
                    </div>
                </div>
                <div id="brxe-vnpzaa" class="brxe-block bricks-lazy-hidden"><a id="brxe-hmtenq" class="brxe-text-link"
                        href="#">Đăng ký</a></div>
            </div>
            <div id="brxe-wwbyvw" class="brxe-container bricks-lazy-hidden"
                data-interactions="[{&quot;id&quot;:&quot;knqjed&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                data-interaction-id="760a89" data-interaction-hidden-on-load="1">
                <div id="brxe-kgnpgo" class="brxe-divider horizontal">
                    <div class="line"></div>
                </div>
            </div>
            <div id="brxe-brmlfj" class="brxe-container bricks-lazy-hidden"
                data-interactions="[{&quot;id&quot;:&quot;zvmgwz&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                data-interaction-id="03225c" data-interaction-hidden-on-load="1">
                <div id="brxe-oqqhiy" class="brxe-block bricks-lazy-hidden">
                    <h3 id="brxe-powmor" class="brxe-heading">30 Future International Marketing Experts</h3>
                </div>
                <div id="brxe-etdosj" class="brxe-block bricks-lazy-hidden">
                    <div id="brxe-jqraek" class="brxe-text">
                        <p><strong>30FIME</strong> là chương trình tuyển dụng và phát triển nhân tài dài hạn cho GenZ về
                            lĩnh vực Digital Marketing tại LVT GLOBAL Technologies Group, nơi sẽ vun đắp nền móng vững
                            chắc
                            về chuyên môn, kỹ năng và định hướng nghề nghiệp dành cho các bạn yêu thích lĩnh vực Digital
                            Marketing. Chương trình đặc biệt giúp các bạn có cơ hội phát triển lên vị trí Leader sau từ
                            6 tháng tới 1 năm làm việc.</p>
                    </div>
                </div>
                <div id="brxe-ljtjta" class="brxe-block bricks-lazy-hidden"><a id="brxe-ayvwgl" class="brxe-text-link"
                        target="_blank">Tạm đóng</a></div>
            </div>
            <div id="co-hoi-nghe-nghiep" data-brxe-id="brxe-xnvvcb" class="brxe-container bricks-lazy-hidden">
                <h3 id="brxe-ilbewt" class="brxe-heading"
                    data-interactions="[{&quot;id&quot;:&quot;ijwwwt&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                    data-interaction-id="95ff94" data-interaction-hidden-on-load="1">Cơ hội <br>Nghề nghiệp</h3>
                <div id="brxe-zwrmaa" class="brxe-block bricks-lazy-hidden"
                    data-interactions="[{&quot;id&quot;:&quot;wqbawg&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                    data-interaction-id="82c042" data-interaction-hidden-on-load="1">
                    <h3 id="brxe-bhmble" class="brxe-heading">Các vị trí đang mở</h3>
                    <div id="brxe-lsfyso" class="brxe-filter-search">
                        <input value="{{ request('search') }}" name="search" id="job-search" placeholder="Search"
                            aria-label="Search" type="search" autocomplete="off" spellcheck="false">
                    </div>
                </div>
                <div id="brxe-paivym" class="brxe-block select-style bricks-lazy-hidden"
                    data-interactions="[{&quot;id&quot;:&quot;rahxup&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                    data-interaction-id="cd306a" data-interaction-hidden-on-load="1">
                    <select id="department" class="lvt-filter-select select-style" name="department"
                        onchange="submitFilters()">
                        <option value="" class='placeholder depth-0' {{ !request('department') ? 'selected' : '' }}>Tất cả
                            phòng ban
                        </option>
                        @foreach ($departments as $dept)
                            <option value="{{ $dept }}" class='depth-0' {{ request('department') == $dept ? 'selected' : '' }}>
                                {{ $dept }}
                            </option>
                        @endforeach
                    </select>
                    <select id="experience_level" class="lvt-filter-select select-style" name="experience_level"
                        onchange="submitFilters()">
                        <option value="" class='placeholder depth-0' {{ !request('experience_level') ? 'selected' : '' }}>
                            Tất cả kinh nghiệm
                        </option>
                        @foreach ($experienceLevels as $value => $label)
                            <option value="{{ $value }}" class='depth-0' {{ request('experience_level') == $value ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div id="brxe-jsbosz" class="brxe-block brx-grid ajax-loading">
                    @include('pages.partials.job-list')
                </div>
            </div>
            <!-- <span id="brxe-wnnvma" class="brxe-button bricks-button bricks-background-primary"
                data-interactions="[{&quot;id&quot;:&quot;cozcea&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;loadMore&quot;,&quot;loadMoreQuery&quot;:&quot;tconuu&quot;},{&quot;id&quot;:&quot;flihgp&quot;,&quot;trigger&quot;:&quot;enterView&quot;,&quot;action&quot;:&quot;startAnimation&quot;,&quot;animationType&quot;:&quot;fadeInUp&quot;,&quot;runOnce&quot;:&quot;1&quot;}]"
                data-interaction-id="0ac054" data-interaction-hidden-on-load="1"><svg class=""
                    xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
                    <path d="M7.00033 1.16675V12.8334M7.00033 12.8334L12.8337 7.00008M7.00033 12.8334L1.16699 7.00008"
                        stroke="black" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round">
                    </path>
                </svg>Tải thêm
            </span> -->
            </div>
        </section>

    </main>
    <div id="application-popup" class="premium-modal" style="display: none;">
        <div class="premium-modal-backdrop" onclick="closeModal()"></div>
        <div class="premium-modal-content">
            <button class="premium-modal-close" onclick="closeModal()" aria-label="Close">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <line x1="18" y1="6" x2="6" y2="18"></line>
                    <line x1="6" y1="6" x2="18" y2="18"></line>
                </svg>
            </button>
            <x-application-form formId="brxe-pbdcrc" />
        </div>
    </div>

    <script>
        // Initialize job card click listeners
        function initJobCards() {
            document.querySelectorAll('.job-card').forEach(function (card) {
                // Remove existing listener to avoid duplicates if re-initing
                card.removeEventListener('click', handleCardClick);
                card.addEventListener('click', handleCardClick);
            });
        }

        function handleCardClick(e) {
            // ignore if click originated from an anchor or the apply button
            if (e.target.closest('a') || e.target.closest('.brxe-yqiktg')) {
                return;
            }
            var href = this.dataset.href;
            if (href) {
                // Store the current job card ID for scroll persistence
                if (this.id) {
                    sessionStorage.setItem('lastClickedJobId', this.id);
                }
                window.location = href;
            }
        }

        // Filter handling
        function submitFilters() {
            var search = document.getElementById('job-search').value;
            var dept = document.getElementById('department').value;
            var level = document.getElementById('experience_level').value;

            // Build fetch URL with params (for backend)
            var fetchUrl = new URL(window.location.pathname, window.location.origin);
            if (search) fetchUrl.searchParams.set('search', search);
            if (dept) fetchUrl.searchParams.set('department', dept);
            if (level) fetchUrl.searchParams.set('experience_level', level);

            // Keep the browser URL clean — no query strings shown
            window.history.replaceState({}, '', window.location.pathname);

            // Show loading state
            var container = document.getElementById('brxe-jsbosz');
            container.style.opacity = '0.5';
            container.style.transition = 'opacity 0.3s ease';

            // Fetch partial
            fetch(fetchUrl.toString(), {
                headers: {
                    'X-Requested-With': 'XMLHttpRequest'
                }
            })
                .then(response => response.text())
                .then(html => {
                    container.innerHTML = html;
                    container.style.opacity = '1';

                    // Re-initialize job card listeners
                    initJobCards();

                    // Optionally handle scroll - but user said "không scroll lên đầu trang"
                    // If the user meant "don't jump to the top of the WHOLE PAGE", AJAX helps.
                    // However, we should ensure the listings area is visible if it's far down.
                })
                .catch(error => {
                    console.error('Error filtering:', error);
                    container.style.opacity = '1';
                });
        }

        let searchTimeout = null;
        document.getElementById('job-search').addEventListener('input', function () {
            clearTimeout(searchTimeout);
            // If input is cleared, update immediately for better UX
            if (this.value === '') {
                submitFilters();
            } else {
                searchTimeout = setTimeout(submitFilters, 500);
            }
        });

        document.getElementById('job-search').addEventListener('keypress', function (e) {
            if (e.key === 'Enter') {
                clearTimeout(searchTimeout);
                submitFilters();
            }
        });

        // make entire job card clickable except on links/apply button
        document.addEventListener('DOMContentLoaded', function () {
            initJobCards();
        });
        // fallback handler for Apply buttons in case Bricks interactions fail
        // Store scroll position for modal open/close
        var _modalScrollY = 0;

        function lockBodyScroll() {
            _modalScrollY = window.scrollY || window.pageYOffset;
            document.body.style.position = 'fixed';
            document.body.style.top = '-' + _modalScrollY + 'px';
            document.body.style.left = '0';
            document.body.style.right = '0';
            document.body.style.width = '100%';
        }

        function unlockBodyScroll() {
            document.body.style.position = '';
            document.body.style.top = '';
            document.body.style.left = '';
            document.body.style.right = '';
            document.body.style.width = '';
            window.scrollTo(0, _modalScrollY);
        }

        document.addEventListener('click', function (e) {
            var btn = e.target.closest('.brxe-yqiktg');
            if (!btn) return;
            e.preventDefault();
            // show modal - lock scroll without jumping to top
            var modal = document.getElementById('application-popup');
            if (modal) {
                modal.style.display = 'flex';
                lockBodyScroll();
            }
            // fill dynamic field if present
            var jobId = btn.dataset.jobPositionId;
            if (jobId) {
                var fld = document.getElementById('job_position_id_dynamic');
                if (fld) fld.value = jobId;
                var fld2 = document.getElementById('job_position_id_field');
                if (fld2) fld2.value = jobId;

                // Update form action dynamically to match selected jobId
                var form = document.getElementById('brxe-pbdcrc');
                if (form) {
                    var action = form.action;
                    // Replace /careers/xxx/apply with /careers/jobId/apply
                    form.action = action.replace(/\/careers\/[^\/]+\/apply/, '/careers/' + jobId + '/apply');
                }
            }
        });

        // close handler - restore scroll position
        function closeModal() {
            var modal = document.getElementById('application-popup');
            if (modal) {
                modal.style.display = 'none';
                // Restore scroll position (undo lockBodyScroll)
                unlockBodyScroll();
                // Also remove legacy class if present
                document.body.classList.remove('no-scroll');

                // Reset the form inputs
                var form = document.getElementById('brxe-pbdcrc');
                if (form) {
                    form.reset();
                }
            }
        }
        // Auto-open modal if there are validation errors
        @if ($errors->any())
            document.addEventListener('DOMContentLoaded', function () {
                var modal = document.getElementById('application-popup');
                if (modal) {
                    modal.style.display = 'flex';
                    document.body.classList.add('no-scroll');
                }
            });
        @endif
    </script>
    <script>
        // Scroll persistence logic
        document.addEventListener('DOMContentLoaded', function () {
            // Check if we have a saved job ID to scroll to
            const lastJobId = sessionStorage.getItem('lastClickedJobId');
            if (lastJobId) {
                // Clear it so it doesn't keep scrolling on every refresh
                sessionStorage.removeItem('lastClickedJobId');

                // Wait a bit for list to render (especially if AJAX might be involved, though here we load from PHP)
                setTimeout(function () {
                    const target = document.getElementById(lastJobId);
                    if (target) {
                        target.scrollIntoView({ behavior: 'smooth', block: 'center' });
                        // Highlight briefly to show where we are
                        target.style.outline = '2px solid #3b82f6';
                        target.style.outlineOffset = '4px';
                        setTimeout(() => {
                            target.style.transition = 'outline 1s ease';
                            target.style.outline = '2px solid transparent';
                        }, 2000);
                    }
                }, 500);
            } else if (window.location.hash === '#co-hoi-nghe-nghiep') {
                // Legacy anchor scroll
                history.replaceState(null, '', window.location.pathname);
                setTimeout(function () {
                    var target = document.getElementById('co-hoi-nghe-nghiep');
                    if (target) {
                        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
                    }
                }, 300);
            }
        });
    </script>
@endsection