{"id":33010,"date":"2024-10-08T11:44:13","date_gmt":"2024-10-08T11:44:13","guid":{"rendered":"https:\/\/kto-group.com\/carreiras\/"},"modified":"2026-03-26T15:06:51","modified_gmt":"2026-03-26T15:06:51","slug":"carreiras","status":"publish","type":"page","link":"https:\/\/kto-group.com\/pt\/carreiras\/","title":{"rendered":"Carreiras"},"content":{"rendered":"<div class=\"locations-hero  pt-44  pb-16 border-b border-lgrey\">\n    <div class=\"gutter ccontainer w-full\">\n                    <p class=\"text-p1 uppercase text-red mb-2.5 invisible\" animate-staggered-text>Carreiras<\/p>\n        \n                    <h1 class=\"text-t3 lg:text-t1 text-black font-serif leading-tight mb-10 invisible\" animate-up>Junte-se \u00e0 <br> nossa equipe <svg class=\"w-10 h-10 stroke-[0.5] ml-3 text-red md:inline-block hidden\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg><\/h1>\n                \n        <div class=\"flex flex-wrap md:flex-row flex-col-reverse\">\n                            <div class=\"w-full md:w-7\/12 xl:w-6\/12\">\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/kto-group.com\/app\/uploads\/2025\/08\/KTO-X-LB-Web-Res-27.jpg\" class=\"featured-image w-full aspect-[4\/3] md:aspect-video object-cover invisible\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2025\/08\/KTO-X-LB-Web-Res-27.jpg 1920w, https:\/\/kto-group.com\/app\/uploads\/2025\/08\/KTO-X-LB-Web-Res-27-300x200.jpg 300w, https:\/\/kto-group.com\/app\/uploads\/2025\/08\/KTO-X-LB-Web-Res-27-1024x683.jpg 1024w, https:\/\/kto-group.com\/app\/uploads\/2025\/08\/KTO-X-LB-Web-Res-27-768x512.jpg 768w, https:\/\/kto-group.com\/app\/uploads\/2025\/08\/KTO-X-LB-Web-Res-27-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                                    <\/div>\n            \n            <div class=\"w-full md:w-5\/12 md:pl-5 mb-5 md:mb-0\">\n                  \n                    <div class=\"text-p2 text-black mb-10 invisible\" animate-staggered-text data-animate-words>O Grupo KTO \u00e9 formado por pessoas, e isso inclui n\u00e3o apenas nossos clientes, mas tamb\u00e9m os talentos da nossa equipe. \u00c9 a combina\u00e7\u00e3o de criatividade, colabora\u00e7\u00e3o e originalidade que nos torna os agentes de mudan\u00e7a que somos hoje.<\/div>\n                \n                                    <div animate-up>\n                        <button x-data=\"\" @click=\"$store.scrollViewport()\"  \n    class=\" py-1.5 border-b border-black transition-all duration-300 whitespace-nowrap inline-flex items-center justify-center gap-2 group\">\n\n            <p animate-rotate-text class=\"text-p2 leading-none text-black\">Leia mais<\/p>\n    \n    <div class=\"w-3.5 h-3.5 overflow-hidden relative\">\n        <div class=\"p-px group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-y-full group-hover:translate-x-full group-hover:delay-150\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n        <div class=\"p-px absolute w-full h-full top-0 left-0 -translate-y-full -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-y-0 group-hover:translate-x-0 group-hover:delay-300\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n    <\/div>\n<\/button>\n\n<div class=\"hidden w-3 h-3\"><\/div>                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"my-20 md:my-40 gutter ccontainer flex flex-wrap\">\n    <div class=\"w-full flex items-end mb-14 flex-wrap\">\n        <div class=\"w-full md:w-1\/2\">\n                            <div class=\"flex items-center mb-5\">\n    <div class=\"relative w-2 h-2 mr-2.5 mt-px\" animate-scale>\n        <div class=\"w-full h-full bg-red block absolute top-0 animate-ping opacity-80\"><\/div>\n        <div class=\"w-full h-full bg-red block\"><\/div>\n    <\/div>\n    <h2 class=\"text-p2 text-red uppercase\" animate-staggered-text>O que oferecemos<\/h2>\n<\/div>\n\n            \n                            <h2 class=\"text-t5 text-black font-serif leading-tight mb-8 md:mb-0\" animate-staggered-text>\n                    Por que o Grupo KTO?\n                <\/h2>\n                    <\/div>\n\n        <div class=\"w-full md:w-1\/2 md:pl-2.5\">\n                    <\/div>\n    <\/div>\n\n            <div class=\"w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5\" animate-children-staggered>\n                            <div class=\"flex flex-col\">\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/Frame.svg\" class=\"w-10 h-10 object-contain mb-5\" alt=\"\" \/>\n                    \n                                            <h3 class=\"text-lead text-black mb-2.5 font-bold\">Cultura Impulsionada pela Inova\u00e7\u00e3o<\/h3>\n                    \n                                            <div class=\"text-p1 text-dgrey\">Trabalhe com tecnologia de ponta e ajude a moldar o futuro das apostas online.<\/div>\n                                    <\/div>\n                            <div class=\"flex flex-col\">\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/Frame-1.svg\" class=\"w-10 h-10 object-contain mb-5\" alt=\"\" \/>\n                    \n                                            <h3 class=\"text-lead text-black mb-2.5 font-bold\">Rede Global<\/h3>\n                    \n                                            <div class=\"text-p1 text-dgrey\">Junte-se \u00e0 nossa equipe global com escrit\u00f3rios em Malta e no Brasil. Colabore e conecte-se com colegas ao redor do mundo.<\/div>\n                                    <\/div>\n                            <div class=\"flex flex-col\">\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/Frame-2.svg\" class=\"w-10 h-10 object-contain mb-5\" alt=\"\" \/>\n                    \n                                            <h3 class=\"text-lead text-black mb-2.5 font-bold\">Desenvolva sua Carreira<\/h3>\n                    \n                                            <div class=\"text-p1 text-dgrey\">Oferecemos aprendizado cont\u00ednuo, mentoria e oportunidades de desenvolvimento.<\/div>\n                                    <\/div>\n                            <div class=\"flex flex-col\">\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/Frame-3.svg\" class=\"w-10 h-10 object-contain mb-5\" alt=\"\" \/>\n                    \n                                            <h3 class=\"text-lead text-black mb-2.5 font-bold\">Equil\u00edbrio entre Trabalho e Vida Pessoal<\/h3>\n                    \n                                            <div class=\"text-p1 text-dgrey\">Acreditamos em ambientes de trabalho flex\u00edveis que apoiam tanto sua produtividade quanto seu bem-estar pessoal.<\/div>\n                                    <\/div>\n              \n        <\/div>\n    \n            <div animate-up>\n            <a   href=\"#open-positions\" target=\"\"  \n    class=\"mt-14 py-1.5 border-b border-black transition-all duration-300 whitespace-nowrap inline-flex items-center justify-center gap-2 group\">\n\n            <p animate-rotate-text class=\"text-p2 leading-none text-black\">Veja as oportunidades dispon\u00edveis<\/p>\n    \n    <div class=\"w-3.5 h-3.5 overflow-hidden relative\">\n        <div class=\"p-px group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-y-full group-hover:translate-x-full group-hover:delay-150\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n        <div class=\"p-px absolute w-full h-full top-0 left-0 -translate-y-full -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-y-0 group-hover:translate-x-0 group-hover:delay-300\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n    <\/div>\n<\/a>\n\n<div class=\"hidden w-3 h-3\"><\/div>        <\/div>\n        \n<\/div>\n\n\n<div class=\"stats w-full relative\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/christian-holzinger-CUY_YHhCFl4-unsplash-1.png\" class=\"w-full h-full object-cover absolute top-0 left-0 opacity-20 z-0\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/christian-holzinger-CUY_YHhCFl4-unsplash-1.png 1920w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/christian-holzinger-CUY_YHhCFl4-unsplash-1-300x200.png 300w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/christian-holzinger-CUY_YHhCFl4-unsplash-1-1024x683.png 1024w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/christian-holzinger-CUY_YHhCFl4-unsplash-1-768x512.png 768w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/christian-holzinger-CUY_YHhCFl4-unsplash-1-1536x1024.png 1536w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/christian-holzinger-CUY_YHhCFl4-unsplash-1-2048x1366.png 2048w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n    \n    <div class=\"ccontainer gutter my-20 md:my-40 py-16 relative \">\n                    <div class=\"flex items-center mb-5 relative\">\n    <div class=\"relative w-2 h-2 mr-2.5 mt-px\" animate-scale>\n        <div class=\"w-full h-full bg-red block absolute top-0 animate-ping opacity-80\"><\/div>\n        <div class=\"w-full h-full bg-red block\"><\/div>\n    <\/div>\n    <h2 class=\"text-p2 text-red uppercase\" animate-staggered-text>Nosso impacto em n\u00fameros<\/h2>\n<\/div>\n\n        \n                    <p class=\"text-t5 text-black font-serif relative w-full md:w-6\/12 mb-10 md:mb-20\" animate-staggered-text>No Grupo KTO, temos orgulho de oferecer um ambiente de trabalho din\u00e2mico e gratificante, impulsionando um crescimento excepcional no setor de apostas online.<\/p>\n        \n                    <div class=\"flex flex-col md:flex-row flex-wrap gap-y-10 gap-x-10 w-full relative \">\n                                    <div class=\"flex flex-1\">\n                        <div class=\"md:h-full w-0.5 flex flex-col gap-2 mr-8\">\n                            <div class=\"w-full bg-black stats-indicator\"><\/div>\n                            <div class=\"w-full flex-1 bg-lgrey\"><\/div>\n                        <\/div>\n                        <div class=\"flex flex-col\">\n                            <p class=\"text-t3 md:text-t2 whitespace-nowrap text-red font-serif\" animate-count>3<\/p>\n                            <p class=\"text-p1 text-black\">Localiza\u00e7\u00f5es estrat\u00e9gicas<\/p>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"flex flex-1\">\n                        <div class=\"md:h-full w-0.5 flex flex-col gap-2 mr-8\">\n                            <div class=\"w-full bg-black stats-indicator\"><\/div>\n                            <div class=\"w-full flex-1 bg-lgrey\"><\/div>\n                        <\/div>\n                        <div class=\"flex flex-col\">\n                            <p class=\"text-t3 md:text-t2 whitespace-nowrap text-red font-serif\" animate-count>10+<\/p>\n                            <p class=\"text-p1 text-black\">Diferentes nacionalidades<\/p>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"flex flex-1\">\n                        <div class=\"md:h-full w-0.5 flex flex-col gap-2 mr-8\">\n                            <div class=\"w-full bg-black stats-indicator\"><\/div>\n                            <div class=\"w-full flex-1 bg-lgrey\"><\/div>\n                        <\/div>\n                        <div class=\"flex flex-col\">\n                            <p class=\"text-t3 md:text-t2 whitespace-nowrap text-red font-serif\" animate-count>200+<\/p>\n                            <p class=\"text-p1 text-black\">Colaboradores<\/p>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        \n            <\/div>\n<\/div>\n\n<div class=\"my-20 md:my-40 gutter ccontainer flex flex-wrap !mb-0 md:!mb-14\">\n    <div class=\"w-full md:w-1\/2\">\n                    <div class=\"flex items-center mb-5\">\n    <div class=\"relative w-2 h-2 mr-2.5 mt-px\" animate-scale>\n        <div class=\"w-full h-full bg-red block absolute top-0 animate-ping opacity-80\"><\/div>\n        <div class=\"w-full h-full bg-red block\"><\/div>\n    <\/div>\n    <h2 class=\"text-p2 text-red uppercase\" animate-staggered-text>Por que trabalhar na KTO?<\/h2>\n<\/div>\n\n        \n            <\/div>\n    <div class=\"w-full md:w-1\/2\">\n        \n        \n            <\/div>\n<\/div>\n    <div class=\"career-values-container flex flex-col-reverse md:flex-col w-full relative ccontainer\">\n        <div class=\"swiper career-values-swiper w-full aspect-video md:aspect-[10\/5]\" x-data=\"{ swiper: null }\" x-init=\"\n            $nextTick(() =&gt; {\n                swiper = new Swiper($el, {\n                    slidesPerView: 1,\n                    spaceBetween: 0,\n                    loop: true,\n                    loopPreventsSliding: false,\n                    effect: 'fade',\n                    speed: 1000,\n                    allowTouchMove: false,\n                    navigation: {\n                        nextEl: $($el).closest('.career-values-container').find('.swiper-button-next')[0],\n                        prevEl: $($el).closest('.career-values-container').find('.swiper-button-prev')[0],\n                    },\n                });\n\n                const valuesSwiper = $($el).closest('.career-values-container').find('.values-swiper')[0].swiper;\n                if (valuesSwiper) {\n                    swiper.controller.control = valuesSwiper;\n                    valuesSwiper.controller.control = swiper;\n                }\n            })\n        \">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"975\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/11\/innovation-driven-culture-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2024\/11\/innovation-driven-culture-scaled.jpg 1920w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/innovation-driven-culture-300x152.jpg 300w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/innovation-driven-culture-1024x520.jpg 1024w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/innovation-driven-culture-768x390.jpg 768w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/innovation-driven-culture-1536x780.jpg 1536w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/innovation-driven-culture-2048x1040.jpg 2048w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                                            <\/div>\n                                    <div class=\"swiper-slide\">\n                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"910\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1.jpg 1920w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-300x142.jpg 300w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-1024x485.jpg 1024w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-768x364.jpg 768w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-1536x728.jpg 1536w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-2048x970.jpg 2048w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                                            <\/div>\n                                    <div class=\"swiper-slide\">\n                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"975\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/11\/develop-career-scaled.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2024\/11\/develop-career-scaled.jpg 1920w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/develop-career-300x152.jpg 300w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/develop-career-1024x520.jpg 1024w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/develop-career-768x390.jpg 768w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/develop-career-1536x780.jpg 1536w, https:\/\/kto-group.com\/app\/uploads\/2024\/11\/develop-career-2048x1040.jpg 2048w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                                            <\/div>\n                                    <div class=\"swiper-slide\">\n                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/kto-group.com\/app\/uploads\/2025\/08\/LMF00786.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2025\/08\/LMF00786.jpg 1920w, https:\/\/kto-group.com\/app\/uploads\/2025\/08\/LMF00786-300x200.jpg 300w, https:\/\/kto-group.com\/app\/uploads\/2025\/08\/LMF00786-1024x683.jpg 1024w, https:\/\/kto-group.com\/app\/uploads\/2025\/08\/LMF00786-768x512.jpg 768w, https:\/\/kto-group.com\/app\/uploads\/2025\/08\/LMF00786-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                                            <\/div>\n                            <\/div>\n\n            <button class=\"swiper-button-prev absolute z-20 bottom-2.5 md:bottom-5 left-2.5 md:left-5 aspect-square p-5 md:p-8 bg-black flex items-center justify-center group hover:bg-red transition-all duration-300 active:scale-90 will-change-transform\">\n                <div class=\"overflow-hidden relative\">\n                    <div class=\" group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:-translate-x-full group-hover:delay-150\">\n                        <!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg class=\"w-6 rotate-180 text-red group-hover:text-white transition-all duration-300\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 15.2 15.2\" style=\"enable-background:new 0 0 15.2 15.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M7.2,0.9L14,7.6l-6.8,6.8\"\/>\n<path class=\"st0\" d=\"M7.2,0.9\"\/>\n<line class=\"st0\" x1=\"14\" y1=\"7.6\" x2=\"0.5\" y2=\"7.6\"\/>\n<\/svg>                    <\/div>\n                    <div class=\"absolute top-0 left-0  translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-x-0 group-hover:delay-300\">\n                        <!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg class=\"w-6 rotate-180 text-red group-hover:text-white transition-all duration-300\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 15.2 15.2\" style=\"enable-background:new 0 0 15.2 15.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M7.2,0.9L14,7.6l-6.8,6.8\"\/>\n<path class=\"st0\" d=\"M7.2,0.9\"\/>\n<line class=\"st0\" x1=\"14\" y1=\"7.6\" x2=\"0.5\" y2=\"7.6\"\/>\n<\/svg>                    <\/div>\n                <\/div>\n            <\/button>\n            \n            <button class=\"swiper-button-next absolute z-20 bottom-2.5 md:bottom-5 right-2.5 md:right-5 aspect-square p-5 md:p-8 bg-black flex items-center justify-center group hover:bg-red transition-all duration-300 active:scale-90 will-change-transform\">\n                <div class=\"overflow-hidden relative\">\n                    <div class=\" group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-x-full group-hover:delay-150\">\n                        <!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg class=\"w-6 text-red group-hover:text-white transition-all duration-300\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 15.2 15.2\" style=\"enable-background:new 0 0 15.2 15.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M7.2,0.9L14,7.6l-6.8,6.8\"\/>\n<path class=\"st0\" d=\"M7.2,0.9\"\/>\n<line class=\"st0\" x1=\"14\" y1=\"7.6\" x2=\"0.5\" y2=\"7.6\"\/>\n<\/svg>                    <\/div>\n                    <div class=\"absolute top-0 left-0  -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-x-0 group-hover:delay-300\">\n                        <!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg class=\"w-6 text-red group-hover:text-white transition-all duration-300\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 15.2 15.2\" style=\"enable-background:new 0 0 15.2 15.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M7.2,0.9L14,7.6l-6.8,6.8\"\/>\n<path class=\"st0\" d=\"M7.2,0.9\"\/>\n<line class=\"st0\" x1=\"14\" y1=\"7.6\" x2=\"0.5\" y2=\"7.6\"\/>\n<\/svg>                    <\/div>\n                <\/div>\n            <\/button>\n\n            \n        <\/div>\n\n\n        <div class=\"w-full flex gutter translate-y-16 md:translate-y-1\/4 z-10 pointer-events-none relative md:absolute bottom-0\">\n            <div class=\"md:w-1\/12\"><\/div>\n            <div class=\"w-full md:w-10\/12 lg:w-6\/12\">\n                <div class=\"swiper values-swiper w-full !overflow-visible pointer-events-auto\" x-data=\"{ swiper: null }\" x-init=\"\n                    $nextTick(() =&gt; {\n                        swiper = new Swiper($el, {\n                            slidesPerView: 1,\n                            spaceBetween: 0,\n                            loop: true,\n                            loopPreventsSliding: false,\n                            effect: 'flip',\n                            speed: 1000,\n                            \/\/ effect: 'creative',\n                            \/\/ creativeEffect: {\n                            \/\/     prev: {\n                            \/\/         opacity: 0,\n                            \/\/         translate: [-50, 0, 0],\n                            \/\/     },\n                            \/\/     next: {\n                            \/\/         opacity: 0,\n                            \/\/         translate: [500, 0, 0],\n                            \/\/     },\n                            \/\/ },\n                        });\n\n                        const careerValuesSwiper = $($el).closest('.career-values-container').find('.career-values-swiper')[0].swiper;\n                        if (careerValuesSwiper) {\n                            swiper.controller.control = careerValuesSwiper;\n                            careerValuesSwiper.controller.control = swiper;\n                        }\n                    })\n                \">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"bg-black p-5 md:p-10 flex flex-col gap-5 items-start perspective-0\">\n                                                                            <p class=\"text-p1 uppercase text-red\">Por que trabalhar na KTO?<\/p>\n                                                                        <h4 class=\"text-t5 md:text-t4 text-white font-serif leading-tight\">Cultura Impulsionada pela Inova\u00e7\u00e3o<\/h4>\n                                    <div class=\"text-p1 text-white\">Trabalhe com tecnologia de ponta e ajude a moldar o futuro das apostas online.<\/div>\n                                    <a   href=\"#open-positions\" target=\"\"  \n    class=\" py-1.5 border-b border-white transition-all duration-300 whitespace-nowrap inline-flex items-center justify-center gap-2 group\">\n\n            <p animate-rotate-text class=\"text-p2 leading-none text-white\">Junte-se ao time KTO<\/p>\n    \n    <div class=\"w-3.5 h-3.5 overflow-hidden relative\">\n        <div class=\"p-px group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-y-full group-hover:translate-x-full group-hover:delay-150\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n        <div class=\"p-px absolute w-full h-full top-0 left-0 -translate-y-full -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-y-0 group-hover:translate-x-0 group-hover:delay-300\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n    <\/div>\n<\/a>\n\n<div class=\"hidden w-3 h-3\"><\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"bg-black p-5 md:p-10 flex flex-col gap-5 items-start perspective-0\">\n                                                                            <p class=\"text-p1 uppercase text-red\">Por que trabalhar na KTO?<\/p>\n                                                                        <h4 class=\"text-t5 md:text-t4 text-white font-serif leading-tight\">Rede Global<\/h4>\n                                    <div class=\"text-p1 text-white\">Junte-se \u00e0 nossa equipe global com escrit\u00f3rios em Malta e no Brasil. Colabore e conecte-se com colegas ao redor do mundo.<\/div>\n                                    <a   href=\"#open-positions\" target=\"\"  \n    class=\" py-1.5 border-b border-white transition-all duration-300 whitespace-nowrap inline-flex items-center justify-center gap-2 group\">\n\n            <p animate-rotate-text class=\"text-p2 leading-none text-white\">Junte-se ao time KTO<\/p>\n    \n    <div class=\"w-3.5 h-3.5 overflow-hidden relative\">\n        <div class=\"p-px group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-y-full group-hover:translate-x-full group-hover:delay-150\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n        <div class=\"p-px absolute w-full h-full top-0 left-0 -translate-y-full -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-y-0 group-hover:translate-x-0 group-hover:delay-300\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n    <\/div>\n<\/a>\n\n<div class=\"hidden w-3 h-3\"><\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"bg-black p-5 md:p-10 flex flex-col gap-5 items-start perspective-0\">\n                                                                            <p class=\"text-p1 uppercase text-red\">Por que trabalhar na KTO?<\/p>\n                                                                        <h4 class=\"text-t5 md:text-t4 text-white font-serif leading-tight\">Desenvolva sua Carreira<\/h4>\n                                    <div class=\"text-p1 text-white\">Estamos sempre um passo \u00e0 frente. Utilizando tecnologia e an\u00e1lise de dados, aprimoramos a experi\u00eancia do cliente com recomenda\u00e7\u00f5es personalizadas e insights em tempo real.<\/div>\n                                    <a   href=\"#open-positions\" target=\"\"  \n    class=\" py-1.5 border-b border-white transition-all duration-300 whitespace-nowrap inline-flex items-center justify-center gap-2 group\">\n\n            <p animate-rotate-text class=\"text-p2 leading-none text-white\">Junte-se ao time KTO<\/p>\n    \n    <div class=\"w-3.5 h-3.5 overflow-hidden relative\">\n        <div class=\"p-px group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-y-full group-hover:translate-x-full group-hover:delay-150\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n        <div class=\"p-px absolute w-full h-full top-0 left-0 -translate-y-full -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-y-0 group-hover:translate-x-0 group-hover:delay-300\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n    <\/div>\n<\/a>\n\n<div class=\"hidden w-3 h-3\"><\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"bg-black p-5 md:p-10 flex flex-col gap-5 items-start perspective-0\">\n                                                                            <p class=\"text-p1 uppercase text-red\">Por que trabalhar na KTO?<\/p>\n                                                                        <h4 class=\"text-t5 md:text-t4 text-white font-serif leading-tight\">Equil\u00edbrio entre Trabalho e Vida Pessoal<\/h4>\n                                    <div class=\"text-p1 text-white\">Acreditamos em ambientes de trabalho flex\u00edveis que apoiam tanto a sua produtividade quanto o seu bem-estar pessoal.<\/div>\n                                    <a   href=\"#open-positions\" target=\"\"  \n    class=\" py-1.5 border-b border-white transition-all duration-300 whitespace-nowrap inline-flex items-center justify-center gap-2 group\">\n\n            <p animate-rotate-text class=\"text-p2 leading-none text-white\">Junte-se ao time KTO<\/p>\n    \n    <div class=\"w-3.5 h-3.5 overflow-hidden relative\">\n        <div class=\"p-px group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-y-full group-hover:translate-x-full group-hover:delay-150\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n        <div class=\"p-px absolute w-full h-full top-0 left-0 -translate-y-full -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-y-0 group-hover:translate-x-0 group-hover:delay-300\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n    <\/div>\n<\/a>\n\n<div class=\"hidden w-3 h-3\"><\/div>                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n \n\n<div class=\"my-20 md:my-40 gutter ccontainer flex flex-wrap !mb-0 md:!mb-14\">\n    <div class=\"w-full md:w-1\/2\">\n                    <div class=\"flex items-center mb-5\">\n    <div class=\"relative w-2 h-2 mr-2.5 mt-px\" animate-scale>\n        <div class=\"w-full h-full bg-red block absolute top-0 animate-ping opacity-80\"><\/div>\n        <div class=\"w-full h-full bg-red block\"><\/div>\n    <\/div>\n    <h2 class=\"text-p2 text-red uppercase\" animate-staggered-text>O jeito KTO<\/h2>\n<\/div>\n\n        \n                    <h3 class=\"text-t5 text-black font-serif leading-tight mb-8 md:mb-0\" animate-staggered-text>Nossa Cultura, Nossos Valores<\/h3>\n            <\/div>\n    <div class=\"w-full md:w-1\/2\">\n                    <div class=\"text-t6 text-black font-serif mb-8\" animate-staggered-text data-animate-words>Entender como trabalhamos \u00e9 entender nossos valores fundamentais.<\/div>\n        \n                    <div class=\"text-p1 text-black\" animate-staggered-text data-animate-words>No Grupo KTO, somos movidos pela paix\u00e3o pelo que fazemos e pelo impacto que queremos gerar. A integridade est\u00e1 no nosso n\u00facleo, nos guiando a manter a honestidade, o respeito e a equidade em todas as nossas a\u00e7\u00f5es.Nossa criatividade desperta a inova\u00e7\u00e3o, e defendemos ideias que desafiam o convencional. Lideramos com cuidado e empatia, cultivando uma cultura de suporte baseada no entendimento m\u00fatuo. E, \u00e9 claro, o trabalho em equipe \u00e9 fundamental para o nosso sucesso, gerando resultados extraordin\u00e1rios por meio da colabora\u00e7\u00e3o e comunica\u00e7\u00e3o.<br \/>\r\n<br \/>\r\nSe voc\u00ea compartilha desses valores e est\u00e1 pronto para fazer a diferen\u00e7a, por que n\u00e3o se inscrever para fazer parte do nosso time? Juntos, podemos criar um futuro brilhante no setor de apostas online.<br \/>\r\n<\/div>\n        \n            <\/div>\n<\/div>\n    <div class=\"career-values-container flex flex-col-reverse md:flex-col w-full relative ccontainer\">\n        <div class=\"swiper career-values-swiper w-full aspect-video md:aspect-[10\/5]\" x-data=\"{ swiper: null }\" x-init=\"\n            $nextTick(() =&gt; {\n                swiper = new Swiper($el, {\n                    slidesPerView: 1,\n                    spaceBetween: 0,\n                    loop: true,\n                    loopPreventsSliding: false,\n                    effect: 'fade',\n                    speed: 1000,\n                    allowTouchMove: false,\n                    navigation: {\n                        nextEl: $($el).closest('.career-values-container').find('.swiper-button-next')[0],\n                        prevEl: $($el).closest('.career-values-container').find('.swiper-button-prev')[0],\n                    },\n                });\n\n                const valuesSwiper = $($el).closest('.career-values-container').find('.values-swiper')[0].swiper;\n                if (valuesSwiper) {\n                    swiper.controller.control = valuesSwiper;\n                    valuesSwiper.controller.control = swiper;\n                }\n            })\n        \">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1165\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-3.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-3.jpg 1920w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-3-300x182.jpg 300w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-3-1024x621.jpg 1024w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-3-768x466.jpg 768w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-3-1536x932.jpg 1536w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-3-2048x1242.jpg 2048w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                                            <\/div>\n                                    <div class=\"swiper-slide\">\n                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/kto-group.com\/app\/uploads\/2025\/12\/LMF00982.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2025\/12\/LMF00982.jpg 1920w, https:\/\/kto-group.com\/app\/uploads\/2025\/12\/LMF00982-300x200.jpg 300w, https:\/\/kto-group.com\/app\/uploads\/2025\/12\/LMF00982-1024x683.jpg 1024w, https:\/\/kto-group.com\/app\/uploads\/2025\/12\/LMF00982-768x512.jpg 768w, https:\/\/kto-group.com\/app\/uploads\/2025\/12\/LMF00982-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                                            <\/div>\n                                    <div class=\"swiper-slide\">\n                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"910\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1.jpg 1920w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-300x142.jpg 300w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-1024x485.jpg 1024w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-768x364.jpg 768w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-1536x728.jpg 1536w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-1-2048x970.jpg 2048w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                                            <\/div>\n                                    <div class=\"swiper-slide\">\n                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"969\" src=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-4.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-4.jpg 1920w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-4-300x151.jpg 300w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-4-1024x517.jpg 1024w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-4-768x387.jpg 768w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-4-1536x775.jpg 1536w, https:\/\/kto-group.com\/app\/uploads\/2024\/10\/slide-carousel-4-2048x1033.jpg 2048w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                                            <\/div>\n                            <\/div>\n\n            <button class=\"swiper-button-prev absolute z-20 bottom-2.5 md:bottom-5 left-2.5 md:left-5 aspect-square p-5 md:p-8 bg-black flex items-center justify-center group hover:bg-red transition-all duration-300 active:scale-90 will-change-transform\">\n                <div class=\"overflow-hidden relative\">\n                    <div class=\" group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:-translate-x-full group-hover:delay-150\">\n                        <!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg class=\"w-6 rotate-180 text-red group-hover:text-white transition-all duration-300\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 15.2 15.2\" style=\"enable-background:new 0 0 15.2 15.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M7.2,0.9L14,7.6l-6.8,6.8\"\/>\n<path class=\"st0\" d=\"M7.2,0.9\"\/>\n<line class=\"st0\" x1=\"14\" y1=\"7.6\" x2=\"0.5\" y2=\"7.6\"\/>\n<\/svg>                    <\/div>\n                    <div class=\"absolute top-0 left-0  translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-x-0 group-hover:delay-300\">\n                        <!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg class=\"w-6 rotate-180 text-red group-hover:text-white transition-all duration-300\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 15.2 15.2\" style=\"enable-background:new 0 0 15.2 15.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M7.2,0.9L14,7.6l-6.8,6.8\"\/>\n<path class=\"st0\" d=\"M7.2,0.9\"\/>\n<line class=\"st0\" x1=\"14\" y1=\"7.6\" x2=\"0.5\" y2=\"7.6\"\/>\n<\/svg>                    <\/div>\n                <\/div>\n            <\/button>\n            \n            <button class=\"swiper-button-next absolute z-20 bottom-2.5 md:bottom-5 right-2.5 md:right-5 aspect-square p-5 md:p-8 bg-black flex items-center justify-center group hover:bg-red transition-all duration-300 active:scale-90 will-change-transform\">\n                <div class=\"overflow-hidden relative\">\n                    <div class=\" group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-x-full group-hover:delay-150\">\n                        <!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg class=\"w-6 text-red group-hover:text-white transition-all duration-300\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 15.2 15.2\" style=\"enable-background:new 0 0 15.2 15.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M7.2,0.9L14,7.6l-6.8,6.8\"\/>\n<path class=\"st0\" d=\"M7.2,0.9\"\/>\n<line class=\"st0\" x1=\"14\" y1=\"7.6\" x2=\"0.5\" y2=\"7.6\"\/>\n<\/svg>                    <\/div>\n                    <div class=\"absolute top-0 left-0  -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-x-0 group-hover:delay-300\">\n                        <!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg class=\"w-6 text-red group-hover:text-white transition-all duration-300\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 15.2 15.2\" style=\"enable-background:new 0 0 15.2 15.2;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M7.2,0.9L14,7.6l-6.8,6.8\"\/>\n<path class=\"st0\" d=\"M7.2,0.9\"\/>\n<line class=\"st0\" x1=\"14\" y1=\"7.6\" x2=\"0.5\" y2=\"7.6\"\/>\n<\/svg>                    <\/div>\n                <\/div>\n            <\/button>\n\n            \n        <\/div>\n\n\n        <div class=\"w-full flex gutter translate-y-16 md:translate-y-1\/4 z-10 pointer-events-none relative md:absolute bottom-0\">\n            <div class=\"md:w-1\/12\"><\/div>\n            <div class=\"w-full md:w-10\/12 lg:w-6\/12\">\n                <div class=\"swiper values-swiper w-full !overflow-visible pointer-events-auto\" x-data=\"{ swiper: null }\" x-init=\"\n                    $nextTick(() =&gt; {\n                        swiper = new Swiper($el, {\n                            slidesPerView: 1,\n                            spaceBetween: 0,\n                            loop: true,\n                            loopPreventsSliding: false,\n                            effect: 'flip',\n                            speed: 1000,\n                            \/\/ effect: 'creative',\n                            \/\/ creativeEffect: {\n                            \/\/     prev: {\n                            \/\/         opacity: 0,\n                            \/\/         translate: [-50, 0, 0],\n                            \/\/     },\n                            \/\/     next: {\n                            \/\/         opacity: 0,\n                            \/\/         translate: [500, 0, 0],\n                            \/\/     },\n                            \/\/ },\n                        });\n\n                        const careerValuesSwiper = $($el).closest('.career-values-container').find('.career-values-swiper')[0].swiper;\n                        if (careerValuesSwiper) {\n                            swiper.controller.control = careerValuesSwiper;\n                            careerValuesSwiper.controller.control = swiper;\n                        }\n                    })\n                \">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"bg-black p-5 md:p-10 flex flex-col gap-5 items-start perspective-0\">\n                                                                            <p class=\"text-p1 uppercase text-red\">Valores<\/p>\n                                                                        <h4 class=\"text-t5 md:text-t4 text-white font-serif leading-tight\">Excel\u00eancia Centrada no Cliente<\/h4>\n                                    <div class=\"text-p1 text-white\">Na KTO, tudo gira em torno dos nossos clientes. Desde o primeiro contato, seja no site, no app ou nos canais de suporte, priorizamos suas necessidades, com o objetivo de n\u00e3o apenas atender, mas superar suas expectativas.<\/div>\n                                    <a   href=\"#open-positions\" target=\"\"  \n    class=\" py-1.5 border-b border-white transition-all duration-300 whitespace-nowrap inline-flex items-center justify-center gap-2 group\">\n\n            <p animate-rotate-text class=\"text-p2 leading-none text-white\">Junte-se ao time KTO<\/p>\n    \n    <div class=\"w-3.5 h-3.5 overflow-hidden relative\">\n        <div class=\"p-px group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-y-full group-hover:translate-x-full group-hover:delay-150\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n        <div class=\"p-px absolute w-full h-full top-0 left-0 -translate-y-full -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-y-0 group-hover:translate-x-0 group-hover:delay-300\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n    <\/div>\n<\/a>\n\n<div class=\"hidden w-3 h-3\"><\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"bg-black p-5 md:p-10 flex flex-col gap-5 items-start perspective-0\">\n                                                                            <p class=\"text-p1 uppercase text-red\">Valores<\/p>\n                                                                        <h4 class=\"text-t5 md:text-t4 text-white font-serif leading-tight\">Equilibrando Entretenimento e Responsabilidade<\/h4>\n                                    <div class=\"text-p1 text-white\">Nosso principal objetivo \u00e9  oferecer uma experi\u00eancia divertida enquanto promovemos comportamentos respons\u00e1veis de jogo.<\/div>\n                                    <a   href=\"#open-positions\" target=\"\"  \n    class=\" py-1.5 border-b border-white transition-all duration-300 whitespace-nowrap inline-flex items-center justify-center gap-2 group\">\n\n            <p animate-rotate-text class=\"text-p2 leading-none text-white\">Junte-se ao time KTO<\/p>\n    \n    <div class=\"w-3.5 h-3.5 overflow-hidden relative\">\n        <div class=\"p-px group-hover:transition-transform group-hover:duration-300 ease-in-out group-hover:translate-y-full group-hover:translate-x-full group-hover:delay-150\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n        <div class=\"p-px absolute w-full h-full top-0 left-0 -translate-y-full -translate-x-full ease-in-out transition-transform duration-0 group-hover:duration-300 group-hover:translate-y-0 group-hover:translate-x-0 group-hover:delay-300\">\n            <svg class=\"text-red mt-px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 10.8 10.8\" style=\"enable-background:new 0 0 10.8 10.8;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:currentColor;}\n<\/style>\n<path class=\"st0\" d=\"M10.3,0.7v9.5H0.7 M10.3,0.7\"\/>\n<path class=\"st0\" d=\"M10.3,0.7\"\/>\n<line class=\"st0\" x1=\"10.3\" y1=\"10.3\" x2=\"0.7\" y2=\"0.7\"\/>\n<\/svg>        <\/div>\n    <\/div>\n<\/a>\n\n<div class=\"hidden w-3 h-3\"><\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"bg-black p-5 md:p-10 flex flex-col gap-5 items-start perspective-0\">\n                                                                            <p class=\"text-p1 uppercase text-red\">Valores<\/p>\n                                                                        <h4 class=\"text-t5 md:text-t4 text-white font-serif leading-tight\">Aperfei\u00e7oamento Cont\