@extends('layouts.app')

@section('title', 'We share - LVT Global Technologies Group')
@section('description', 'LVT Global  Technologies Group là công ty đầu tư và phát triển các Mobile Apps
    Apps với gần 700 triệu lượt tải trên toàn cầu.')

    @push('page-styles')
        {{-- CSS riêng cho trang home --}}
        <link rel='stylesheet' id='wpml-legacy-horizontal-list-0-css' href='{{ asset('css/style.min68b3.css') }}'
        media='all' />
    <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/stylesf00f.css') }}' media='all' />
    <link rel='stylesheet' id='bricks-themify-icons-css' href='{{ asset('css/themify-icons.min4553.css') }}'
        media='all' />
    <link rel='stylesheet' id='bricks-ajax-loader-css' href='{{ asset('css/loading-animation.min4553.css') }}'
        media='all' />
    @endpush

    @push('scripts-libs')
        {{-- JS riêng cho trang home --}}
        <script src="{{ asset('js/scripts5cef.js') }}" ></script>
        <script src="{{ asset('js/splide.mineda1.js') }}" id="bricks-splide-js"></script>
        <style id='bricks-frontend-inline-inline-css'>
            html {
                scroll-behavior: smooth
            }
    
            :root {}
    
            body {
                font-family: 'Poppins', sans-serif;
                color: #000000
            }
    
            .brxe-container {
                padding-right: 20px;
                padding-left: 20px;
                width: 1160px
            }
    
            .woocommerce main.site-main {
                width: 1160px
            }
    
            #brx-content.wordpress {
                width: 1160px
            }
    
            .bricks-button {
                font-size: 20px;
                font-weight: 600;
                line-height: 1.26;
                border-radius: 8px;
                box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05);
                transition: all 0.3s;
                padding-top: 14px;
                padding-right: 20px;
                padding-bottom: 14px;
                padding-left: 20px
            }
    
            :root .bricks-button[class*="light"]:not(.bricks-lightbox) {
                font-size: 16px;
                color: #ffffff;
                font-weight: 600;
                line-height: 1.25;
                border: 1px solid #9da4ae;
                border-radius: 8px
            }
    
            :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {
                background-color: rgba(0, 0, 0, 0)
            }
    
            .bricks-button.md {
                font-size: 16px
            }
    
            .bricks-button.sm {
                padding-top: 12px;
                padding-right: 16px;
                padding-bottom: 12px;
                padding-left: 16px
            }
    
            .bricks-button.lg {
                padding-top: 16px;
                padding-right: 24px;
                padding-bottom: 16px;
                padding-left: 24px
            }
    
            .brxe-form .form-group input {
                border-radius: 14px
            }
    
            .brxe-form .flatpickr {
                border-radius: 14px
            }
    
            .brxe-form select {
                border-radius: 14px
            }
    
            .brxe-form textarea {
                border-radius: 14px
            }
    
            .brxe-form .bricks-button {
                border-radius: 14px
            }
    
            .brxe-form .choose-files {
                border-radius: 14px
            }
    
            @media (max-width: 767px) {
                :root .bricks-button[class*="light"]:not(.bricks-lightbox) {
                    font-size: 18px
                }
            }
    
            @media (max-width: 478px) {
                .bricks-button {
                    font-size: 16px
                }
    
                :root .bricks-button[class*="light"]:not(.bricks-lightbox) {
                    font-size: 14px
                }
            }
    
            .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: 117px
            }
    
            #brxe-tcgagu {
                display: none;
                width: 117px
            }
    
            #brxe-excvid {
                width: auto
            }
    
            #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-ikrywt {
                width: 40px;
                height: 40px;
                padding-top: 0;
                padding-right: 0;
                padding-bottom: 0;
                padding-left: 0;
                position: relative;
                cursor: pointer;
                border-radius: 0;
                background-color: rgba(0, 0, 0, 0);
                box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
            }
    
            #brxe-ikrywt:before {
                width: 100%;
                height: 2px;
                position: absolute;
                top: calc(50% - 3px);
                background-color: #000000;
                left: 0px;
                content: '';
                transition: all 0.3s
            }
    
            #brxe-ikrywt:after {
                width: 100%;
                height: 2px;
                position: absolute;
                top: calc(50% + 3px);
                content: '';
                left: 0px;
                background-color: #000000;
                transition: all 0.3s
            }
    
            #brxe-ikrywt.active::before {
                transform: rotate(45deg);
                top: calc(50% - 1px);
            }
    
            #brxe-ikrywt.active::after {
                transform: rotate(-45deg);
                top: calc(50% - 1px);
            }
    
            #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-vdibhz {
                font-size: 128px;
                line-height: 1.15;
                font-weight: 200;
                padding-bottom: 10px;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient(327.6deg, #e99e75 26.67%, #292643 69.13%)
            }
    
            @media (max-width: 1199px) {
                #brxe-vdibhz {
                    font-size: 100px
                }
            }
    
            @media (max-width: 991px) {
                #brxe-vdibhz {
                    font-size: 80px
                }
            }
    
            @media (max-width: 767px) {
                #brxe-vdibhz {
                    font-size: 66px
                }
            }
    
            @media (max-width: 478px) {
                #brxe-vdibhz {
                    font-size: 46px
                }
            }
    
            #brxe-ftxzis {
                max-width: 737px;
                font-size: 18px;
                line-height: 1.55;
                font-weight: 400;
                color: #4d5761
            }
    
            @media (max-width: 767px) {
                #brxe-ftxzis {
                    font-size: 16px
                }
            }
    
            #brxe-mdxtlj {
                row-gap: 26px;
                margin-bottom: 96px
            }
    
            @media (max-width: 991px) {
                #brxe-mdxtlj {
                    row-gap: 16px;
                    margin-bottom: 60px
                }
            }
    
            @media (max-width: 767px) {
                #brxe-mdxtlj {
                    margin-bottom: 40px
                }
            }
    
            @media (max-width: 478px) {
                #brxe-mdxtlj {
                    margin-bottom: 50px
                }
            }
    
            .brxe-zlkoeq .brxe-qkxgtq.brxe-image {
                aspect-ratio: 1.37;
                margin-bottom: 20px;
                width: 100%
            }
    
            .brxe-zlkoeq .brxe-qkxgtq.brxe-image:not(.tag),
            .brxe-zlkoeq .brxe-qkxgtq.brxe-image img {
                object-fit: cover
            }
    
            .brxe-zlkoeq .brxe-lyhvqc.brxe-heading {
                font-size: 24px;
                color: #101828;
                font-weight: 600;
                line-height: 1.33;
                margin-bottom: 16px
            }
    
            @media (max-width: 1199px) {
                .brxe-zlkoeq .brxe-lyhvqc.brxe-heading {
                    font-size: 18px
                }
            }
    
            .brxe-zlkoeq .brxe-isgbfc.brxe-text-basic {
                line-height: 1.5;
                font-size: 16px;
                color: #4d5761;
                margin-bottom: 24px
            }
    
            @media (max-width: 991px) {
                .brxe-zlkoeq .brxe-isgbfc.brxe-text-basic {
                    margin-bottom: 16px
                }
            }
    
            .brxe-zlkoeq .brxe-yfuyby.brxe-text-link {
                color: #9da4ae;
                font-size: 16px;
                line-height: 1.5;
                font-weight: 600;
                flex-direction: row-reverse;
                gap: 8px
            }
    
            .brxe-zlkoeq .brxe-yfuyby.brxe-text-link:hover {
                color: var(--bricks-color-qltrdz)
            }
    
            .brxe-zlkoeq .brxe-yfuyby.brxe-text-link .icon:hover {
                color: var(--bricks-color-qltrdz);
                fill: var(--bricks-color-qltrdz)
            }
    
            .brxe-yfuyby:hover svg path {
                stroke: #F86E00;
            }
    
            #brxe-hazpib {
                display: grid;
                align-items: initial;
                grid-gap: 48px 32px;
                grid-template-columns: 1fr 1fr 1fr
            }
    
            @media screen and (min-width: 768px) {
                #brxe-hazpib .brx-loading-animation {
                    grid-column: 1/4;
                }
            }
    
            @media (max-width: 991px) {
                #brxe-hazpib {
                    grid-gap: 48px 30px
                }
            }
    
            @media (max-width: 767px) {
                #brxe-hazpib {
                    grid-template-columns: 1fr
                }
            }
    
            #brxe-yvcefd {
                align-self: center;
                gap: 14px;
                padding-right: 16px;
                padding-left: 16px
            }
    
            #brxe-yvcefd::before {
                display: none;
            }
    
            #brxe-lcwuru {
                width: 1280px;
                flex-direction: column;
                grid-template-columns: 1fr 1fr 1fr;
                grid-gap: 48px 32px
            }
    
            #brxe-odikvn {
                padding-top: 70px;
                padding-bottom: 100px;
                background-image: url({{ asset('images/') }}/career-bg-2.png);
                background-position: bottom center;
                background-size: auto;
                background-repeat: no-repeat
            }
    
            @media (max-width: 767px) {
                #brxe-odikvn {
                    padding-top: 80px;
                    background-size: 150%
                }
            }
    
            #brxe-tqipsu {
                background-image: url({{ asset('images/') }}/blog-bg-1.png);
                background-position: top right;
                background-repeat: no-repeat;
                background-size: auto;
                padding-top: 170px
            }
    
            @media (max-width: 1199px) {
                #brxe-tqipsu {
                    padding-top: 120px
                }
            }
    
            @media (max-width: 991px) {
                #brxe-tqipsu {
                    padding-top: 70px
                }
            }
    
            @media (max-width: 767px) {
                #brxe-tqipsu {
                    padding-top: 40px
                }
            }
    
            #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: 55px
            }
    
            @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-yvurfv {
                font-size: 14px;
                font-weight: 400;
                color: #000000;
                text-transform: uppercase;
                margin-bottom: 55px
            }
    
            @media (max-width: 991px) {
                #brxe-yvurfv {
                    margin-bottom: 30px
                }
            }
    
            #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)
                }
            }
    
            #brxe-jwhxvr {
                font-size: 14px;
                font-weight: 400;
                color: #000000;
                text-transform: uppercase;
                margin-bottom: 55px
            }
    
            @media (max-width: 991px) {
                #brxe-jwhxvr {
                    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 {
                background-image: url("");
                background-size: cover;
                background-repeat: no-repeat;
                background-position: bottom center;
                padding-top: 32px;
                padding-right: 32px;
                padding-bottom: 32px;
                padding-left: 32px;
                min-height: 172px;
                justify-content: center;
                position: 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
            }
    
            #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: 14px;
                font-weight: 700;
                text-transform: none;
                line-height: 1.43
            }
    
            #brxe-pbdcrc .label {
                font-size: 14px;
                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;
            }
    
            @media screen and (min-width: 992px) {
                #brxe-pbdcrc h3 {
                    font-size: 20px;
                }
            }
    
            #brxe-emlesh {
                padding-top: 40px;
                padding-right: 32px;
                padding-bottom: 32px;
                padding-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

