/*
Theme Name: Technographixx
Author: Technographixx
Description: A modern blue and red business theme with native Elementor starter pages and editable header and footer templates.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: technographixx
Tags: custom-logo, custom-menu, featured-images, full-width-template, translation-ready
*/
:root{--tg-navy:#071b39;--tg-blue:#075fcb;--tg-red:#e31e2b;--tg-sky:#56c6ff;--tg-text:#51617a;--tg-line:#dce6f3;--tg-light:#f4f7fb;--tg-font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--tg-navy);font-family:var(--tg-font);font-size:17px;line-height:1.7;background:#fff}img{max-width:100%;height:auto}a{color:var(--tg-blue);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--tg-sky);outline-offset:5px}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.035em;color:var(--tg-navy)}h1{font-size:clamp(40px,5vw,72px)}h2{font-size:clamp(32px,3.5vw,48px)}h3{font-size:28px}p{margin:0 0 1em}a,button{transition:background-color .2s,color .2s,box-shadow .2s}::selection{background:#bbdfff;color:var(--tg-navy)}
.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;z-index:99999;top:8px;left:8px;width:auto;height:auto;clip:auto;background:#fff;padding:12px 22px}
.tg-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.tg-site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--tg-line)}body.admin-bar .tg-site-header{top:32px}.tg-header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:94px}.tg-brand{display:block;width:150px;line-height:0}.tg-brand img{width:150px;height:92px;object-fit:contain}.tg-nav ul{display:flex;align-items:center;gap:28px;list-style:none;padding:0;margin:0}.tg-nav a{font-size:14px;font-weight:700;text-decoration:none;color:var(--tg-navy)}.tg-nav .current-menu-item>a,.tg-nav a:hover{color:var(--tg-blue)}.tg-menu-toggle{display:none;border:1px solid var(--tg-line);border-radius:6px;background:#fff;padding:8px 16px;cursor:pointer}.tg-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:16px 25px;background:var(--tg-red);border-radius:6px;color:#fff;text-decoration:none;font-size:15px;font-weight:700;border:1px solid transparent}.tg-button:hover{background:#bd1420;color:#fff}.tg-button-outline{border-color:#fff;background:transparent}.tg-button-outline:hover{background:#fff;color:var(--tg-navy)}
.tg-section.e-con,.tg-section{padding:90px 24px;--container-max-width:1200px;--content-width:1200px;gap:36px}.tg-section>.e-con-inner{gap:36px}.tg-row.e-con,.tg-row{flex-direction:row;gap:30px;align-items:center;justify-content:space-between}.tg-grid.e-con,.tg-grid{flex-direction:row;align-items:stretch;gap:28px}.tg-column.e-con,.tg-column{flex:1;min-width:0;gap:20px}.tg-full.e-con{width:100%}.tg-center{text-align:center}.tg-center.e-con{align-items:center}.tg-section-heading.e-con{max-width:780px;gap:16px;margin-inline:auto}.tg-eyebrow .elementor-heading-title,.tg-eyebrow{font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--tg-blue)}.tg-heading .elementor-heading-title{font-family:var(--tg-font);font-size:clamp(32px,3.5vw,48px);font-weight:750;line-height:1.12;letter-spacing:-.04em}.tg-title .elementor-heading-title{font-family:var(--tg-font);font-size:clamp(42px,5.5vw,76px);font-weight:750;line-height:1.06;letter-spacing:-.045em}.tg-card-title .elementor-heading-title{font-family:var(--tg-font);font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.035em}.tg-copy{color:var(--tg-text);font-family:var(--tg-font);font-size:17px;line-height:1.75}.tg-copy p:last-child{margin-bottom:0}.tg-lead{font-size:20px}.tg-accent{color:var(--tg-sky)}.tg-blue{color:var(--tg-blue)}
.tg-hero.e-con,.tg-hero{position:relative;min-height:660px;justify-content:center;background-color:var(--tg-navy);background-image:linear-gradient(90deg,rgba(7,27,57,.78),rgba(7,27,57,.08)),url('assets/images/hero.png');background-size:cover;background-position:center;padding-block:110px;color:#fff}.tg-hero-copy.e-con{width:56%;max-width:670px;gap:26px}.tg-hero .tg-title .elementor-heading-title,.tg-dark .tg-heading .elementor-heading-title,.tg-dark .tg-card-title .elementor-heading-title{color:#fff}.tg-hero .tg-eyebrow .elementor-heading-title,.tg-dark .tg-eyebrow .elementor-heading-title{color:var(--tg-sky)}.tg-dark .tg-copy,.tg-hero .tg-copy{color:#c7d6ec}.tg-actions.e-con{flex-direction:row;flex-wrap:wrap;gap:16px;width:100%}.tg-cta-button .elementor-button{background:var(--tg-red);color:#fff;border-radius:6px;font-family:var(--tg-font);font-size:15px;font-weight:700;padding:19px 28px;line-height:1.2;box-shadow:none}.tg-cta-button .elementor-button:hover{background:#bd1420;transform:translateY(-2px)}.tg-outline .elementor-button{border:1px solid #d4e7ff;background:transparent}.tg-outline .elementor-button:hover{background:#fff;color:var(--tg-navy)}.tg-link-button .elementor-button{color:var(--tg-blue);background:transparent;padding:0;font-weight:700;font-size:16px}.tg-link-button .elementor-button:hover{color:var(--tg-red)}
.tg-inner-hero.e-con{min-height:390px;padding-block:90px}.tg-inner-hero .tg-hero-copy{width:70%;max-width:800px}.tg-inner-hero .tg-title .elementor-heading-title{font-size:clamp(40px,5vw,64px)}.tg-trust-strip.e-con{background:var(--tg-navy);color:#d6e7ff;padding:24px;gap:20px;border-top:1px solid #29415c}.tg-trust-strip .tg-copy{color:#d6e7ff;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.tg-card.e-con{flex:1;gap:20px;min-width:0;padding:20px;border:1px solid var(--tg-line);border-radius:12px;background:#fff}.tg-card .tg-copy,.tg-card .tg-card-title,.tg-card .tg-link-button{padding-inline:10px}.tg-card .tg-link-button{padding-bottom:12px}.tg-card img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:7px}.tg-media img{display:block;width:100%;border-radius:12px;aspect-ratio:1.15;object-fit:cover}.tg-light.e-con{background:var(--tg-light)}.tg-dark.e-con,.tg-dark{background:var(--tg-navy);color:#fff}.tg-step.e-con{flex:1;gap:15px;padding:24px 0;border-top:2px solid var(--tg-line);min-width:0}.tg-step-number .elementor-heading-title{color:var(--tg-blue);font-size:15px;letter-spacing:.12em}.tg-cta.e-con{padding-block:70px}.tg-cta .tg-column{flex:3}.tg-cta .tg-actions{flex:1;justify-content:flex-end}.tg-note.e-con{padding:30px;border-left:3px solid var(--tg-blue);background:var(--tg-light);gap:12px}.tg-empty.e-con{border:1px solid var(--tg-line);padding:70px 32px;border-radius:12px;align-items:center;gap:22px;text-align:center}.tg-empty .tg-copy{max-width:600px}.tg-list ul{margin:0;padding-left:22px}.tg-list li{margin-bottom:9px}.tg-contact-card.e-con{background:var(--tg-light);padding:40px;border-radius:12px;gap:24px}.tg-form .elementor-field-group{margin-bottom:18px}.tg-form .elementor-field-label{font-weight:700;color:var(--tg-navy);font-size:14px;margin-bottom:8px}.tg-form .elementor-field-textual{border:1px solid #bdcbe0;background:#fff;border-radius:5px;padding:13px 15px;color:var(--tg-navy);min-height:48px}.tg-form .elementor-button{background:var(--tg-red);color:#fff;min-height:52px;border-radius:6px;font-weight:700}.tg-form .elementor-message{line-height:1.6}.tg-form .elementor-message-success{color:#176338}.tg-form .elementor-message-danger{color:#a8141e}
.tg-footer{background:#05132a;color:#bccde5;padding:54px 0 22px}.tg-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.tg-footer a{color:#d5e5fc;text-decoration:none}.tg-footer a:hover{color:#fff;text-decoration:underline}.tg-footer h3{font-size:16px;color:#fff}.tg-footer ul{padding:0;list-style:none}.tg-footer-brand{font-weight:800;letter-spacing:.04em;color:#fff;font-size:24px}.tg-footer-small{border-top:1px solid #253650;margin-top:35px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between;gap:20px}.tg-footer-template.e-con{background:#05132a;padding:55px 24px 30px}.tg-footer-template .tg-copy{color:#bccde5;font-size:14px}.tg-footer-template a{color:#d5e5fc}.tg-footer-template .tg-card-title .elementor-heading-title{font-size:18px}.tg-header-template.e-con{padding:8px 24px;background:#fff;gap:24px}.tg-header-template>.e-con-inner{align-items:center;justify-content:space-between;gap:24px}.tg-header-logo{width:150px}.tg-header-logo img{width:150px;height:82px;object-fit:contain}.tg-header-nav{flex:1}.tg-header-nav .elementor-nav-menu a{font-family:var(--tg-font);font-weight:700;font-size:14px;color:var(--tg-navy)}.tg-header-nav .elementor-nav-menu--dropdown{background:#fff}.tg-header-nav .elementor-item.elementor-item-active{color:var(--tg-blue)}.tg-page-hero{background:var(--tg-navy);padding:90px 0;color:#fff}.tg-page-hero h1{color:#fff;margin:0}.tg-prose{max-width:840px;margin:60px auto;padding:0 24px}.tg-prose:after{content:'';display:table;clear:both}.tg-prose iframe{max-width:100%}.alignwide{max-width:1200px}.aligncenter{display:block;margin-inline:auto}.alignleft{float:left;margin:0 25px 20px 0}.alignright{float:right;margin:0 0 20px 25px}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:14px}.bypostauthor{display:block}.tg-post{padding:30px 0;border-bottom:1px solid var(--tg-line)}.tg-post h2{font-size:32px}.tg-post a{text-decoration:none}.tg-pagination{margin-block:32px}.tg-back-top{position:fixed;right:22px;bottom:22px;z-index:80;width:44px;height:44px;border:1px solid #46617c;border-radius:50%;background:var(--tg-navy);color:#fff;cursor:pointer}.tg-back-top[hidden]{display:none}.tg-reveal.tg-motion-pending{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.tg-reveal.tg-motion-pending.tg-visible{opacity:1;transform:none}.elementor-editor-active .tg-reveal{opacity:1;transform:none}
@media(max-width:1024px){.tg-nav ul{gap:16px}.tg-hero-copy.e-con{width:65%}.tg-header-template .tg-cta-button{display:none}.tg-hero.e-con{min-height:570px}.tg-section.e-con{padding-block:65px}.tg-header-nav{flex:1}.tg-grid.e-con{gap:20px}}
@media(max-width:767px){html{scroll-padding-top:80px}.tg-shell{width:calc(100% - 36px)}body.admin-bar .tg-site-header{top:46px}.tg-header-inner{min-height:78px;gap:12px}.tg-brand,.tg-brand img{width:110px;height:74px}.tg-header-inner>.tg-button{display:none}.tg-menu-toggle{display:block}.tg-nav{position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 24px;border-bottom:1px solid var(--tg-line)}.tg-nav ul{flex-direction:column;align-items:stretch;gap:0}.tg-nav a{display:block;padding:12px 0}.tg-js .tg-nav:not(.is-open){display:none}.tg-row.e-con,.tg-grid.e-con{flex-direction:column}.tg-column.e-con,.tg-card.e-con,.tg-step.e-con{width:100%;flex:auto}.tg-section.e-con{padding:56px 22px}.tg-section>.e-con-inner{gap:30px}.tg-hero.e-con{min-height:650px;padding-top:64px;padding-bottom:260px;background-position:64% bottom;background-size:auto 100%;background-image:linear-gradient(180deg,#071b39 0%,rgba(7,27,57,.94) 38%,rgba(7,27,57,.1) 80%),url('assets/images/hero.png')}.tg-hero-copy.e-con,.tg-inner-hero .tg-hero-copy{width:100%;gap:22px}.tg-hero .tg-copy{font-size:17px}.tg-title .elementor-heading-title{font-size:44px}.tg-inner-hero.e-con{min-height:390px;padding:60px 22px;background-image:linear-gradient(90deg,rgba(7,27,57,.98),rgba(7,27,57,.76)),url('assets/images/hero.png')}.tg-inner-hero .tg-title .elementor-heading-title{font-size:40px}.tg-trust-strip.e-con{padding:20px 22px}.tg-trust-strip .tg-grid{gap:12px}.tg-heading .elementor-heading-title{font-size:34px}.tg-card-title .elementor-heading-title{font-size:26px}.tg-cta-button .elementor-button{padding:17px 20px;font-size:14px}.tg-cta .tg-column,.tg-cta .tg-actions{flex:auto;width:100%;justify-content:flex-start}.tg-contact-card.e-con{padding:26px}.tg-footer-grid{grid-template-columns:1fr;gap:24px}.tg-footer-small{flex-direction:column;gap:6px}.tg-header-template.e-con{padding:4px 18px}.tg-header-template>.e-con-inner{flex-direction:row;flex-wrap:nowrap;gap:15px}.tg-header-logo{width:110px}.tg-header-logo img{width:110px;height:74px}.tg-header-nav .elementor-menu-toggle{margin-left:auto}.tg-back-top{right:14px;bottom:14px}.tg-empty.e-con{padding:40px 22px}.tg-page-hero{padding:60px 0}}
@media(max-width:600px){body.admin-bar .tg-site-header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tg-reveal.tg-motion-pending{opacity:1;transform:none}.tg-cta-button .elementor-button:hover{transform:none}}
/* Boxed Elementor containers apply their editable padding on the inner wrapper. */
.tg-section.e-con.e-con-boxed{padding:0}
.tg-section.e-con.e-con-boxed>.e-con-inner{padding:var(--padding-top,0px) var(--padding-right,0px) var(--padding-bottom,0px) var(--padding-left,0px)}