/* Theme Name: Hub Child Theme URI: http://hub.liquid-themes.com/ Author: Liquid Themes Author URI: https://themeforest.net/user/liquidthemes Template: hub Description: Smart, Powerful and Unlimited Customizable WordPress Theme. Version: 1.0 License: GNU General Public License License URI: license.txt Text Domain: hub-child Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap'); body.page-id-12, body.page-id-12 #wrap, body.page-id-12 #lqd-site-content, body.page-id-12 #lqd-contents-wrap { background: #050505 !important; } body.page-id-12 #lqd-contents-wrap, body.page-id-12 .content, body.page-id-12 .vc_row:has(#tht-corporation-page), body.page-id-12 .vc_row:has(#tht-corporation-page) > .ld-container, body.page-id-12 .vc_row:has(#tht-corporation-page) .row, body.page-id-12 .vc_row:has(#tht-corporation-page) .vc_column-inner, body.page-id-12 .vc_row:has(#tht-corporation-page) .wpb_wrapper, body.page-id-12 .vc_row:has(#tht-corporation-page) .wpb_raw_code { margin: 0 !important; padding: 0 !important; max-width: none !important; width: 100% !important; } #tht-corporation-page { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; line-height: 1.5 !important; } #tht-corporation-page, #tht-corporation-page * { box-sizing: border-box !important; } #tht-corporation-page * { --tw-translate-x: 0; --tw-translate-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-gradient-from: transparent; --tw-gradient-via: transparent; --tw-gradient-to: transparent; } #tht-corporation-page h1, #tht-corporation-page h2, #tht-corporation-page h3, #tht-corporation-page h4, #tht-corporation-page h5, #tht-corporation-page h6, #tht-corporation-page p, #tht-corporation-page ul { margin: 0 !important; padding: 0 !important; } #tht-corporation-page img, #tht-corporation-page video, #tht-corporation-page svg { display: block; max-width: 100%; } #tht-corporation-page button, #tht-corporation-page input, #tht-corporation-page textarea { font-family: inherit !important; } /* Layout */ #tht-corporation-page .fixed { position: fixed !important; } #tht-corporation-page .absolute { position: absolute !important; } #tht-corporation-page .relative { position: relative !important; } #tht-corporation-page .sticky { position: sticky !important; } #tht-corporation-page .block { display: block !important; } #tht-corporation-page .hidden { display: none !important; } #tht-corporation-page .flex { display: flex !important; } #tht-corporation-page .grid { display: grid !important; } #tht-corporation-page .flex-col { flex-direction: column !important; } #tht-corporation-page .flex-wrap { flex-wrap: wrap !important; } #tht-corporation-page .items-center { align-items: center !important; } #tht-corporation-page .items-start { align-items: flex-start !important; } #tht-corporation-page .items-baseline { align-items: baseline !important; } #tht-corporation-page .justify-center { justify-content: center !important; } #tht-corporation-page .justify-between { justify-content: space-between !important; } #tht-corporation-page .justify-start { justify-content: flex-start !important; } #tht-corporation-page .justify-items-center { justify-items: center !important; } #tht-corporation-page .self-start { align-self: flex-start !important; } #tht-corporation-page .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } /* Position */ #tht-corporation-page .inset-0 { inset: 0 !important; } #tht-corporation-page .top-0 { top: 0 !important; } #tht-corporation-page .left-0 { left: 0 !important; } #tht-corporation-page .left-1\/2 { left: 50% !important; } #tht-corporation-page .top-1\/2 { top: 50% !important; } #tht-corporation-page .top-1\/4 { top: 25% !important; } #tht-corporation-page .-bottom-1\/4 { bottom: -25% !important; } #tht-corporation-page .-right-1\/4 { right: -25% !important; } #tht-corporation-page .z-10 { z-index: 10 !important; } #tht-corporation-page .z-50 { z-index: 50 !important; } #tht-corporation-page .-z-10 { z-index: -10 !important; } /* Sizing */ #tht-corporation-page .w-full { width: 100% !important; } #tht-corporation-page .w-auto { width: auto !important; } #tht-corporation-page .w-4 { width: 1rem !important; } #tht-corporation-page .w-5 { width: 1.25rem !important; } #tht-corporation-page .w-6 { width: 1.5rem !important; } #tht-corporation-page .w-20 { width: 5rem !important; } #tht-corporation-page [class~="w-[600px]"] { width: 600px !important; } #tht-corporation-page [class~="w-[800px]"] { width: 800px !important; } #tht-corporation-page [class~="w-[100vw]"] { width: 100vw !important; } #tht-corporation-page .h-full { height: 100% !important; } #tht-corporation-page .h-2 { height: 0.5rem !important; } #tht-corporation-page .h-4 { height: 1rem !important; } #tht-corporation-page .h-5 { height: 1.25rem !important; } #tht-corporation-page .h-6 { height: 1.5rem !important; } #tht-corporation-page .h-10 { height: 2.5rem !important; } #tht-corporation-page .h-12 { height: 3rem !important; } #tht-corporation-page .h-14 { height: 3.5rem !important; } #tht-corporation-page .h-16 { height: 4rem !important; } #tht-corporation-page .h-20 { height: 5rem !important; } #tht-corporation-page [class~="h-[50vh]"] { height: 50vh !important; } #tht-corporation-page [class~="h-[550px]"] { height: 550px !important; } #tht-corporation-page [class~="h-[600px]"] { height: 600px !important; } #tht-corporation-page [class~="h-[800px]"] { height: 800px !important; } #tht-corporation-page [class~="h-[100vw]"] { height: 100vw !important; } #tht-corporation-page .min-h-screen { min-height: 100vh !important; } #tht-corporation-page .max-w-md { max-width: 28rem !important; } #tht-corporation-page .max-w-lg { max-width: 32rem !important; } #tht-corporation-page .max-w-2xl { max-width: 42rem !important; } #tht-corporation-page .max-w-3xl { max-width: 48rem !important; } #tht-corporation-page .max-w-5xl { max-width: 64rem !important; } #tht-corporation-page .max-w-6xl { max-width: 72rem !important; } #tht-corporation-page .max-w-7xl { max-width: 80rem !important; } #tht-corporation-page [class~="max-w-[1600px]"] { max-width: 1600px !important; } /* Spacing */ #tht-corporation-page .mx-auto { margin-left: auto !important; margin-right: auto !important; } #tht-corporation-page .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } #tht-corporation-page .ml-4 { margin-left: 1rem !important; } #tht-corporation-page .mt-1 { margin-top: 0.25rem !important; } #tht-corporation-page .mt-2 { margin-top: 0.5rem !important; } #tht-corporation-page .mt-6 { margin-top: 1.5rem !important; } #tht-corporation-page .mt-8 { margin-top: 2rem !important; } #tht-corporation-page .mt-20 { margin-top: 5rem !important; } #tht-corporation-page .mb-0 { margin-bottom: 0 !important; } #tht-corporation-page .mb-4 { margin-bottom: 1rem !important; } #tht-corporation-page .mb-6 { margin-bottom: 1.5rem !important; } #tht-corporation-page .mb-8 { margin-bottom: 2rem !important; } #tht-corporation-page .mb-12 { margin-bottom: 3rem !important; } #tht-corporation-page .mb-20 { margin-bottom: 5rem !important; } #tht-corporation-page .mb-24 { margin-bottom: 6rem !important; } #tht-corporation-page .mb-60 { margin-bottom: 15rem !important; } #tht-corporation-page .p-4 { padding: 1rem !important; } #tht-corporation-page .p-12 { padding: 3rem !important; } #tht-corporation-page .px-0 { padding-left: 0 !important; padding-right: 0 !important; } #tht-corporation-page .px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } #tht-corporation-page .px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } #tht-corporation-page .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } #tht-corporation-page .py-2\.5 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } #tht-corporation-page .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } #tht-corporation-page .py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } #tht-corporation-page .py-20 { padding-top: 5rem !important; padding-bottom: 5rem !important; } #tht-corporation-page .py-32 { padding-top: 8rem !important; padding-bottom: 8rem !important; } #tht-corporation-page .py-40 { padding-top: 10rem !important; padding-bottom: 10rem !important; } #tht-corporation-page .py-48 { padding-top: 12rem !important; padding-bottom: 12rem !important; } #tht-corporation-page .py-60 { padding-top: 15rem !important; padding-bottom: 15rem !important; } #tht-corporation-page .pt-8 { padding-top: 2rem !important; } #tht-corporation-page .pt-20 { padding-top: 5rem !important; } #tht-corporation-page .pb-8 { padding-bottom: 2rem !important; } #tht-corporation-page .gap-0 { gap: 0 !important; } #tht-corporation-page .gap-1 { gap: 0.25rem !important; } #tht-corporation-page .gap-2 { gap: 0.5rem !important; } #tht-corporation-page .gap-3 { gap: 0.75rem !important; } #tht-corporation-page .gap-4 { gap: 1rem !important; } #tht-corporation-page .gap-6 { gap: 1.5rem !important; } #tht-corporation-page .gap-8 { gap: 2rem !important; } #tht-corporation-page .gap-12 { gap: 3rem !important; } #tht-corporation-page .gap-20 { gap: 5rem !important; } #tht-corporation-page .space-y-2 > * + * { margin-top: 0.5rem !important; } #tht-corporation-page .space-y-4 > * + * { margin-top: 1rem !important; } #tht-corporation-page .space-y-6 > * + * { margin-top: 1.5rem !important; } #tht-corporation-page .space-y-8 > * + * { margin-top: 2rem !important; } #tht-corporation-page .space-y-12 > * + * { margin-top: 3rem !important; } #tht-corporation-page .space-y-20 > * + * { margin-top: 5rem !important; } #tht-corporation-page [class~="space-y-[60vh]"] > * + * { margin-top: 60vh !important; } /* Typography */ #tht-corporation-page .text-left { text-align: left !important; } #tht-corporation-page .text-center { text-align: center !important; } #tht-corporation-page .font-light { font-weight: 300 !important; } #tht-corporation-page .font-medium { font-weight: 500 !important; } #tht-corporation-page .font-bold { font-weight: 700 !important; } #tht-corporation-page .font-black { font-weight: 900 !important; } #tht-corporation-page .italic { font-style: italic !important; } #tht-corporation-page .uppercase { text-transform: uppercase !important; } #tht-corporation-page .tracking-normal { letter-spacing: 0 !important; } #tht-corporation-page .tracking-widest { letter-spacing: 0.1em !important; } #tht-corporation-page [class~="tracking-[0.2em]"] { letter-spacing: 0.2em !important; } #tht-corporation-page [class~="tracking-[0.3em]"] { letter-spacing: 0.3em !important; } #tht-corporation-page .leading-none { line-height: 1 !important; } #tht-corporation-page .leading-tight { line-height: 1.25 !important; } #tht-corporation-page .leading-relaxed { line-height: 1.625 !important; } #tht-corporation-page [class~="leading-[1.05]"] { line-height: 1.05 !important; } #tht-corporation-page .text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } #tht-corporation-page .text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } #tht-corporation-page [class~="text-[10px]"] { font-size: 10px !important; } #tht-corporation-page .text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } #tht-corporation-page .text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } #tht-corporation-page .text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; } #tht-corporation-page .text-3xl { font-size: 1.875rem !important; line-height: 2.25rem !important; } #tht-corporation-page .text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; } #tht-corporation-page .text-5xl { font-size: 3rem !important; line-height: 1 !important; } #tht-corporation-page .text-6xl { font-size: 3.75rem !important; line-height: 1 !important; } #tht-corporation-page .text-7xl { font-size: 4.5rem !important; line-height: 1 !important; } /* Color */ #tht-corporation-page .text-white { color: #ffffff !important; } #tht-corporation-page [class~="text-white/60"] { color: rgba(255,255,255,0.6) !important; } #tht-corporation-page [class~="text-white/90"] { color: rgba(255,255,255,0.9) !important; } #tht-corporation-page .text-blue-500 { color: #0066FF !important; } #tht-corporation-page .text-gray-300 { color: #d1d5db !important; } #tht-corporation-page .text-gray-400 { color: #9ca3af !important; } #tht-corporation-page .text-gray-500 { color: #6b7280 !important; } #tht-corporation-page .text-gray-800 { color: #1f2937 !important; } #tht-corporation-page .bg-black { background-color: #000 !important; } #tht-corporation-page [class~="bg-[#030303]"] { background-color: #030303 !important; } #tht-corporation-page [class~="bg-black/40"] { background-color: rgba(0,0,0,0.4) !important; } #tht-corporation-page .bg-blue-500 { background-color: #0066FF !important; } #tht-corporation-page .bg-blue-600 { background-color: #003399 !important; } #tht-corporation-page [class~="bg-blue-600/10"] { background-color: rgba(0,102,255,0.1) !important; } #tht-corporation-page [class~="bg-blue-600/5"] { background-color: rgba(0,102,255,0.05) !important; } #tht-corporation-page [class~="bg-white/5"] { background-color: rgba(255,255,255,0.05) !important; } #tht-corporation-page .from-black\/60 { --tw-gradient-from: rgba(0,0,0,0.6) !important; } #tht-corporation-page .via-transparent { --tw-gradient-via: transparent !important; } #tht-corporation-page .to-black { --tw-gradient-to: #000 !important; } #tht-corporation-page .to-transparent { --tw-gradient-to: transparent !important; } #tht-corporation-page .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to)) !important; } /* Border, radius, shadow */ #tht-corporation-page .border { border-width: 1px !important; border-style: solid !important; } #tht-corporation-page .border-t { border-top-width: 1px !important; border-top-style: solid !important; } #tht-corporation-page .border-blue-500 { border-color: #0066FF !important; } #tht-corporation-page [class~="border-white/5"] { border-color: rgba(255,255,255,0.05) !important; } #tht-corporation-page [class~="border-white/10"] { border-color: rgba(255,255,255,0.1) !important; } #tht-corporation-page .rounded-xl { border-radius: 0.75rem !important; } #tht-corporation-page .rounded-2xl { border-radius: 1rem !important; } #tht-corporation-page .rounded-full { border-radius: 9999px !important; } #tht-corporation-page .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1) !important; } #tht-corporation-page [class~="shadow-[0_10px_30px_rgba(0,102,255,0.15)]"] { box-shadow: 0 10px 30px rgba(0,102,255,0.15) !important; } #tht-corporation-page [class~="shadow-[0_10px_30px_rgba(0,102,255,0.2)]"] { box-shadow: 0 10px 30px rgba(0,102,255,0.2) !important; } /* Effects */ #tht-corporation-page .overflow-hidden { overflow: hidden !important; } #tht-corporation-page .object-cover { object-fit: cover !important; } #tht-corporation-page .object-contain { object-fit: contain !important; } #tht-corporation-page .object-center { object-position: center !important; } #tht-corporation-page .opacity-0 { opacity: 0; } #tht-corporation-page .opacity-90 { opacity: 0.9 !important; } #tht-corporation-page .outline-none { outline: 2px solid transparent !important; outline-offset: 2px !important; } #tht-corporation-page .transition-all { transition-property: all !important; } #tht-corporation-page .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; } #tht-corporation-page .duration-300 { transition-duration: 300ms !important; } #tht-corporation-page .duration-500 { transition-duration: 500ms !important; } #tht-corporation-page .duration-700 { transition-duration: 700ms !important; } #tht-corporation-page [class~="blur-[120px]"] { filter: blur(120px) !important; } #tht-corporation-page [class~="blur-[150px]"] { filter: blur(150px) !important; } #tht-corporation-page .-translate-x-1\/2 { --tw-translate-x: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) scale(var(--tw-scale-x), var(--tw-scale-y)) !important; } #tht-corporation-page .-translate-y-1\/2 { --tw-translate-y: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) scale(var(--tw-scale-x), var(--tw-scale-y)) !important; } #tht-corporation-page .translate-y-4 { --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) scale(var(--tw-scale-x), var(--tw-scale-y)); } #tht-corporation-page .translate-y-8 { --tw-translate-y: 2rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) scale(var(--tw-scale-x), var(--tw-scale-y)); } #tht-corporation-page .translate-y-12 { --tw-translate-y: 3rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) scale(var(--tw-scale-x), var(--tw-scale-y)); } /* Forms */ #tht-corporation-page input, #tht-corporation-page textarea { color: #ffffff !important; } #tht-corporation-page input::placeholder, #tht-corporation-page textarea::placeholder { color: rgba(255,255,255,0.45) !important; } #tht-corporation-page .focus\:border-blue-500:focus, #tht-corporation-page [class~="focus:border-blue-500"]:focus { border-color: #0066FF !important; } /* Hover */ #tht-corporation-page [class~="hover:text-blue-500"]:hover { color: #0066FF !important; } #tht-corporation-page [class~="hover:text-blue-200"]:hover { color: #bfdbfe !important; } #tht-corporation-page [class~="hover:bg-blue-500"]:hover { background-color: #0066FF !important; } #tht-corporation-page [class~="hover:bg-blue-600"]:hover { background-color: #003399 !important; } #tht-corporation-page [class~="hover:bg-blue-500/10"]:hover { background-color: rgba(0,102,255,0.1) !important; } #tht-corporation-page [class~="hover:shadow-blue-600/30"]:hover { box-shadow: 0 10px 30px rgba(0,51,153,0.3) !important; } #tht-corporation-page [class~="hover:scale-105"]:hover { transform: scale(1.05) !important; } /* Responsive */ @media (min-width: 640px) { #tht-corporation-page .sm\:flex-row, #tht-corporation-page [class~="sm:flex-row"] { flex-direction: row !important; } #tht-corporation-page .sm\:grid-cols-2, #tht-corporation-page [class~="sm:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (min-width: 768px) { #tht-corporation-page .md\:flex, #tht-corporation-page [class~="md:flex"] { display: flex !important; } #tht-corporation-page .md\:hidden, #tht-corporation-page [class~="md:hidden"] { display: none !important; } #tht-corporation-page .md\:flex-row, #tht-corporation-page [class~="md:flex-row"] { flex-direction: row !important; } #tht-corporation-page .md\:grid-cols-3, #tht-corporation-page [class~="md:grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } #tht-corporation-page .md\:w-1\/2, #tht-corporation-page [class~="md:w-1/2"] { width: 50% !important; } #tht-corporation-page .md\:text-left, #tht-corporation-page [class~="md:text-left"] { text-align: left !important; } #tht-corporation-page .md\:text-6xl, #tht-corporation-page [class~="md:text-6xl"] { font-size: 3.75rem !important; line-height: 1 !important; } #tht-corporation-page .md\:text-7xl, #tht-corporation-page [class~="md:text-7xl"] { font-size: 4.5rem !important; line-height: 1 !important; } #tht-corporation-page .md\:text-9xl, #tht-corporation-page [class~="md:text-9xl"] { font-size: 8rem !important; line-height: 1 !important; } } @media (min-width: 1024px) { #tht-corporation-page .lg\:grid-cols-2, #tht-corporation-page [class~="lg:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #tht-corporation-page .lg\:h-screen, #tht-corporation-page [class~="lg:h-screen"] { height: 100vh !important; } #tht-corporation-page .lg\:sticky, #tht-corporation-page [class~="lg:sticky"] { position: sticky !important; } #tht-corporation-page .lg\:top-0, #tht-corporation-page [class~="lg:top-0"] { top: 0 !important; } #tht-corporation-page .lg\:px-20, #tht-corporation-page [class~="lg:px-20"] { padding-left: 5rem !important; padding-right: 5rem !important; } #tht-corporation-page .lg\:object-left, #tht-corporation-page [class~="lg:object-left"] { object-position: left !important; } #tht-corporation-page .lg\:bg-gradient-to-r, #tht-corporation-page [class~="lg:bg-gradient-to-r"] { background-image: linear-gradient(to right, var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to)) !important; } } @media (max-width: 767px) { #tht-corporation-page { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; } #tht-corporation-page .text-5xl { font-size: 2.5rem !important; } #tht-corporation-page .text-6xl { font-size: 2.75rem !important; } #tht-corporation-page .text-7xl { font-size: 3rem !important; } #tht-corporation-page .p-12 { padding: 1.5rem !important; } #tht-corporation-page .py-40, #tht-corporation-page .py-48 { padding-top: 6rem !important; padding-bottom: 6rem !important; } #tht-corporation-page .py-60 { padding-top: 8rem !important; padding-bottom: 8rem !important; } } #tht-corporation-page { --primary-blue: #0066FF; --dark-blue: #003399; --glass-bg: rgba(255, 255, 255, 0.05); --glass-border: rgba(255, 255, 255, 0.1); } #tht-corporation-page { font-family: 'Inter', sans-serif; background-color: #050505; color: #ffffff; overflow-x: hidden; } #tht-corporation-page h1, #tht-corporation-page h2, #tht-corporation-page h3, #tht-corporation-page h4, #tht-corporation-page h5, #tht-corporation-page h6, #tht-corporation-page .font-poppins { font-family: 'Poppins', sans-serif; } #tht-corporation-page p, #tht-corporation-page span, #tht-corporation-page a, #tht-corporation-page label, #tht-corporation-page li, #tht-corporation-page .font-inter { font-family: 'Inter', sans-serif; } /* Mesh Gradient Background */ .mesh-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: radial-gradient(circle at 10% 10%, rgba(0, 102, 255, 0.15) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(0, 51, 153, 0.1) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 1) 0%, rgba(5, 5, 5, 1) 100%); } /* Glassmorphism Classes */ .glass-card { background: var(--glass-bg); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--glass-border); border-radius: 24px; } .glass-header { background: rgba(5, 5, 5, 0.3); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-bottom: 1px solid var(--glass-border); } /* Unit Cards - Accenture Style */ .unit-card { position: relative; height: 550px; background: #000; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0; overflow: hidden; display: flex; flex-direction: column; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); text-align: left; cursor: pointer; } .unit-card:hover { border-color: var(--primary-blue); } .unit-card-content { position: relative; padding: 3rem; height: 100%; z-index: 3; display: flex; flex-direction: column; justify-content: flex-start; } .unit-card-label { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.25em; text-transform: uppercase; color: #fff; margin-bottom: 1.5rem; display: block; font-family: 'Inter', sans-serif; } /* Carousel container styles */ .carousel-container { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ padding: 10px 0; } .carousel-container::-webkit-scrollbar { display: none; /* Chrome, Safari and Opera */ } .carousel-item-wrapper { flex: 0 0 88%; /* Incrementado ligeramente en mobile para una vista más centrada */ scroll-snap-align: start; } @media (min-width: 640px) { .carousel-item-wrapper { flex: 0 0 70%; } } @media (min-width: 768px) { .carousel-item-wrapper { flex: 0 0 46%; } } @media (min-width: 1024px) { .carousel-item-wrapper { flex: 0 0 31%; } } /* Carousel Navigation Buttons */ .carousel-wrapper { position: relative; width: 100%; } .carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; border-radius: 50%; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 50; /* Aumentado para pasar por encima de las tarjetas con reveals */ pointer-events: auto; /* Asegura recepción de clicks */ transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .carousel-arrow:hover { background: var(--primary-blue); border-color: var(--primary-blue); box-shadow: 0 10px 30px rgba(0, 102, 255, 0.3); scale: 1.05; } .carousel-arrow:active { scale: 0.95; } .carousel-arrow.prev { left: 10px; } .carousel-arrow.next { right: 10px; } @media (max-width: 640px) { .carousel-arrow { display: none; /* Ocultar sólo en celulares muy angostos donde el swipe táctil es preferible */ } } .unit-card-title { font-size: 2.25rem; font-weight: 700; line-height: 1.1; margin-bottom: 2rem; color: #fff; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .unit-card-logo { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); transform-origin: left center; } .unit-card:hover .unit-card-logo { transform: scale(1.05); } .unit-card-description { font-size: 1rem; font-weight: 500; color: rgba(255, 255, 255, 0.8); line-height: 1.6; margin-bottom: 2rem; opacity: 0; transform: translateY(20px); transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); max-height: 0; overflow: hidden; } .unit-card:hover .unit-card-description { opacity: 1; transform: translateY(0); max-height: 300px; } .unit-card-link { margin-top: auto; align-self: flex-start; opacity: 0; transform: translateX(-10px); transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .unit-card:hover .unit-card-link { opacity: 1; transform: translateX(0); } .unit-card-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease; filter: brightness(0.7); } .unit-card:hover .unit-card-image { transform: scale(1.1); filter: brightness(0.4) blur(2px); } .unit-card-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 40%, transparent 60%, rgba(0, 0, 0, 0.9) 100%); z-index: 2; transition: background 0.6s ease; } .unit-card:hover .unit-card-overlay { background: rgba(0, 0, 0, 0.85); } /* ADN & Culture - Netflix Style */ .giant-text { font-size: clamp(2.5rem, 8vw, 7.5rem); font-weight: 700; line-height: 1.1; /* Increased from 1.0 to prevent clipping */ letter-spacing: 0; text-transform: uppercase; color: transparent; -webkit-text-stroke: 2px #ffffff; /* Pure white stroke */ padding: 0.1em 0; /* Added padding to prevent accent/stroke clipping */ transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); } /* Removed active fill state as per user preference */ .giant-text.active { -webkit-text-stroke: 3px #fff; } .scroll-reveal-text { opacity: 0.1; transition: opacity 0.3s ease; } .huge-title { font-size: clamp(3rem, 9vw, 8.5rem); font-weight: 700; line-height: 1.1; /* Increased from 0.9 to prevent clipping */ letter-spacing: 0; text-transform: uppercase; text-align: center; padding: 0.1em 0; /* Added vertical padding */ color: #fff; } .typo-window { display: block; width: 18vw; height: 10vw; min-width: 120px; min-height: 70px; border-radius: 1.5vw; overflow: hidden; position: relative; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); } .play-indicator { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3); transition: all 0.3s ease; } .play-indicator svg { width: 3vw; height: 3vw; min-width: 24px; min-height: 24px; color: white; filter: drop-shadow(0 0 10px rgba(0, 102, 255, 0.5)); } .highlight-card { padding: 2rem; border: 1px solid rgba(255, 255, 255, 0.15); border-left: 4px solid #3b82f6; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-radius: 0 1.5rem 1.5rem 0; position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.05); } .highlight-card:hover { background: rgba(255, 255, 255, 0.05); transform: translateX(10px); } .section-badge { display: inline-block; padding: 0.4rem 1.25rem; border-radius: 9999px; background: rgba(0, 102, 255, 0.1); border: 1px solid rgba(0, 102, 255, 0.2); color: #60a5fa; font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.3em; line-height: 1; } .reveal-container { overflow: hidden; display: block; } .reveal-item { transform: translateY(100%); padding: 0.1em 0; /* Added padding to avoid clipping top/bottom parts of text */ transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1); } /* Experience Scroll Section */ .experience-sticky { position: relative; background: #000; } .culture-pillar { opacity: 0.5; transform: scale(0.9); filter: blur(4px); transition: all 0.6s ease; } .culture-pillar.active { opacity: 1; transform: scale(1); filter: blur(0); } .culture-image-container { position: sticky; top: 20%; height: 60vh; border-radius: 2rem; overflow: hidden; } /* ADN Cards */ .adn-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 2rem; text-align: left; transition: all 0.3s ease; } .adn-card:hover { border-color: var(--primary-blue); background: rgba(0, 102, 255, 0.05); } /* Custom Scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #050505; } ::-webkit-scrollbar-thumb { background: #222; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: var(--primary-blue); } .text-gradient { background: linear-gradient(to bottom, #ffffff, #999999); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .flag-circle { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, 0.1); } /* Word Animation */ .word-animation span { display: inline-block; opacity: 0; transform: translateY(20px); } /* Footer Background & Geometric Wings */ .footer-bg-wrapper { background: linear-gradient(to bottom, #003399 0%, #050a1f 100%); position: relative; overflow: hidden; } .footer-bg-wrapper::before, .footer-bg-wrapper::after { content: ''; position: absolute; bottom: 0; width: 40%; height: 120px; background: linear-gradient(135deg, rgba(0, 102, 255, 0.2) 0%, transparent 60%); pointer-events: none; z-index: 1; } .footer-bg-wrapper::before { left: 0; clip-path: polygon(0 100%, 0 0, 100% 100%); border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .footer-bg-wrapper::after { right: 0; background: linear-gradient(-135deg, rgba(0, 102, 255, 0.2) 0%, transparent 60%); clip-path: polygon(0 100%, 100% 0, 100% 100%); border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .footer-wing-accent { position: absolute; bottom: 0; width: 30%; height: 60px; background: #001a4d; z-index: 2; opacity: 0.8; } .left-wing { left: 0; clip-path: polygon(0 100%, 100% 100%, 0 0); } .right-wing { right: 0; clip-path: polygon(0 100%, 100% 100%, 100% 0); } /* Carousel Dots */ .carousel-dots { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 24px; } @media (min-width: 768px) { .carousel-dots { display: none; } } .carousel-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.25); border: none; padding: 0; cursor: pointer; transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); } .carousel-dot.active { background: var(--primary-blue); width: 24px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 102, 255, 0.5); } /* WordPress / WPBakery containment */ #tht-corporation-page { position: relative; isolation: isolate; min-height: 100vh; margin: 0; overflow-x: hidden; background-color: #050505; color: #ffffff; } #tht-corporation-page, #tht-corporation-page * { box-sizing: border-box; } #tht-corporation-page a { color: inherit; text-decoration: none; } #tht-corporation-page button, #tht-corporation-page input, #tht-corporation-page textarea { font: inherit; } #tht-corporation-page .mesh-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; } #tht-corporation-page .tht-hero-video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 0; overflow: hidden; pointer-events: none; } #tht-corporation-page .tht-hero-video-bg video { width: 100%; height: 100%; object-fit: cover; } #tht-corporation-page > header, #tht-corporation-page > section, #tht-corporation-page > footer { position: relative; z-index: 2; } #tht-corporation-page #main-header { z-index: 9999; } .admin-bar #tht-corporation-page #main-header { top: 32px; } @media (max-width: 782px) { .admin-bar #tht-corporation-page #main-header { top: 46px; } }