@section('content')
<main id="brx-content">
    <section id="brxe-tqipsu" class="brxe-section bricks-lazy-hidden">
        <div id="brxe-odikvn" class="brxe-block bricks-lazy-hidden">
            <div id="brxe-mdxtlj" class="brxe-container bricks-lazy-hidden">
                <h3 id="brxe-vdibhz" class="brxe-heading"
                    data-interactions="[{&quot;id&quot;:&quot;tgqjse&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="15ec3b" data-interaction-hidden-on-load="1">We talk it -<br>We share it
                </h3>
                <div id="brxe-ftxzis" class="brxe-text-basic"
                    data-interactions="[{&quot;id&quot;:&quot;qdgxcm&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="da5048" data-interaction-hidden-on-load="1">Nơi cập nhật thông tin mới
                    nhất về thế giới công nghệ, đồng thời chia sẻ khoảnh khắc của con người Apero thông qua các hoạt
                    động trong và ngoài tập đoàn.</div>
            </div>
            <div id="brxe-lcwuru" class="brxe-container bricks-lazy-hidden">
                <div id="brxe-hazpib" class="brxe-block brx-grid bricks-lazy-hidden">


                    @forelse($articles as $article)
                        <div class="brxe-zlkoeq brxe-block bricks-lazy-hidden"
                            data-interactions="[{&quot;id&quot;:&quot;ymvsld&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="651b93" data-interaction-hidden-on-load="1">

                            @if ($article->featured_image)
                                <a class="brxe-qkxgtq brxe-image tag"
                                    href="{{ route('articles.show', $article->slug) }}">
                                    <img width="1600" height="1066"
                                        src="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201600%201066&#039;%3E%3C/svg%3E"
                                        class="css-filter size-full bricks-lazy-hidden"
                                        alt="{{ $article->title }}" decoding="async"
                                        data-src="{{ getImageUrl($article->featured_image) }}" data-type="string"
                                        data-sizes="(max-width: 1600px) 100vw, 1600px"
                                        data-srcset="{{ getImageUrl($article->featured_image) }} 1600w" />
                                </a>
                            @endif

                            <h3 class="brxe-lyhvqc brxe-heading">
                                <a href="{{ route('articles.show', $article->slug) }}">{{ $article->title }}</a>
                            </h3>

                            @if ($article->excerpt)
                                <div class="brxe-isgbfc brxe-text-basic">{{ $article->excerpt }}</div>
                            @endif

                            <a class="brxe-yfuyby brxe-text-link"
                                href="{{ route('articles.show', $article->slug) }}">
                                <span class="icon">
                                    <svg class="" xmlns="http://www.w3.org/2000/svg" width="20"
                                        height="20" viewBox="0 0 20 20" fill="none">
                                        <path
                                            d="M5.83301 14.1666L14.1663 5.83325M14.1663 5.83325H5.83301M14.1663 5.83325V14.1666"
                                            stroke="#9DA4AE" stroke-width="1.66667" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                    </svg>
                                </span>
                                <span class="text">Xem chi tiết</span>
                            </a>

                            <div class="article-meta" style="margin-top: 10px; font-size: 12px; color: #666;">
                                <span>{{ formatDate($article->published_at) }}</span>
                                @if ($article->category)
                                    <span style="margin-left: 10px;">{{ $article->category }}</span>
                                @endif
                            </div>
                        </div>
                    @empty
                        <div class="brxe-zlkoeq brxe-block">
                            <div class="brxe-text-basic">Chưa có bài viết nào.</div>
                        </div>
                    @endforelse

                    <div class="brx-query-trail"
                        data-brx-ajax-loader="{&quot;animation&quot;:&quot;ring&quot;,&quot;selector&quot;:&quot;&quot;,&quot;color&quot;:&quot;&quot;,&quot;scale&quot;:&quot;&quot;}"
                        data-query-element-id="zlkoeq"
                        data-query-vars="{&quot;posts_per_page&quot;:9,&quot;ajax_loader_animation&quot;:&quot;ring&quot;,&quot;orderby&quot;:&quot;date&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;paged&quot;:1}"
                        data-original-query-vars="[]" data-page="1" data-max-pages="1"></div>
                </div><span id="brxe-yvcefd" class="brxe-button bricks-button bricks-background-primary"
                    data-interactions="[{&quot;id&quot;:&quot;vgpaau&quot;,&quot;trigger&quot;:&quot;click&quot;,&quot;action&quot;:&quot;loadMore&quot;,&quot;loadMoreQuery&quot;:&quot;zlkoeq&quot;},{&quot;id&quot;:&quot;uqbhgb&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="df8211" 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>
        </div>
    </section>
</main>
@endsection