@font-face {
  font-family: 'orbitronregular';
  src: url('/wp-content/themes/techality/assets/fonts/orbitron-variablefont_wght-webfont.woff2') format('woff2'),
       url('/wp-content/themes/techality/assets/fonts/orbitron-variablefont_wght-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Variable --------------------------------------------- */
:root {
    --font-roboto: 'Roboto', sans-serif;
    --font-orbitron: 'orbitronregular', sans-serif;
    --header-padding: 1.25rem 7.5rem;
    --padding-large: 5rem;
    --padding-x-large: 9.375rem;
    --module-padding: 3.75rem 7.5rem;
    --heading-padding: 3.125rem;
    --button-padding: 0.938rem 1.875rem;
    --icon-padding: 1.875rem auto;
    --footer-meta-padding: 5rem 0 0 0;
    --font-size-header-menu: 1.188rem;
    --font-size-slider: 4.875rem;
    --font-size-h2: 3.5rem;
    --font-size-s: 1rem;
    --font-size-sm: 1.25rem;
    --font-size-m: 1.813rem;
    --font-size-button: 0.688rem;
    --font-size-quote: 2.438rem;
    --font-size-values: 4.188rem;
    --font-size-about: 5.375rem;
    --font-size-contact: 6rem;
    --font-size-footer-heading: 1.875rem;
    --font-size-footer: 0.75rem;
    --dark-blue: #0b0620;
    --dark-grey: #2D2626;
    --light-grey: #cecece;
    --gold: #d5bc62;
    --white: #fff;
    --job-title: #B4B2B0;
    --bio-label-w: 3.75rem;
    --ps-dur: 260ms;
    --ps-ease: cubic-bezier(.2,.8,.2,1);
    --ps-line: rgba(0,0,0,.35);
    --ps-pad-x: clamp(18px, 3vw, 40px);
    --ps-pad-y: clamp(26px, 4vw, 56px);
    --ps-wrap: 1400px;
    --ps-rule-offset: 0px;
}
/* General --------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6{font-family: var(--font-roboto); font-weight: 400; color: var(--dark-grey); margin: 0;}
a, a:focus, a:hover, a:active{outline: none; box-shadow: none;}
p:last-child{margin-bottom: 0;}
.site-inner{max-width: 100%; padding: 0;}
.content{width: 100%; padding: 0}
.col-1{width: 8.3333%; padding: 0 15px;}
.col-2{width: 16.6667%; padding: 0 15px;}
.col-3{width: 25%; padding: 0 15px;}
.col-4{flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 15px;}
.col-5{flex: 0 0 41.6667%; max-width: 41.6667%; padding: 0 15px;}
.col-6{flex: 0 0 50%; max-width: 50%; padding: 0 15px;}
.col-7{flex: 0 0 58.3333%;  max-width: 58.3333%; padding: 0 15px;}
.col-8{width: 66.6667%; padding: 0 15px;}
.col-9{flex: 0 0 75%;  max-width: 75%; padding: 0 15px;}
.col-10{flex: 0 0 83.333%; max-width: 83.333%; padding: 0 15px;}
.col-11{padding: 0 15px;}
.col-12{padding: 0 15px;}
.no-gutters{padding: 0;}
/* Header --------------------------------------------- */
.site-header{padding: var(--header-padding); box-shadow: none; top: 0; left: 0; width: 100%; z-index: 999; background: transparent; transition: transform var(--ps-dur) var(--ps-ease), background-color var(--ps-dur) var(--ps-ease), color var(--ps-dur) var(--ps-ease); will-change: transform, background-color, color;}
.custom-header .wrap, .products-services-pagination .wrap{display: flex; align-items: center;}
img.site-logo{max-width: 350px;}
ul#menu-main-menu{justify-content: flex-end; display: flex; align-items: flex-start;}
ul#menu-main-menu li a{position: relative; font-size: var(--font-size-header-menu); text-decoration: none; letter-spacing : -0.95px;}
.custom-nav{display: flex; align-items: center; justify-content: flex-end; position: relative;}
.nav-menu{counter-reset: menuitem; display: flex; gap: 1.25rem;}
.nav-menu > li{counter-increment: menuitem; display: flex; align-items: flex-start; gap: 0.25rem;} 
.nav-menu > li::before{display: none!important; content: "/0" counter(menuitem); font-style: italic; font-weight: 400; font-size: var(--font-size-footer); letter-spacing: -0.6px; color: inherit; display: block; line-height: 1.1;}
.nav-menu > li > a{font-size: var(--font-size-header-menu); display: inline-block; line-height: 1.4;}
.nav-menu > li > a:hover, .nav-menu > li.current-menu-item a, .nav-menu > li.current-menu-item a:hover{text-decoration: underline!important;}
body.menu-colour-light .site-header{position: absolute; color: #fff; z-index: 999;}
body.menu-colour-dark .site-header{position: relative; color: #000;}
body.menu-colour-dark .site-header a, body.menu-colour-dark .site-header ul#menu-main-menu li a {color: #000; transition: color var(--ps-dur) var(--ps-ease);}
.custom-header .nav-menu > li{position: relative;}
.ps-panel{padding: var(--header-padding); position: fixed; left: 0; right: 0; top: 89px; background: var(--gold); color: var(--dark-grey); z-index: 9999; opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity var(--ps-dur) var(--ps-ease), transform var(--ps-dur) var(--ps-ease); will-change: opacity, transform;}
body.ps-panel-open .ps-panel{opacity: 1; transform: translateY(0); pointer-events: auto;}
.ps-panel[hidden]{opacity: 0; transform: translateY(-8px); pointer-events: none;}
.ps-panel__inner{margin: 0 auto; padding: var(--ps-pad-y) 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0;}
.ps-col{min-height: 520px; padding: 0 clamp(18px, 2vw, 28px);}
.ps-panel__inner::before{content:""; position:absolute; left: calc(0 + var(--ps-rule-offset)); top: var(--ps-pad-y); bottom: var(--ps-pad-y); width: 1px; background: var(--ps-line);}
.ps-col + .ps-col{border-left: 1px solid var(--ps-line);}
.ps-intro__kicker, .ps-intro__contact-label{font-style: italic; font-weight: 400; font-size: var(--font-size-footer); letter-spacing: -0.6px; color: inherit; display: block; line-height: 1.1;}
.ps-intro__title{font-size: var(--font-size-h2); line-height: 58px; letter-spacing: -2.8px; margin-bottom: 5px;}
.ps-intro__copy{font-size: var(--font-size-s); line-height: 25px; letter-spacing: -0.58px; color: var(--dark-grey); font-weight: 300;}
.ps-intro__contact{position: absolute; left: clamp(18px, 2vw, 28px); bottom: var(--ps-pad-y);}
.ps-intro__contact-link{display: block; font-size: var(--font-size-s)!important; line-height: 25px; letter-spacing: -0.58px; font-weight: 300;}
.ps-intro__contact-link:hover{text-decoration: underline;}
.ps-panel a{color: inherit;}
body.menu-colour-light.ps-force-dark .site-header{background-color: var(--gold);}
body.menu-colour-light.ps-force-dark .site-header a, body.menu-colour-light.ps-force-dark .site-header ul#menu-main-menu li a, body.menu-colour-light.ps-force-dark .nav-menu > li::before{color: var(--dark-grey);}
body.menu-colour-dark.ps-panel-open .site-header{background-color: var(--gold);}
.ps-item{margin: 0 0 10px;}
body.menu-colour-light .site-header a, body.menu-colour-light .site-header ul#menu-main-menu li a{color: #fff; transition: color var(--ps-dur) var(--ps-ease);}
.ps-link{color: inherit; text-decoration: none!important; font-size: var(--font-size-s)!important; line-height: 25px; letter-spacing: -0.58px; font-weight: 300;}
a.ps-link:hover{text-decoration: underline!important;}
.ps-close{display: none;}
.custom-nav--desktop{display: block;}
.burger-toggle, .mobile-menu{display: none;}
@media (max-width: 767px){
  .custom-nav--desktop{display: none;}
  .burger-toggle{display: inline-flex;}
  .mobile-menu{display: block;}
}
/* Slider --------------------------------------------- */
.acf-slideshow{width: 100%; position: relative; z-index: 1;}
.flickity-slider{position: inherit!important;}
.acf-slider .slide{position: relative; width: 100%; overflow: visible; align-items: center; justify-content: center; height: 100vh;}
body.page-child .acf-slider .slide{height: 50vh;}
.acf-slider img, .acf-slider video{display: block; width: 100%; height: 100%; object-fit: cover;}
.acf-slider img{object-position: top;}
.media-wrapper{position: relative; width: 100%; height: 100%; overflow: hidden;}
.media-wrapper img, .media-wrapper video{width: 100%; height: 100%; object-fit: cover; display: block;}
.media-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1;}
body.home .acf-slider .slide-inner{position: absolute; top: 50%; left: 80%; transform: translate(-80%, -50%); z-index: 2; color: var(--white); display: flex; flex-direction: column; width: 50%; max-width: 580px;}
.acf-slider .slide-inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: var(--white); display: flex; flex-direction: column; width: 50%; max-width: 650px;}
.acf-slider .slide-inner p.subheading{font-family: var(--font-orbitron); margin-bottom: 15px;}
.acf-slider .slide-inner h1{font-weight: 300; color: var(--white); font-size: var(--font-size-slider); letter-spacing: -3.9px; line-height: 68px; margin: 0;}
.flickity-page-dots{bottom: 40px!important;}
.flickity-page-dots .dot{border: 2px solid var(--white); background: transparent!important; opacity: 1!important;}
li.dot.is-selected{background: var(--white)!important;}
.slide-inner, .floating-button{position: relative; z-index: 2;}
.floating-button{transition: transform 0.4s ease-in-out; position: fixed; top: 50%; right: 0.813rem; transform: translateY(-50%); width: 100px; height: 100px; border-radius: 50%; overflow: hidden; z-index: 1000;}
.floating-button:hover{transform: translateY(-50%) scale(1.08); transition: transform 0.4s ease-in-out;}
.fill-layer{position: absolute; inset: 0; border-radius: 50%; background-color: #ffffff; z-index: 1; transition: background-color 0.2s linear;}
.rotating-text{position: absolute; width: 100%; height: 100%; animation: rotate 10s linear infinite; z-index: 1;}
.rotating-text svg{width: 100%; height: 100%; fill: var(--dark-grey);}
.center-text{position: absolute; z-index: 2; color: var(--dark-grey); transform: translate(-50%, -50%); top: 50%; left: 50%;}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.site-header{transition: background-color 0.4s ease; background-color: transparent;}
.site-header.scrolled-header{background-color: rgba(213, 188, 97, 0.6); backdrop-filter: blur(5px);}
/* Page Builder --------------------------------------------- */
.page-builder, .subpage{position: relative; background: #fbf3eb; z-index: 0; overflow: hidden;}
.page-builder::before, .subpage::before{content: ""; position: absolute; top: 0; left: 0; width: 130%; height: 130%; background: radial-gradient(160% 160% at top left, #d5bc62 0%, #e7d9a8 10%, #f5ece2 22%, #fbf3eb 45%); z-index: -1; pointer-events: none;}
.two-col, .products-services-carousel, .introduction, .testimonials-carousel, .latest-news, .client-carousel, .products-grid, .products-services-overview, .products-services-pagination, .about-hero, .contact-hero, .contact-columns, .contact-lower{padding: var(--module-padding);}
.two-col .wrap, .products-services-carousel .wrap, .introduction .wrap, .latest-news .wrap, .client-carousel .wrap{margin-left: auto; margin-right: 0; padding-right: var(--wrap-padding, 1.25rem);}
.two-col .wrap{display: flex; align-items: center;}
.two-col .col-6{flex: 0 0 calc(50% - (var(--gap-xl) / 2));}
.two-col--image-left .wrap{flex-direction: row-reverse;}
.two-col--image-right .wrap{flex-direction: row;}
h2.module-heading{padding-bottom: var(--heading-padding); font-size: var(--font-size-h2); line-height: 68px; letter-spacing: -1px;}
hr.heading, hr.filters{color: var(--dark-grey); margin: 0 auto 10px auto;}
.two-column-content.two-images{display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6.25rem;}
.two-column-content .text-column{flex: 1 1 50%; display: flex; flex-direction: column; justify-content: center; gap: 1.25rem;}
.top-copy .col-6, .bottom-copy .col-9, .image-column .col-10, .products-filters .col-9{margin-left: auto; margin-right: 0; text-align: left;}
.top-copy .col-6, .bottom-copy .col-9{margin-left: 0;}
.top-copy p, .bottom-copy p, .top-copy ul li, .bottom-copy ul li{font-size: var(--font-size-m); line-height: 30px; letter-spacing: -0.58px; color: var(--dark-grey); font-weight: 300;}
.top-copy ul, .bottom-copy ul{list-style-position: outside; padding-left: 1.25em; margin-left: 0; margin-bottom: 15px;}
.top-copy ul li, .bottom-copy ul li{list-style-type: disc; padding-left: 0.35em;}
.image-column{flex: 1 1 50%;}
/*.image-grid{display: flex; flex-wrap: wrap; align-items: stretch; gap: 1.5rem; justify-content: flex-end;}*/
.image-item:first-child{flex: 0 1 40%; align-self: flex-start; aspect-ratio: 4 / 3; overflow: hidden;}
.image-item:first-child img{height: 100%; object-fit: cover;}
.image-item:last-child{flex: 0 1 55%; align-self: center; aspect-ratio: 1 / 1; overflow: hidden;}
.image-item:last-child img{height: 100%; object-fit: cover;}
.image-item img{width: 100%; display: block; border-radius: 12px;}
.buttons-row{display: flex; gap: 0.938rem; align-items: center; padding-top: var(--heading-padding);}
.buttons-row a, a.pagination-btn.prev, a.pagination-btn.next{background-color: var(--gold); padding: var(--button-padding); border-radius: 30px; font-size: var(--font-size-button); font-family: var(--font-roboto); text-decoration: none; letter-spacing: -0.55px; text-transform: uppercase; color: var(--dark-grey);}
.buttons-row a:hover, a.pagination-btn.prev:hover, a.pagination-btn.next:hover{background: var(--dark-blue); color: var(--gold);}
.products-swiper .swiper-slide{height: auto; display: flex;}
.products-swiper .item{border-radius: 12px; background: linear-gradient(135deg, #2d2626 0%, #916126 40%, #d5bc61 75%, #f6e566 100%); display: flex; flex-direction: column; height: 100%;}
.products-swiper .item-inner{padding: 0.938rem; display: flex; flex-direction: column; justify-content: flex-start; height: 100%;}
.products-swiper a{color: #FAF3EC; text-decoration: none;}
.products-swiper .products-services-title{display: flex; align-items: flex-start; gap: 0.25rem;}
.products-swiper .counter-number{font-style: italic; font-weight: 400; font-size: var(--font-size-footer); line-height: 1.1;}
.products-swiper h3{font-size: 30px; line-height: 30px; letter-spacing: -1.44px; color: var(--white);}
.products-swiper img.icon{display: block; width: 30%!important; margin: var(--icon-padding);}
.products-swiper .spacer{flex-grow: 1;}
.products-swiper .excerpt{font-size: var(--font-size-s); line-height: 20px; letter-spacing: -0.77px;}
.swiper-button-next, .swiper-button-prev{width: inherit!important; height: inherit!important; margin-top: inherit!important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{outline: 0!important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
svg#left, svg#right{height: 40px; width: 40px; outline: none; box-shadow: none;}
.testimonials-carousel{background: var(--dark-blue);}
.testimonials-carousel .wrap{display: flex; margin-left: auto; margin-right: 0; padding-right: var(--wrap-padding, 1.25rem);}
.testimonials-carousel h2, .testimonials-carousel hr.heading{color: var(--white);}
.quote{font-size: var(--font-size-quote); line-height: 42px; letter-spacing: -1.95px; color: var(--white); font-weight: 200; padding-top: 16px; padding-bottom: 20px;}
.name, .company{font-family: var(--font-orbitron); font-size: var(--font-size-s); line-height: 20px; color: var(--white);}
.name{font-weight: bold;}
.testimonials-nav{display: flex; gap: 15px; justify-content: end;}
.testimonials-carousel .swiper-button-prev{left: inherit; top: inherit; position: relative;}
.testimonials-carousel .swiper-button-next{right: inherit; top: inherit; position: relative;}
.news-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0.938rem; padding: 0 15px;}
.latest-news h2.module-heading{padding-top: var(--padding-large);}
.two-col h2.module-heading, .products-services-carousel .top-copy, .news-grid, .introduction h2.module-heading{padding-bottom: var(--padding-large)!important;}
.client-swiper{margin-bottom: var(--padding-large)!important;}
.grid-item a{color: var(--dark-grey); text-decoration: none;}
.grid-inner{padding: 10px 0;}
.grid-item img{border-radius: 12px; aspect-ratio: 1 / 1; object-fit: cover; object-position: center;}
.meta{font-family: var(--font-roboto); font-style: italic; font-size: var(--font-size-footer); letter-spacing: -0.6px;}
.grid-inner .category::before{content: "■"; display: inline-block; margin-right: 0.25rem; color: var(--dark-grey); font-size: var(--font-size-footer);}
.grid-item h3{font-size: var(--font-size-footer-heading); line-height: 30px; letter-spacing: -1.44px; padding: 10px 0;}
.grid-item .excerpt{font-size: var(--font-size-s); line-height: 20px; letter-spacing: -0.77px; color: var(--dark-grey);}
.date{font-size: var(--font-size-footer); letter-spacing: -0.6px; color: var(--dark-grey);}
.grid-item .buttons-row{padding-top: 10px;}
.grid-item .buttons-row a{background: var(--light-grey);}
.grid-item .buttons-row a:hover{background: var(--dark-blue); color: var(--gold);}
/* Products & Services --------------------------------------------- */
.products-grid-wrapper, .three-col-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; padding-bottom: var(--padding-large);}
.products-filters p{letter-spacing: -0.58px; color: var(--dark-grey); font-weight: 300; font-size: var(--font-size-s);}
.products-filters{margin-bottom: var(--padding-large);}
.products-filters-inner{width: 75%;}
.filter-search-row{display: flex; flex-wrap: inherit; gap: 0.313rem;}
.sector-filters{display: flex; gap: 0.313rem; flex-wrap: wrap;}
.filter-btn{border: 1px solid var(--dark-grey); background: none; cursor: pointer; padding: var(--button-padding); border-radius: 30px; font-size: var(--font-size-button); letter-spacing: -0.55px; text-transform: uppercase; color: var(--dark-grey); font-weight: normal;}
.filter-btn.active{background: var(--gold); border: 1px solid var(--gold);}
.filter-btn:hover{background: var(--gold); border: 1px solid var(--gold); color: var(--dark-grey);}
.products-search{flex-grow: 1;}
.products-search input{border: 1px solid var(--dark-grey); background: none; cursor: pointer; padding: var(--button-padding); border-radius: 30px; font-size: var(--font-size-button); letter-spacing: -0.55px; text-transform: uppercase; color: var(--dark-grey); font-weight: normal; width: 100%; box-sizing: border-box;}
.product-card{display: block; text-decoration: none; color: inherit; position: relative; overflow: hidden; border-radius: 12px;}
.product-image{position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 3;}
.product-image img{width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 12px;}
.product-image .overlay{ position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); border-radius: 12px; z-index: 1;}
.product-card:hover .overlay{background-color: rgba(213, 188, 98, 0.9);}
.product-card .products-services-title{position: absolute; top: 0.938rem; left: 0.938rem; display: flex; gap: 0.25rem; z-index: 2; max-width: 85%;}
.read-more-btn{position: absolute; left: 0.938rem; bottom: -2.188rem; z-index: 2; transition: bottom 0.3s ease, opacity 0.3s ease; opacity: 1;}
.read-more-btn span{border: 1px solid var(--white); color: var(--white); border-radius: 30px; padding: var(--button-padding); font-size: var(--font-size-button); letter-spacing: -0.55px; text-transform: uppercase; cursor: pointer;}
.product-card:hover .read-more-btn{bottom: 1.563rem; opacity: 1;}
.products-services-title .counter{display: none; font-style: italic; font-weight: 400; font-size: var(--font-size-footer); line-height: 1.1; color: var(--white); letter-spacing: -0.6px;}
h3.product-title{font-size: var(--font-size-footer-heading); letter-spacing: -1.44px; color: var(--white); font-weight: 400; width: 90%; line-height: 30px;}
.products-services-overview .overview-inner{display: flex;}
.products-services-overview .col-7{position: relative;}
.products-services-overview.image-left .col-7{padding-left: var(--padding-large);}
.products-services-overview.image-right .col-7{padding-right: var(--padding-large);}
.products-services-overview.image-left.has-secondary .text-column, .products-services-overview.image-right.has-secondary .text-column{position: absolute; bottom: 0;}
.products-services-overview.image-right.has-secondary .text-column{right: var(--padding-large);}
.text-column .subheading{font-size: var(--font-size-s); line-height: 32px; letter-spacing: -0.32px; text-transform: uppercase; color: var(--dark-grey); margin: 0; font-weight: 300;}
.text-column .copy p{font-size: var(--font-size-m); line-height: 30px; letter-spacing: -0.58px; color: var(--dark-grey); font-weight: 100;}
.products-services-overview .image-column{flex: 1; position: relative;}
.products-services-overview .primary-image-wrapper img{display: block; width: 100%; height: auto; border-radius: 0.75rem;}
.products-services-overview .secondary-image-wrapper{position: absolute; top: 0; right: 0; width: 180px; z-index: 2;}
.products-services-overview .secondary-image-wrapper img{width: 100%; height: auto; border-radius: 12px;}
.products-services-overview.image-right .overview-inner{flex-direction: row-reverse;}
.products-services-overview.image-right .secondary-image-wrapper{left: 0; top: 0;}
body.single-products .latest-news h2.module-heading{padding-top: 0;}
/* Blog Index and Single Blog Posts --------------------------------------------- */
body.page-template-blog .site-container::before{content: ""; position: absolute; top: 0; left: 0; width: 130%; height: 250%; background: radial-gradient(160% 160% at top left, #d5bc62 0%, #e7d9a8 10%, #f5ece2 22%, #fbf3eb 45%); z-index: -2; pointer-events: none;}
body.page-template-blog .site-container::after{content: ""; position: absolute; top: 90px; left: 0; width: 600px;  height: 600px; background: url("/wp-content/uploads/2025/08/Techality_Globe.svg") no-repeat; background-size: contain; z-index: -1; pointer-events: none; opacity: 0.9;}
body.page-template-blog .fill-layer{background: var(--gold);}
body.page-template-blog p.subheading{font-family: var(--font-orbitron); margin-bottom: 15px;}
body.page-template-blog h1.contact-title{max-width: 735px;}
/* About --------------------------------------------- */
body.page-template-about .site-container::before{content: ""; position: absolute; top: 0; left: 0; width: 130%; height: 280%; background: radial-gradient(160% 160% at top left, #d5bc62 0%, #e7d9a8 10%, #f5ece2 22%, #fbf3eb 45%); z-index: -1; pointer-events: none;}
body.page-template-about .site-container::after{content: ""; position: absolute; top: 90px; left: 0; width: 600px;  height: 600px; background: url("/wp-content/uploads/2025/08/Techality_Globe.svg") no-repeat; background-size: contain; z-index: -1; pointer-events: none; opacity: 0.9;}
body.page-template-about .fill-layer{background: var(--gold);}
body.page-template-about p.subheading{font-family: var(--font-orbitron); margin-bottom: 15px;}
h1.about-title{font-size: var(--font-size-about); font-weight: 300; line-height : 90px; letter-spacing : -4.3px; color: var(--dark-grey);}
#bio.two-col h2.module-heading{padding-bottom: var(--heading-padding)!important;}
img.team{width: 80%; border-radius: 12px;}
.bio-inner{height: 1em; display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--font-size-s); line-height: 32px; letter-spacing: -0.32px; width: 80%; padding-top: 5px; font-family: var(--font-roboto); text-transform: uppercase;}
.bio-inner .name{color: var(--dark-grey); font-family: var(--font-roboto); font-weight: inherit;}
.job-title{color: var(--job-title);}
.bio-email{display: inline-flex; height: 1em; justify-content: flex-end; flex: auto;}
.bio-email .email-icon{height: 0.8em; width: auto;}
.bio-block{border-top: 1px solid var(--dark-grey);}
.bio-block-inner{display:grid; grid-template-columns: var(--bio-label-w) 1fr; column-gap: 1.5rem; align-items: start; padding: 30px 0;}
.bio-block-inner .subheading{margin: 0; white-space: nowrap; font-size: var(--font-size-s); letter-spacing: -0.32px; color: #2D2626; font-family: var(--font-roboto)!important; text-transform: uppercase; font-weight: 300;}
.bio-block-inner .copy{min-width: 0;}
.two-col-grid.values-grid hr.heading{width: 50%; float: left;  margin: 0 0 10px 0;}
.two-col-grid.values-grid h2.module-heading{text-align: left; width: 100%; display: flex;}
#values .values-grid{display:block;}
#values .values-left-heading{z-index: 3; }
#values .values-list-row{position: relative; z-index: 1; padding-bottom: var(--padding-x-large);}
#values .values-list{ margin: 0; padding: 0; list-style: none; }
#values .value-item{display:block; margin-bottom: 20px;}
#values .value-link{all: unset; display:flex; /*cursor:pointer;*/ cursor: text;}
#values .value-num{opacity: .5; margin-right: 0.25rem; font-style: italic; font-weight: 400; font-size: var(--font-size-footer); letter-spacing: -0.6px; display: block;}
#values .value-text{/*color: rgba(45,38,38,.25);*/ font-size: var(--font-size-values); line-height: 70px; letter-spacing: -3.85px; font-weight: 400; transition: color .3s ease; color: var(--dark-grey); opacity: .5;}
/*#values .value-item.is-active .value-text{color: var(--dark-grey);}*/
#values{--values-gap: 4rem;}
#values .values-flyout{position: absolute; left: calc(50% + var(--values-gap) / 2); width: calc(50% - var(--values-gap) / 2); top: 0; transform: translateY(0); transition: transform 420ms cubic-bezier(.22,.61,.36,1), height 300ms ease; will-change: transform, height; pointer-events: none; z-index: 2; display: none;}
#values .values-flyout .value-card{position: absolute; background: var(--gold); padding: clamp(1.5rem, 3vw, 2.5rem); box-sizing: border-box; opacity: 0; transform: translateY(8px); transition: opacity 220ms ease, transform 220ms ease; pointer-events: auto; font-size: var(--font-size-sm); line-height: 26px; letter-spacing: -0.4px; color: var(--dark-grey); font-weight: 300; border-radius: 12px;}
#values .values-flyout .value-card.is-active{opacity: 1; transform: translateY(0);}
#values .value-card-head{display:flex; gap: 0.25rem; margin-bottom:1rem; }
#values .value-card-head .value-num{font-style: italic; opacity: .5; line-height: 1.1;}
#values .value-card-title{ text-transform: uppercase; letter-spacing:.03em; }
@media (prefers-reduced-motion: reduce){
  #values .values-flyout{ transition: none; }
  #values .values-flyout .value-card{ transition: none; }
}
/* Contact --------------------------------------------- */
body.page-template-contact-us .site-container::before{content: ""; position: absolute; top: 0; left: 0; width: 130%; height: 250%; background: radial-gradient(160% 160% at top left, #d5bc62 0%, #e7d9a8 10%, #f5ece2 22%, #fbf3eb 45%); z-index: -2; pointer-events: none;}
body.page-template-contact-us .site-container::after{content: ""; position: absolute; top: 90px; left: 0; width: 600px;  height: 600px; background: url("/wp-content/uploads/2025/08/Techality_Globe.svg") no-repeat; background-size: contain; z-index: -1; pointer-events: none; opacity: 0.9;}
body.page-template-contact-us .fill-layer{background: var(--gold);}
body.page-template-contact-us p.subheading{font-family: var(--font-orbitron); margin-bottom: 15px;}
h1.contact-title{font-size: var(--font-size-contact); font-weight: 300; line-height: 100px; letter-spacing: -4.8px; color: var(--dark-grey);}
.two-col-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem;}
.three-col-grid .col-4, .two-col-grid .col-6{max-width: 100%;}
.three-col-grid .col-4 p.subheading{font-size: 14px; letter-spacing: -0.28px; text-transform: uppercase; font-weight: 300; font-family: var(--font-roboto);}
.three-col-grid .col-4 .copy p, .two-col-grid .col-6 .copy p{margin: 0; font-size: var(--font-size-sm); line-height: 26px; letter-spacing: -0.4px; color: var(--dark-grey); font-weight: 300;}
.two-col-grid .col-6 .copy p{margin: 0 0 15px 0;}
.two-col-grid .col-6 .copy p:last-child{margin: 0;}
.three-col-grid .col-4 .copy p a, .two-col-grid .col-6 .copy p a{color: var(--dark-grey); text-decoration: none;}
.three-col-grid .col-4 .copy p a:hover, .two-col-grid .col-6 .copy p a:hover{text-decoration: underline;}
a.directions{color: var(--dark-grey); padding-top: 10px; display: block; font-size: 14px; line-height: 26px; letter-spacing: -0.28px; font-weight: 300;}
.Qkr3P{max-width: 100%!important; min-width: 100%!important;}
iframe{height: 600px;}
/* Footer --------------------------------------------- */
.footer-widgets{background: var(--dark-blue); color: var(--white); padding: var(--module-padding); font-family: var(--font-roboto); font-size: var(--font-size-footer); text-transform: uppercase; border-top: 0;}
.footer-widgets.wrap{display: flex; max-width: inherit;}
.footer-widget-area, .footer-meta-1, .footer-meta-2, .footer-meta-3, .footer-meta-4{padding: 0 15px;}
.footer-widget-area.footer-1, .footer-meta-1{flex: 0 0 50%; max-width: 50%;}
.footer-widget-area.footer-2, .footer-widget-area.footer-3, .footer-widget-area.footer-4, .footer-meta-2, .footer-meta-3, .footer-meta-4{flex: 0 0 16.66%; max-width: 16.66%;}
.footer-widgets h3{color: var(--white); font-size: var(--font-size-footer-heading); text-transform: initial; line-height: 30px; letter-spacing: -1.44px; font-weight: 400; max-width: 170px;}
.widget ul > li{margin-bottom: 0;}
.textwidget p a, .widget ul > li a, .footer-meta a{color: var(--white); text-decoration: none; line-height: 20px; letter-spacing: -0.58px;}
.textwidget p a:hover, .widget ul > li a:hover, .footer-meta a:hover{text-decoration: underline;}
.footer-branding{background: var(--dark-blue); padding: var(--module-padding);}
.footer-logo img{width: 100%;}
.footer-meta{color: var(--white); display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--footer-meta-padding); font-family: var(--font-roboto); font-size: var(--font-size-footer); text-transform: uppercase;}
img.linkedin{height: 20px; width: 20px;}
/* Text Animation --------------------------------------------- */
.animated-slide{opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; will-change: transform, opacity;}
.animated-slide.in-view{opacity: 1; transform: translateY(0);}