/*
Theme Name: HYCHEM Child
Template: understrap
Author: Abbey Palmer
Author URI: https://studioslick.com.au
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,translation-ready,block-styles,wide-blocks,editor-style,threaded-comments,accessibility-ready
Version: 6.1
Updated: 2026-03-12 22:34:12

*/

:root {
  overscroll-behavior: none;
  --header-height: 141px;
}

[id] {
  scroll-margin-top: var(--header-height);
}

#hero .hero-overlay .box div:nth-child(3) {
	display: flex;
	gap: 1em;
}

html {
	overflow: auto !important;
	height: auto !important;
	min-height: 100% !important;
	width: 100% !important;
}

body {
	overflow: auto !important;
	height: auto !important;
	min-height: 100% !important;
	width: 100% !important;
	position: static !important;
}


body[style*="overflow"],
html[style*="overflow"],
body[style*="height"],
html[style*="height"] {
	overflow: auto !important;
	height: auto !important;
}


#page,
#wrapper,
.site,
.sections-wrapper {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
	position: static !important;
}

#wrapper-footer {
  height: auto !important;
  min-height: 100px !important;
  display: block !important;
  overflow: visible !important;
}

.row {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

* {
  box-sizing: border-box;
}


.wrapper,
#wrapper,
#page {
  max-width: 100%;
}

h1, 
h2, 
h3,
h4, 
h5, 
p, 
body, 
li {
	font-family: 'Inter', sans-serif;
	color: #383838;
}

h1 {
	font-size: 36px;
	font-weight: 500;
}

h1 + p {
  margin-top: 0;
}

h1:has(+ p) {
  margin-bottom: 1em;
}

h1 span {
	font-size: 60px;
	display: block;
}

h2 {
	font-size: 28px;
	font-weight: normal;
	line-height: 130%;
}

h2 + p {
  margin-top: 0;
}

h2:has(+ p) {
  margin-bottom: 1.5em;
}

h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 140%;
}

h3 + p {
  margin-top: 0;
}

h3:has(+ p) {
  margin-bottom: 1.5em;
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
}

h3 span {
	font-size: 16px;
	display: block;
}

p, a {
	font-size: 18px;
	line-height: 140%;
	font-weight: 400;
	color: #383838;
}

p:last-of-type {
	margin-bottom: 0;
}

.reverse h1, 
.reverse h2, 
.reverse h3, 
.reverse h4, 
.reverse h4, 
.reverse p, 
.reverse body, 
.reverse li,
.reverse .btn {
	color: #FFF;
}

ul {
	padding: 0.5em 1em;
}

li {
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 10px;
}

b, strong {
	font-weight: 700;
}

.title {
	font-weight: 600;
	margin-bottom: 2em;
}

header {
	position: fixed;
	z-index: 2;
}

.img-fluid {
  width: 233px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
	position: fixed;
  z-index: 0;
  margin-top: 18px;
  padding-top: 0;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	background: transparent !important;
	transition: all 0.6s ease;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
	opacity: 0.6;
}

.page-id-2 #mega-menu-wrap-primary.menu-hover {
	background-color: #FFF !important;
	background-image: none !important;
}

#mega-menu-wrap-primary {
	width: 100%;
	max-width: 100vw;
	background: #FFF;
  padding: 5em 4.5em 1.5em;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
}

.desktop-only {
	padding: 5em 4.5em !important;
}

.navbar .dropdown-menu {
	top: 100%;
	left: 0;
	margin-top: 0;
}

.navbar-dark .navbar-brand {
	position: absolute;
	z-index: 1;
}

.navbar-brand {
	padding-top: 7.5em;
}

#mega-menu-wrap-primary #mega-menu-primary {
	text-align: right;
  gap: 4em;
  display: flex;
  float: right;
}

.bg-primary {
	background: #FFF !important;
	position: fixed;
	width: 100%;
	max-width: 100vw;
	padding: 0;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
	box-sizing: border-box;
	left: 0;
	right: 0;
}

.mega-sub-menu {
	padding: 1.5em 4em 4em !important;
}

#mega-menu-wrap-primary #mega-menu-primary p {
  font-size: 13px;
  line-height: 150%;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	padding: 0;
}

.mega-sub-menu .mega-menu-link {
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	margin-bottom: 1em !important;
}

.mega-menu-parent {
	color: #383637;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	display: block;
	margin-bottom: 1em;
}

.mega-menu-parent:hover {
	color: #383637;
	text-decoration: none;
}

.mega-menu-column {
	border-left: 1px solid #EAEAEA !important;
	padding: 0;
}

.mega-menu-column .mega-menu-link {
	display: none !important;
}

.mega-menu-column .btn {
	margin-top: 0;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.headline {
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 150% !important;
}


.page-id-2 .bg-primary {
	background-color: transparent !important;
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.5)) !important;
	transition: background-color 0.3s ease, background-image 0.3s ease;
	box-shadow: none !important;
}

.page-id-2 #main-nav {
	background-color: transparent !important;
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.5)) !important;
	transition: background-color 0.3s ease, background-image 0.3s ease;
}

.page-id-2 #mega-menu-wrap-primary {
	background-color: transparent !important;
	transition: background-color 0.3s ease, background-image 0.3s ease;
}


.page-id-2 .bg-primary.scrolled {
	background-color: #FFF !important;
	background-image: none !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10) !important;
}

.page-id-2 #main-nav.scrolled {
	background-color: #FFF !important;
	background-image: none !important;
}

.page-id-2 #main-nav.scrolled #mega-menu-wrap-primary {
	background-color: #FFF !important;
	background-image: none !important;
}

a.mega-menu-link {
	color: #383637;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase !important;
	padding: 0 !important;
}

a.mega-menu-link:last-child {
	margin-right: 0;
}

.page-id-2 a.mega-menu-link {
  color: #FFF !important;
}

.page-id-2 .scrolled a.mega-menu-link{
  color: #383637 !important;
}

#mega-menu-item-104 a {
	background: #383637 !important;
	color: #FFF !important;
	padding: 7px 25px 8px !important;
  border-radius: 20px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0;
	margin-right: 1.3em !important;
	display: inline !important;
}

.page-id-2 #mega-menu-item-104 a {
	background: #FFF !important;
	color: #4D4D4D !important;
}

.page-id-2 .scrolled #mega-menu-item-104 a {
	background: #383637 !important;
	color: #FFF !important;
}

.page-id-2 .secondary-menu.scrolled  a {
	color: #4D4D4D !important;
}

.page-id-2 .secondary-menu.scrolled  .btn {
	color: #FFF !important;
}

#main-menu {
	gap: 2em !important;
}

.mega-current_page_item .mega-menu-link {
	filter: grayscale(100%);
}

.navbar .container {
	max-width: 100%;
	padding: 0 4em;
	margin: 0;
	box-sizing: border-box;
}

.navbar-dark .navbar-nav .nav-link {
	color: #383637;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: color: 0.8s ease;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: #383637;
}

.page-id-2 .navbar-dark .navbar-nav .nav-link {
	color: #FFF;
}

.page-id-2 .bg-primary.scrolled .nav-link {
	color: #383637 !important;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
	border-radius: 0;
	border: none;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active {
	color: #6A6A6A;
}

.menu-btn a {
	background: #FFF;
	border-radius: 50px;
	padding: 8px 30px !important;
	text-transform: capitalize !important;
	color: #383637 !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	transition: background 0.8s ease, color 0.8s ease;
}

.page-id-2 .menu-btn a, .page-id-2 .bg-primary.scrolled .menu-btn a {
	background: #383637;
	color: #FFF !important;
}

.parent, .child {
	color: #383637 !important;
	display: block;
	margin-bottom: 10px;
}

.parent:hover, .child:hover {
	text-decoration: none;
}

.parent {
	font-size: 14px;
	font-weight: 600;
	line-height: 130%;
	display: flex;
}

.parent:after {
	content: '';
	background-image: url('/wp-content/uploads/2025/09/Angle-Orange.svg');
  width: 10px;
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 4px 15px 0;
  transition: all 0.6s ease;
}

.parent:hover:after {
	margin: 4px 25px 0;
}

.child {
	font-size: 13px;
	font-weight: 400;
	line-height: 130%;
	transition: all 0.6s ease;
}

.child:hover {
	opacity: 0.6;
}

.gform_button {
	border-radius: 50px !important;
	padding: 8px 30px !important;
	background: #383637 !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before {
	color: #BF582B;
	font-size: 1.3em;
}

.indicator.active {
	filter: grayscale(1);
}

.sections-wrapper {
	padding-top: 135px;
}

.page-id-2 .sections-wrapper {
	padding-top: 0;
}

section {
	position: relative; 
}

.background-img {
	background: #383637;
}

.black-background {
	background: #000;
}

.grey-background {
	background: #4D4D4D;
}

.navy-background {
	background: #003644;
}

.light-grey-background {
	background: rgba(234,234,234,0.25);
}

.orange-gradient {
	background: var(--HYCHEM-Gradient, linear-gradient(90deg, #962E01 0%, #BC582D 100%));
}

.tree {
	background: #000;
}

.background {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center !important;
  opacity: 0.5;
  z-index: 0;
}

.background-content {
	position: relative;
  z-index: 1;
}

.border-container svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.svg-wrapper {
  width: 100%;
  height: 100%;
}

.svg-wrapper svg {
  width: 100%;
  height: 100%;
  display: block;
}

.video-logo {
	display: grid;
  justify-content: center;
}

.video-logo img {
	width: 9em;
}

.community {
	height: 68vh;
}

.blue {
	background: #C7D4E5;
}

.navy {
	background: #003644;
}

.orange .column {
	background: var(--HYCHEM-Gradient, linear-gradient(90deg, #962E01 0%, #BC582D 100%));
}

.lead .column:first-child p:first-child,
.lead .one-column p:first-child {
	font-size: 28px;
	font-weight: 400;
	line-height: 130%;
	margin: 0;
}

.headshot {
	display: grid;
	aspect-ratio: 5 / 5;
	background-repeat: no-repeat;
	background-size: cover;
}

.column {
	background-size: cover;
	background-position: center;
}

.one-column h1 {
	margin-bottom: 1.3em;
}

.one-column {
	width: 60%;
}

.hero .one-column {
	width: 50%;
}

.two-column {
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 0;
}

.employee {
	background-color: #EAEAEA;
	background-image: url('/wp-content/uploads/2025/09/Gradiant-Logo.svg');
	background-repeat: no-repeat;
	background-position: 64vw center;
	background-size: 100vh;
	overflow: hidden;
	box-sizing: border-box;
}

.employee .div-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 40%) minmax(0, 60%);
  gap: 5vw;
  max-width: 1575px;
  margin: 0 auto;
}

.employee .column {
	min-width: 0;
	overflow: hidden;
	box-sizing: border-box;
}

.employee .column.employee-content {
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	hyphens: none !important;
	box-sizing: border-box;
	width: 100%;
}

.employee .column.employee-content * {
	max-width: 100%;
	box-sizing: border-box;
}

.employee h1 {
	color: #003644;
	font-size: 40px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 0.2em;
	hyphens: none !important;
}

.employee .job-title {
	color: #003644;
	font-size: 28px;
	font-weight: 600;
	line-height: 130%;
	margin-bottom: 1.5em;
}

.employee-copy {
	max-width: 100%;
	overflow: hidden;
}

.employee-copy * {
	max-width: 100% !important;
	box-sizing: border-box;
}

.employee-copy img {
	max-width: 100% !important;
	height: auto !important;
	display: block;
}

.employee-copy table {
	max-width: 100% !important;
	table-layout: fixed;
	width: 100% !important;
}

.employee-copy iframe,
.employee-copy video {
	max-width: 100% !important;
}

.employee .column.employee-content p {
	max-width: 100%;
}

.employee-contact {
	margin-top: 3em;
}

.employee-contact p {
	color: #4D4D4D;
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 0.5em;
	display: flex;
	align-items: baseline;
	gap: 0.5em;
}

.employee-contact a {
	color: #4D4D4D;
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	transition: all 0.6s ease;
}

.employee-contact a:hover {
	text-decoration: none;
	opacity: 0.6;
}

.employee-contact p span {
	color: #BC582D;
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	min-width: 1.2em;
	text-align: left;
}

.two-thirds {
	display: grid;
	grid-template-columns: 90% 10%;
	gap: 0;
}

.project-details .two-column {
	grid-template-columns: repeat(2, 1fr);
	gap: 10em;
}

.padding .two-column {
	grid-template-columns: repeat(2, 1fr);
	gap: 7em;
}

.vertical-align .two-column {
	align-items: center;
}

.one-column-logo {
	margin-top: 2em;
	max-width: 35vw;
}

.featured-img {
	height: auto;
	aspect-ratio: 4 / 2.5;
	background-size: cover;
	background-position: center;
}

.featured-img {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.featured-img::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 1.5s ease;
}

.featured-img:hover::before {
  transform: scale(1.04);
}

.three-column {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1em;
	align-items: center;
	padding: 1em;
}

.img {
	height: 100%;
	aspect-ratio: 5 / 3;
	background-color: #D9D9D9;
	background-size: cover;
	background-position: center;
}

.column .img {
	aspect-ratio: 0;
}

.two-thirds-left .column .img,
.two-thirds-right .column .img {
	aspect-ratio: 5 / 3;
}

.btn {
	font-family: 'Proxima Nova', sans-serif;
	color: #003644;
	font-size: 14px;
	font-weight: 700;
	margin-top: 3em;
	padding: 0.5em 2em;
	text-decoration: none;
	border-radius: 2px;
	border: 2px solid rgba(119, 147, 182, 0.50);
	transition: background 1s ease, color 1s ease, border 1s ease;
	width: fit-content;
}

.btn:hover {
	background: #7793B6;
	color: #FFF;
}

.reverse .btn {
	border: 2px solid #FFF;
}

.blue .btn,
.navy .btn {
	border: 2px solid #4D727C;
}

.navy .btn:hover {
	border: 2px solid #4D727C;
	background: #4D727C;
	color: #FFF;
}

.blue .btn:hover {
	border: 2px solid #7793B6;
	background: #7793B6;
}

.orange.reverse .btn:hover {
	background: #FFF;
	color: #003644;
}

.btn:focus {
	box-shadow: none !important;
}

.btn-inner {
	position: relative;
	display: inline-block;
}

.btn svg {
	margin-right: 10px;
}

.btn-icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-100%, -50%);
	opacity: 0;
	transition: transform 0.4s ease, opacity 0.4s ease;
	width: 45px;
	pointer-events: none;
}

.btn-text {
	display: inline-block;
	transform: translateX(0);
	transition: transform 0.4s ease 0s;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

.btn svg path {
  transition: transform 0.3s ease;
  transform-origin: left center;
}

.btn-text {
  display: inline-block;
  transition: transform 0.3s ease;
}

.btn:hover .btn-text {
  transform: translateX(-0.8em);
}

.fancy-hover:hover .btn-icon {
	transform: translate(0, -50%);
	opacity: 1;
	transition-delay: 0s;
}

.fancy-hover:hover .btn-text {
	transform: translateX(50px);
	transition-delay: 0s;
}

#partner-logos {
  overflow: hidden;
  margin-top: -3em;
}

.logo-marquee {
  overflow: hidden;
  position: relative;
}

.logo-track {
  display: flex;
  width: max-content;
  animation: scroll-left 50s linear infinite;
  gap: 5em;
  padding: 0 0 4em;
}

.logo-item {
  flex: 0 0 auto;
  padding: 0 30px;
  display: flex;
  align-items: center;
}

.logo-item img {
	min-height: 80px;
  max-height: 80px;
  max-width: 200px;
  width: auto;
  object-fit: contain;
}

@keyframes scroll-left {
  0% {
      transform: translateX(0%);
  }
  100% {
      transform: translateX(-50%);
  }
}

.padding {
	padding: 8em 4em;
}

.thin-padding {
	padding: 1.3em;
}

.padding-left .column:first-child {
	padding: 4em;
	display: grid;
	align-content: center;
}

.compliance-home.padding-left .column:first-child {
	padding: 6em 4em;
}

.single-testimonial .column:first-child {
	padding: 4em;
	display: grid;
	align-content: space-between;
 	padding-bottom: 9em;
}

.padding-right .column:last-child {
	padding: 3em 5em;
	display: grid;
	align-content: center;
}

.padding-bottom {
	padding-bottom: 7em;
}

.padding-top {
	padding-top: 7em;
}

.padding-right.dark-charcoal .column:last-child,
.padding-right.charcoal .column:last-child,
.padding-left.dark-charcoal .column:first-child,
.padding-left.charcoal .column:first-child {
	padding: 7em 5em;
}

#wrapper-footer {
	background-color: #323232;;
	color: #FFF;
	padding: 0 3em;
}

#wrapper-footer p, 
#wrapper-footer a {
	color: #FFF;
}

.call-to-action {
	background-color: #EAEAEA;
	background-image: url('/wp-content/uploads/2025/09/Gradiant-Logo.svg');
	background-repeat: no-repeat;
	background-position: right 70%;
  display: grid;
  justify-content: center;
  padding: 7em 0;
  text-align: center;
}

.call-to-action p {
	font-size: 30px;
  line-height: 130%;
  max-width: 30vw;
  font-weight: 400;
  color: #003644 !important;
}

.page-id-12 .call-to-action p {
	max-width: 53vw;
}

.call-to-action .btn {
	border-radius: 2px;
	border: none;
	background: linear-gradient(90deg, #962E01 0%, #BC582D 50%, #BC582D 100%);
	background-size: 200% 100%;
	background-position: 0% 0%;
	color: #FFF !important;
	padding: 0.6em 1.8em;
	margin-top: 1em;
	transition: background-position 0.6s ease;
}

.call-to-action .btn:hover {
	background-position: 100% 0%;
}

.ginput_container_text input, .ginput_container_email input, .ginput_container_phone input {
	border-radius: 0 !important;
	border: none !important;
	border-bottom: 1px solid #383637 !important;
	box-shadow: none !important;
}

.ginput_container_select select, .ginput_container_textarea textarea, .ginput_container_checkbox input {
	border-radius: 0 !important;
	box-shadow: none !important;
}

.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	color: #383637 !important;
}

#latest-news {
	padding: 4rem !important;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 1rem 2rem;
}

.news-grid .single-post .thumbnail {
	background-color: #D9D9D9;
	border-radius: 5px 5px 0 0;
	aspect-ratio: 4/2.6;
	display: block;
	background-size: cover;
	background-position: center;
}

.single-post {
	background: #FFF;
	border-radius: 5px;
	display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

.single-post:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.single-post .thumbnail {
	position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4/2.6;
  background-color: #D9D9D9;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}

.single-post .thumbnail:hover {
  transform: scale(1.02);
}

.single-post h3 {
	color: #003644;
	font-size: 22px;
	font-weight: 400;
	line-height: 140%;
}

#latest-news .single-post h3 {
	color: #003644;
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
}

.single-post .btn-link {
	display: flex;
	color: #003644;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	margin-top: 2em;
	align-items: center;
}

.single-post .btn-link:after {
	display: block;
	content: '';
	background-image: url('/wp-content/uploads/2025/09/Angle-Orange.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 12px;
	height: 12px;
	margin-left: 1.5em;
	transition: margin-left 0.6s ease;
	align-self: center;
}

.single-post .btn-link:hover {
	text-decoration: none;
}

.single-post .btn-link:hover:after {
	margin-left: 2em;
}

.single-post .category a {
	color: #4D4D4D;
	margin-bottom: 1em;
	display: block;
	pointer-events: none;
	font-size: 12px;
	font-weight: 500;
	line-height: 172%;
}

.single-post .content {
	padding: 1.5em;
}

.single-post .content h3, 
.single-post .content h3 a {
	color: #003644;
	font-size: 16px;
	font-weight: 500;
	line-height: 130%;
}

.single-post .content h3 a:hover {
	text-decoration: none;
}

.news-grid .single-post .content {
	padding: 2.5em;
	position: relative;
	flex: 1;
	display: grid;
	align-content: space-between;
}

.news-grid .single-post .content .title {
	color: #B9B9B9;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}

.single-case-study h3 {
	color: #FFF;
	font-size: 30px;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 1em;
}

.single-case-study .blog p {
	font-size: 14px;
	font-weight: 300;
	line-height: 160%;
}

.single-case-study .blog p strong {
	font-weight: 600;
}

.blog a {
	text-decoration: underline;
	transition: all 0.6s ease;
}

.blog a:hover {
	color: #383838;
	opacity: 0.6;
}

.single-case-study .title {
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 172%;
	margin-bottom: 1em;
}

.news-grid .single-post .content .date,
.blog .date,
.single-case-study .date {
	color: #8B8B8B;
	font-size: 12px;
	font-weight: 500;
}

.news-grid .single-post .content .btn {
	margin-top: 0;
}

.single-case-study .img {
  display: block;
  background-size: cover
  background-position: center;
  background-repeat: no-repeat;
  transition: background-size 0.3s ease;
  margin: 1em;
  aspect-ratio: 5 / 3.5;
}

.news-hero div {
	height: calc(75vh - 134px);
	background-size: cover;
	background-position: center;
}

.news-hero div h1 {
	height: 100%;
	display: grid;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	line-height: 120%;
	padding: 0 15vw;
}

.case-studies-hero div {
	height: calc(75vh - 134px);
	background-size: cover;
	background-position: center;
}

.case-studies-hero-overlay {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
  height: 100%;
}

.case-studies-hero h1 {
	max-width: 1575px;
	margin: 0 auto;
  color: #FFF;
  height: 100%;
  display: grid;
  align-items: end;
  padding-bottom: 3em;
}

.load-more {
	display: grid;
  justify-content: center;
  margin: 3em 0 9em;
}

#load-more-news {
	background: transparent;
	padding: 0;
	border: none;
}

#socket .col-md-12 {
	display: flex;
	justify-content: center;
	padding: 0 0 1em;
}

#socket p {
	color: #FFF;
	font-size: 11px;
	font-weight: 300;
	line-height: normal;
}

#socket p:last-child {
	margin-left: 4em;
}

#socket a {
	font-weight: 600;
	transition: opacity 0.6s ease;
	font-size: 11px;
}

#socket a:first-child {
	margin-right: 2em;
}

#socket a:hover {
	text-decoration: none;
	opacity: 0.6;
}

#footer {
	padding: 0 0 5em;
}

#footer .row {
	display: grid;
  grid-template-columns: 25% 25% 40%;
  grid-auto-rows: auto;
  grid-gap: 6rem;
  border-top: 1px solid #3C3C3C;
  padding-top: 8em;
  max-width: 1200px;
}

.footer-menu {
	display: flex;
  gap: 10em;
}

#footer .row div:first-child img {
	width: 233px;
	margin: -20px 0 2.5em;
}

#footer .row div:first-child img:last-child {
	margin-top: 3em;
}

#footer .row div:first-child p {
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 150%;
}

#footer .row div:first-child p a {
	margin: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 140%;
}

.footer-address p a {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 130% !important;
  letter-spacing: 0.24px;
}

#footer .row div:first-child p a:hover {
	text-decoration: none;
}

.address {
	margin: 1.5em 0 !important;
}

.aus-badge {
	width: 95% !important;
	margin: 4em 0 0;
}

#footer .row div:nth-child(2) a,
#footer .row div:nth-child(2) p,
#footer .row div:nth-child(3) p, 
#footer .row div:nth-child(3) a, 
#footer .row div:nth-child(4) a, 
#footer .row div:nth-child(5) a {
	display: block;
	width: fit-content;
	font-size: 12px;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: 0.24px;
	margin-bottom: 2em;
}

.socials {
	margin-top: 1em;
	display: block;
}

#footer .row div p strong {
	display: block;
	letter-spacing: -0.308px;
}

#footer .row div p span,
#footer .row div a span {
	text-transform: uppercase;
}

#footer .row div:nth-child(2) a:hover, 
#footer .row div:nth-child(3) a:hover, 
#footer .row div:nth-child(4) a:hover, 
#footer .row div:nth-child(5) a:hover {
	text-decoration: none;
}

#footer .row div a:hover {
	opacity: 0.6;
}

.socials:hover {
	opacity: 1 !important;
}

.basic {
	padding: 8em;
}

.basic h1 {
	margin-bottom: 1em;
}

.basic .has-medium-font-size {
	color: #f47d1f;
}

.basic p a {
	color: #383637;
}

.basic p a {
	text-decoration: none;
}

.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  display: flex;
  justify-content: flex-end;
  z-index: 10000;
}

.overlay.visible {
  opacity: 1;
  pointer-events: auto;
}

.panel {
  width: 100%;
  height: 100vh;
  background: #fff;
  box-shadow: -4px 0 16px rgba(0,0,0,0.3);
  box-sizing: border-box;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  position: relative;
}

.overlay.visible .panel {
  transform: translateX(0);
  text-align: center;
}

.close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 28px;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1;
}

.post-modal {
	padding: 0 6em;
}

.sector-cards,
.solutions-cards {
	padding: 1.2em;
}

.sector-cards-single,
.solutions-cards-single {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1em;
	align-items: center;
}

.sector-cards-single a,
.solutions-cards-single a {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}

.sector-cards-single h3,
.solutions-cards-single h3 {
	color: #FFF;
	font-size: 32px;
	font-weight: 700;
	line-height: 130%;
}

.sector-cards-single a,
.solutions-cards-single a {
  position: relative;
  aspect-ratio: 3.8 / 5;
  background-color: #D9D9D9;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  display: block;
}

.solutions-cards-single a {
	aspect-ratio: 3.8 / 3;
}

.sector-cards-single a:hover,
.solutions-cards-single a:hover {
	text-decoration: none;
}

.sector-cards-single a:hover .single-overlay h3,
.solutions-cards-single a:hover .single-overlay h3 {
    transform: translateY(-20px);
}

.sector-cards-single a:hover .single-overlay .excerpt,
.solutions-cards-single a:hover .single-overlay .excerpt,
.sector-cards-single a.tap-revealed .single-overlay .excerpt,
.solutions-cards-single a.tap-revealed .single-overlay .excerpt {
  max-height: 400px;
  opacity: 1;
  transform: translateY(0);
}

.sector-cards-single a.tap-revealed .single-overlay {
  opacity: 0.9;
  background: rgba(20, 20, 20, 0.90);
}

.solutions-cards-single a.tap-revealed .single-overlay {
  opacity: 0.9;
  background: linear-gradient(270deg, rgba(188, 88, 45, 0.90) 0%, rgba(165, 63, 19, 0.90) 100%);
}

.card-background {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.background-image {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease-in-out;
  will-change: transform;
}

.single-overlay {
  position: relative;
  background: linear-gradient(180deg, rgba(139, 137, 137, 0.00) 0%, rgba(37, 36, 36, 0.90) 100%);
	background-blend-mode: multiply;
  height: 100%;
  padding: 3em;
  display: grid;
  align-content: end;
  z-index: 1;
  transition: background-color 0.3s ease;
}

.sector-cards-single a:hover .single-overlay {
  opacity: 0.9;
	background: rgba(20, 20, 20, 0.90);
}

.solutions-cards-single a:hover .single-overlay {
	opacity: 0.9;
	background: linear-gradient(270deg, rgba(188, 88, 45, 0.90) 0%, rgba(165, 63, 19, 0.90) 100%);
}

.single-overlay h3 {
  margin: 0;
  transition: transform 0.3s ease;
}

.single-overlay p {
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
}

.single-overlay .excerpt {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 1s ease, opacity 1s ease, transform 1s ease;
  transform: translateY(20px);
  margin-bottom: 2em;
}

.single-overlay span {
	display: flex;
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
}

.single-overlay span:after,
.single-case-study .btn-link:after {
	display: block;
	content: '';
	background-image: url('/wp-content/uploads/2025/09/Angle-Orange.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 12px;
	height: 12px;
	margin-left: 1.5em;
	transition: margin-left 0.6s ease;
	align-self: center;
}

.sector-cards-single a:hover .single-overlay span,
.solutions-cards-single a:hover .single-overlay span,
.single-case-study .btn-link:hover {
	color: #FFF;
	text-decoration: none;
}

.sector-cards-single a:hover .single-overlay span:after {
	
	margin-left: 2em;
}

.solutions-cards-single a:hover .single-overlay span:after,
.single-case-study .btn-link:hover:after {
	background-image: url('/wp-content/uploads/2025/09/Angle.svg');
	margin-left: 2em;
}

#case-studies {
	background: #4D4D4D;
}

.single-case-study {
	display: flex;
	min-height: 500px;
}

.single-case-study .img {
	width: 50%;
	height: 100%;
	margin: 0 1em;
}

.single-case-study .content {
	padding: 3em;
	width: 50%;
  display: grid;
  align-content: center;
  justify-items: left;
  background: #4D4D4D;
}

.single-case-study .btn-link {
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
	text-decoration: none;
	margin-top: 2em;
}

.gallery {
	margin: 0;
	padding: 1em;
}

.blog {
	display: flow-root;
	margin: 5em 7em;
}

.single-case_study .blog {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 30px !important;
	align-items: flex-start !important;
}

.blog .column:first-child {
	width: 65%;
	float: left;
	padding-right: 4em;
}

.blog .column:last-child {
	float: left;
}

.single-case_study .blog .column:first-child,
.single-case_study .blog .column:last-child {
	float: none !important;
	width: auto !important;
}

.single-case_study .blog .column:first-child {
	flex: 1 1 auto !important;
}

.single-case_study .blog .column.case-study-sidebar {
	flex: 0 0 300px !important;
	width: 300px !important;
}

.blog h1 {
	margin-bottom: 0.5em;
}

.blog p:first-child {
	font-size: 26px;
	font-weight: 400;
	line-height: 130%;
	margin: 0.5em 0 1em;
	color: #023A5D;
}

.has-medium-font-size {
	color: #003644;
	font-size: 20px;
	font-weight: 500;
	line-height: 140%;
}

.two-column.lead .column:first-child p:first-of-type {
	font-size: 28px;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 1em;
}

.wp-block-image>figure, 
figure.wp-block-image {
	margin: 2em 0;
}

.wp-block-quote {
	border-left: 1px solid #F47D20;
	padding-left: 1em;
	margin: 2.5em 0;
}

.wp-block-quote p {
	font-size: 20px;
	font-weight: 600;
	line-height: 130%;
}

.wp-element-caption {
	color: #383838;
	font-size: 14px;
	font-weight: 400;
	line-height: 140%;
}

.blog-cta {
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
}

.blog-cta a {
	color: #383637;
	border-bottom: 1px solid #F47D20;
	font-weight: 600;
}

.blog-cta a:hover {
	text-decoration: none;
}

.share p {
	color: #8B8B8B;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
}

#latest-news .column {
	display: flex;
	align-items: center;
}

.page-id-2 #latest-news .column {
	display: block;
}

#latest-news h2 {
	font-size: 13px;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 4em;
}

#latest-news .btn {
	margin-top: 4em;
}

.logo-grid {
  padding: 4em;
}

.logo-grid h2 {
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

.logo-grid__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3em;
  justify-items: center;
  align-items: center;
  grid-auto-flow: dense;
  margin: 0 auto;
}

.logo-grid__item { 
}

.logo-grid__item.is-wide {
  grid-column: span 2;
}

.logo-grid__item img {
  height: auto;
  max-height: 8em;
  max-width: 12em;
}

.logo-grid__item.is-wide img {
  max-width: 24em;
}

.two-column .logo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4em;
  height: 100%;
  align-content: center;
}

.logo-grid-item {
  display: grid;
  align-items: center;
  justify-content: center;
}

.logo-grid-item img {
	max-height: 100px;
	max-width: 150px;
	min-height: 60px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.logo-grid:has(.logo-grid-item:nth-child(8):last-child) {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 0;
	align-items: center;
	justify-items: center;
	padding: 0 1em;
}

.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item {
	width: 150px;
	height: 100px;
}

.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item img {
	max-height: 150px;
	max-width: 140px;
}


.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(1) {
	grid-column: 1 / 3;
	grid-row: 1;
}

.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(2) {
	grid-column: 3 / 5;
	grid-row: 1;
}


.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(3) {
	grid-column: 5 / 7;
	grid-row: 1 / 3;
}


.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(4) {
	grid-column: 1 / 3;
	grid-row: 2;
}

.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(5) {
	grid-column: 3 / 5;
	grid-row: 2;
}


.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(6) {
	grid-column: 1 / 3;
	grid-row: 3;
}

.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(7) {
	grid-column: 3 / 5;
	grid-row: 3;
}

.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(8) {
	grid-column: 5 / 7;
	grid-row: 3;
}

.auto-height {
	min-height: 50px !important;
	padding-bottom: 0;
}

#latest-news .padding {
	padding-bottom: 2em;
}

.swiper-button-next,
.swiper-button-prev {
    color: #000;
    z-index: 10;
}

.swiper {
    width: 100%;
    height: auto;
}

.swiper-slide {
    display: flex;
}

.swiper-button-next, .swiper-button-prev {
	color: #D9D9D9 !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	border: 1px solid #FFF;
	background: none;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #fff !important;
}

.hidden {
	display: none;
}

#legacy .target-arrow {
	display: block;
	margin-top: -3.5em;
	position: absolute;
}

#ryse-construction, #pull-quote {
	scroll-margin-top: 90px;
}

#ryse-construction .target-arrow {
	display: block;
	margin-top: 7em;
}

.load-more-projects {
  justify-content: center;
  display: grid;
  margin: 4em 0 5em;
}

.two-thirds-left .two-column {
  grid-template-columns: 60% 30%;
  align-items: center;
}

.two-thirds-right .two-column {
  grid-template-columns: 30% 60%;
  align-items: center;
}

.two-thirds-right {
	padding-top: 0;
}

.two-thirds-right:first-child {
	padding-top: 10em;
}

.no-bottom-padding {
	padding-bottom: 2em;
}

#news-filters {
	padding: 0 7em;
	display: flex;
	gap: 1em;
	align-items: center;
}

#news-filters p {
	margin: 0;
}

#news-filters select {
	border-radius: 0;
	border: 1px solid #383637;
	width: 18vw;
  padding: 0.8em;
}

#news-filters input {
	padding: 0.8em;
  border-radius: 0;
  border: 1px solid #383637;
  width: 19vw;
}

.nowrap {
  white-space: nowrap;
}

.project-filters {
	padding: 0 7em;
  margin-bottom: 3em;
  color: #383637;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.project-filters .filter-btn {
  margin-right: 1em;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background: none;
  color: #858585;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	transition: color 0.6s ease;
	padding: 5px 0;
}

.project-filters .filter-btn:first-child {
	margin-left: 3em;
}

.project-filters .filter-btn span {
	padding: 5px;
}

.project-filters .filter-btn:after {
	content: '';
	display: block;
	width: 0%;
	height: 1px;
	background: #F47D20;
	transition: width 0.6s ease;
}

.project-filters .filter-btn.active,
.project-filters .filter-btn:hover {
	color: #383637;
}

.project-filters .filter-btn:hover:after,
.project-filters .filter-btn.active:after {
	width: 100%;
}

.navbar-toggler {
	display: none;
}

.linkedin {
	float: right !important;
  position: fixed !important;
  right: 20px !important;
  top: -4px !important;
}

.linkedin a {
  text-transform: none !important;
  letter-spacing: 0;
  padding: 0;
  margin: 0 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  transition: opacity 0.6s ease !important;
  height: 34px !important;
  padding: 0 !important;
}

.linkedin a {
  position: relative !important;
}

.linkedin a::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: black !important;
}

.linkedin a::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background: #f47d20 !important;
  transition: width 0.6s ease !important;
}

.linkedin a:hover::after {
  width: 100% !important;
}

.page-id-2 .linkedin a::before {
	background: #FFF !important;
}

.page-id-2 .scrolled .linkedin a::before {
	background: black !important;
}

#footer a {
	transition: opacity 0.6s ease;
}

#footer a span .light-link {
	font-weight: 300;
}

#footer p a:hover {
	opacity: 0.6;
}

#team-modal-content {
  cursor: none;
}

#custom-cursor {
  position: fixed;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%);
  z-index: 99999;
  transition: opacity 0.2s ease;
}

.sections-parent {
	padding-bottom: 3em;
}

.sections {
  position: relative;
  height: 55vh;
  overflow: hidden;
  margin-bottom: 7em;
}

.sections.padding-left .column {
	padding-left: 0;
}

.section {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.7s ease;
  padding: 0 7em;
  align-items: center;
}

.section.active {
  opacity: 1;
  z-index: 1;
}

.section .img {
	aspect-ratio: 5 / 3;
}

.sections {
  position: relative;
  overflow: hidden;
}

.section {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  transition: opacity 0.6s ease-in-out;
}

.section.active {
  opacity: 1;
}

.section .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.gallery-grid {
  column-count: 2;
  column-gap: 20px;
}

.gallery-item {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
}

.caption {
  margin-top: 8px;
  font-size: 14px;
  color: #555;
}

.page-id-31 #projects {
	padding-top: 5em;
}

#rmp-container-1322 {
	max-width: 100%;
}

#rmp-menu-wrap-1322 {
	padding: 0;
}

#rmp-menu-wrap-1322 .rmp-menu-item-link {
	font-size: 22px;
	height: 50px;
}

#rmp-menu-item-104 {
	position: absolute;
	bottom: 0;
}

#rmp-menu-item-104 a {
	background: #383637 !important;
  width: fit-content !important;
  padding: 6px 35px !important;
  height: auto !important;
  color: #FFF !important;
  font-weight: 500 !important;
}

#rmp-menu-1322 {
  height: 90vh;	
}

#rmp-menu-additional-content-1322 {
	padding: 2.5em;
	padding-bottom: 8em;
	text-align: left
}

#hero {
	height: 100vh;
	min-height: 800px;
	background-size: cover;
	background-position: center;
}

#hero:after {
	display: block;
	content: '';
	width: 100%;
	height: 14px;
	background: var(--HYCHEM-Gradient, linear-gradient(90deg, #962E01 0%, #BC582D 100%));
}

#hero .hero-overlay {
	height: 100%;
  background: rgba(0, 0, 0, 0.3);
  padding: 4em;
  align-content: end;
  display: grid;
}

#hero .hero-overlay h1 {
	color: #FFF;
	width: 50%;
	color: #FFF;
	font-size: 40px;
	font-weight: 500;
	line-height: 120%;
}

#hero .hero-overlay .box {
	border-radius: 5px;
	padding: 1.5em;
	display: flex;
  justify-content: space-between;
  gap: 2em;
  align-items: center;
  margin-top: 3em;
  background: rgba(52, 47, 45, 0.65);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(0, 0, 0, .122) !important;
  border-top: 1px solid hsla(0, 0%, 100%, .102) !important;
}

#hero .hero-overlay .box div:nth-child(1) {
	width: 30%;
}

#hero .hero-overlay .box div:nth-child(2) {
	width: 35%;
}

#hero .hero-overlay .box p {
	color: #FFF;
	font-size: 22px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 0;
	text-wrap: balance;
}

#hero .hero-overlay .box .btn {
	margin-top: 0;
	border: 2px solid rgba(255, 255, 255, 0.30);
	color: #FFF;
	transition: background 1s ease, color 1s ease;
}

#hero .hero-overlay .box .btn:hover {
	background: #FFF;
	color: #003644;
}

.wp-search-input-wrap {
	border-bottom: 1px solid #FFF;
	width: 100% !important;
  display: flex;
  justify-content: space-between;
}

.wp-search-input {
	width: 100%;
}

.wp-search-input:focus, 
.wp-search-submit:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
	background: none !important;
}

.wp-search-input,
.wp-search-submit {
	background: none !important;
	border: none !important;
	color: #FFF;
}

.wp-search-input::placeholder {
	color: #FFF;
	opacity: 0.65;
	font-size: 14px;
	font-weight: 400;
	line-height: 160%; 
}

#partners .column,
.padding .column {
	aspect-ratio: 0;
}

.single-testimonial {
  height: 100%;
  display: flex;
}

.single-testimonial .column {
	aspect-ratio: auto;
}

.single-testimonial .column:first-child {
	padding-right: 18vw;
}

.single-testimonial .quote p:before,
.single-testimonial .quote p:after {
	display: contents;
	content: '“';
}

.single-testimonial .service-location {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	color: #FFF;
	margin-bottom: 4em;
}

.single-testimonial .service-location span {
	font-weight: 500;
}

.single-testimonial .name-company {
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 0;
}

.single-testimonial .name-company span {
	font-weight: 600;
	line-height: 140%;
	display: block;
	margin-top: 1em;
}

.single-testimonial .quote {
	margin-bottom: 2em;
	max-width: 27rem;
}

.single-testimonial .quote p {
	color: #FFF;
	font-size: 26px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 0;
}

.single-testimonial hr {
	border: 1px solid #FFF;
	width: 380px;
	margin: 5em 0 1.5em;
}

.testimonials-swiper .swiper-pagination {
  position: relative;
  text-align: left;
  width: auto !important;
  max-width: 400px;
  padding-left: 0;
  margin-top: 2em;
  left: auto;
  bottom: auto;
  z-index: 10;
}


.testimonial-container .swiper-pagination {
  position: relative;
  padding-left: 0;
  margin-top: 2em;
  left: auto;
  bottom: auto;
}


.secondary-menu {
	position: fixed;
	z-index: 3;
	right: 0;
	padding-right: 4em;
	margin-top: 1.5em;
  gap: 3.5em;
  display: flex;
  align-items: center;
}

.secondary-menu a {
	color: #4D4D4D;
	text-decoration: none;
	font-size: 13px;
	transition: all 0.6s ease !important;
}

.secondary-menu a:not(.btn):hover {
	opacity: 0.6;
	color: #4D4D4D;
}


.secondary-menu a:has(svg):hover {
	opacity: 1 !important;
}

.page-id-2 .secondary-menu a {
	color: #FFF;
	text-decoration: none;
	transition: all 0.6s ease;
}

.page-id-2 .secondary-menu a:not(.btn):hover {
	opacity: 0.6;
	color: #FFF;
}


.page-id-2 .secondary-menu a:has(svg):hover {
	opacity: 1 !important;
}

.secondary-menu .btn {
	margin-top: 0;
	border: none;
	background: linear-gradient(90deg, #962E01 0%, #BC582D 50%, #BC582D 100%);
	background-size: 200% 100%;
	background-position: 0% 0%;
	color: #FFF !important;
	transition: background-position 0.6s ease;
}

.secondary-menu .btn:hover {
	background-position: 100% 0%;
}

#mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
	width: 8px;
	margin-left: 10px;
	margin-top: -3px;
}

.page-id-2 .secondary-menu svg path {
	fill: #FFF;
	transition: all 0.6s ease;
}

.page-id-2 .secondary-menu.scrolled svg path {
	fill: #4D4D4D;
	transition: all 0.6s ease;
}


.page-id-2 .secondary-menu a:hover svg path {
	fill: #BC582D !important;
	opacity: 1 !important;
}

.page-id-2 .scrolled .secondary-menu a:hover svg path {
	fill: #BC582D !important;
	opacity: 1 !important;
}

#testimonials {
	background: var(--HYCHEM-Gradient, linear-gradient(90deg, #962E01 0%, #BC582D 100%));
	position: relative;
	overflow: hidden;
}

.testimonials-swiper {
	position: relative;
	height: auto !important;
}

.hero-banner {
	background: #000;
  padding: 5em 4em;
}

.hero-banner .one-column {
	height: 50vh;
	display: grid;
	align-content: space-between;
}

.hero-banner .one-column h1 {
	margin: 0;
}

.breadcrumbs {
	color: #4D4D4D;
	font-size: 11px;
	font-weight: 400;
	line-height: 150%;
}

.page-id-212 .breadcrumbs span {
	color: #FFF;
}

.breadcrumbs a {
	color: #B5B5B5;
	text-decoration: none;
	transition: all 0.6s ease;
	font-size: 11px;
}

.page-id-212 .breadcrumbs a {
	color: #B5B5B5;
}

.breadcrumbs a:hover {
	color: #4D4D4D;
	opacity: 0.6;
}

.page-id-212 .breadcrumbs a:hover {
	color: #B5B5B5;
	opacity: 0.6;
}

.breadcrumbs svg {
	margin: 0 1em;
}

.hero-banner .breadcrumbs,
.hero-banner .breadcrumbs a:hover {
	color: #FFF;
}

.hero-banner .breadcrumbs a:hover {
	opacity: 0.8;
}

.section-heading .one-column .breadcrumbs {
	margin: -3em 0 5em;
}

.scroll-margin {
	scroll-margin-top: 250px;
}

.on-this-page p {
	color: #898989;
	font-size: 14px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: 0.84px;
	text-transform: uppercase;
	margin-bottom: 2em;
}

.orange-gradient .on-this-page p {
	color: #C8C8C8;
}

.on-this-page-links {
	padding: 0;
	margin-bottom: 0;
}

.on-this-page-links li {
	list-style: none;
}

.on-this-page-links li:last-child {
	margin-bottom: 0;
}

.reverse .on-this-page-links a {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
  display: block;
  padding: 1em 0;
}

.black-background .on-this-page-links a {
	border-bottom: 1px solid #383838;
}

.orange-gradient .on-this-page-links a {
	border-bottom: 1px solid #B76744;
}

.on-this-page-links a:hover {
	text-decoration: none;
}

#our-technical-governance-framework {
	margin-bottom: 1em;
}

.img-background {
	background: #000;
}

.img-background .background {
	opacity: 0.3;
}

.products {
	background: #FAFAFA;
	padding: 4em;
}

#product-filter-container {
  margin: 0 auto;
}

.product-filters {
  margin-bottom: 30px;
}		

.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4em;
  align-items: end;
}

.filter-group {
  flex: 0 0 auto;
}

.filter-group select {
  padding: 12px 0;
  border: none;
  border-bottom: 1px solid #003644;
  background-color: transparent;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.3s ease;
  min-width: 25vw;
}

.filter-group select:hover,
.filter-group select:focus {
  outline: none;
}

.per-page-group {
  display: flex;
  align-items: center;
  gap: 2em;
  margin-left: auto;
}

.per-page-label {
  font-weight: 400;
  margin: 0;
  color: #383838;
  font-size: 12px;
  white-space: nowrap;
}

.per-page-buttons {
  display: flex;
  gap: 1em;
}

.per-page-btn {
	padding: 0;
	background: none;
  color: #898989;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
}

.case-study-filters .per-page-btn {
	color: #B5B5B5;
	font-size: 14px;
	font-weight: 400;
	line-height: 160%;
}

.per-page-btn.active {
	color: #383838;
  border-bottom: 1px solid #003644;
}

.case-study-filters .per-page-btn.active {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

.clear-button {
	background: none;
  color: #383838;
  border: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  transition: background-color 0.3s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 1em;
}

.clear-button span {
	border-bottom: 1px solid #003644;
	padding-bottom: 4px;
}

.clear-button:active {
  transform: scale(0.98);
}

#products-loading {
  text-align: center;
  padding: 40px;
  font-size: 18px;
  color: #666;
}

.products-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}

.product-item {
  background: #D3DDEB;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  align-items: center;
  padding: 30px;
  gap: 30px;
}

.product-content {
  display: flex;
  align-items: center;
  gap: 30px;
  width: 100%;
}

.product-text {
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: 3em;
}

.product-title {
  font-size: 24px;
  margin: 0;
  line-height: 1.3;
  width: 450px;
}

.product-title a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.product-title a:hover {
  color: #007bff;
}

.product-excerpt {
	width: 70%;
	padding-right: 3em;
  margin: 0;
}

.product-excerpt p {
	color: #1E1E1E;
	font-size: 14px;
	font-weight: 400;
	line-height: 130%;
}

.product-actions {
  display: flex;
  gap: 15px;
  flex-shrink: 0;
}

.product-link,
.product-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
  font-size: 15px;
}

.product-link {;
  color: #003644;
  border: 2px solid #7793B6;
  border-radius: 2px;
}

.product-link:hover {
  background-color: #7793B6;
  color: #FFF;
  text-decoration: none;
}

.product-download {
  color: #007bff;
  transition: opacity 0.6s ease;
}

.product-download:hover {
	opacity: 0.6;
}

.no-products {
  text-align: center;
  padding: 60px 20px;
  font-size: 18px;
  color: #666;
  background: #f8f9fa;
}

.product-pagination {
  margin-top: 40px;
  text-align: right;
}

.product-pagination ul {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: center;
}

.product-pagination li {
  display: inline-block;
}

.product-pagination a,
.product-pagination span {
  display: block;
  padding: 5px;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  text-align: center;
}

.product-pagination a:hover {
}

.product-pagination .current {
  color: #383838;
  font-weight: 400;
}

.product-brand-logo {
	display: flex;
	justify-content: end;
}

.product-brand-logo img {
	width: 40%;
}

.download-btn {
	width: 100%;
	justify-content: center;
	padding: 10px;
	border-radius: 2px;
	background: #D3DDEB;
	border-color: #D3DDEB;
	color: #003644;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 2em;
}

.download-btn:hover {
}

.solutions-label,
.products-label {
	color: #898989;
	font-size: 14px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: 0.84px;
	text-transform: uppercase;
}

.solutions-list {
	padding: 0 !important;
	margin-top: 1em;
}

.solutions-list li {
	list-style: none;
	border-bottom: 1px solid #383838;
	padding: 15px 0;
}

.solutions-list li a {
	color: #003644;
	font-size: 16px;
	font-weight: 700;
}

.solutions-list li a:hover {
	text-decoration: none;
}

.product-headline {
	margin: 1.5em 0;
}

.partners-logos {
	padding-top: 0;
}

.products-label {
	margin-top: 3em;
}

.products-list {
	padding: 0;
}

.products-list li {
	list-style: none;
	margin-bottom: 10px;
}

.products-list li:first-of-type {
	margin-top: 1em;
}

.products-list a {
	border-radius: 2px;
	background: #D3DDEB;
	display: block;
	width: 100%;
	padding: 15px;
	color: #003644;
	font-size: 18px;
	font-weight: 700;
}

.products-list a:hover {
	text-decoration: none;
}

.posts-feed-container {
  display: flex;
  gap: 3em;
  max-width: 1400px;
  margin: 0 auto;
}

.posts-feed-main {
  flex: 0 0 calc(66.666% - 10px);
  order: 1;
}

.posts-feed-sidebar {
  flex: 0 0 calc(33.333% - 20px);
  order: 2;
  position: sticky;
  top: 20px;
  align-self: flex-start;
}

.sidebar-widget h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  color: #333;
}

.search-wrapper {
  position: relative;
  width: 100%;
}

.search-wrapper .posts-search-input {
  width: 100%;
  padding-right: 40px;
}

.search-wrapper .search-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  pointer-events: none;
}

.posts-feed-sidebar .custom-dropdown {
  position: relative;
  width: 100%;
  margin-bottom: 1em;
}

.posts-feed-sidebar .dropdown-header {
  padding: 14px 14px 14px 0;
  border: none;
  border-bottom: 1px solid #383838;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}

.posts-feed-sidebar .dropdown-label {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #383838;
  font-weight: 400;
}

.posts-feed-sidebar .dropdown-arrow {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  width: 12px;
  height: 8px;
}

.posts-feed-sidebar .custom-dropdown.active .dropdown-arrow {
  transform: rotate(180deg);
}

.posts-feed-sidebar .dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #FFF;
  border: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
}

.posts-feed-sidebar .dropdown-option {
  padding: 8px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #383838;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.posts-feed-sidebar .dropdown-option:last-child {
  border-bottom: none;
}

.posts-feed-sidebar .dropdown-option:hover {
  background-color: #F5F5F5;
}

.posts-feed-sidebar .dropdown-option.active {
  background-color: #F47D20;
  color: #FFF;
}

.posts-feed-sidebar .dropdown-option.active:hover {
  background-color: #E06D18;
}

.posts-feed-sidebar .dropdown-option.parent-option {
  color: #383838;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}

.posts-feed-sidebar .dropdown-option.parent-option:hover {
  background-color: #EFEFEF;
}

.posts-feed-sidebar .dropdown-option.parent-option.active {
  background-color: #F47D20;
  color: #FFF;
}

.posts-feed-sidebar .dropdown-option.child-option {
  padding-left: 32px;
  font-weight: 400;
}

.posts-feed-sidebar .dropdown-content::-webkit-scrollbar {
	width: 8px;
}

.posts-feed-sidebar .dropdown-content::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-bottom-right-radius: 4px;
}

.posts-feed-sidebar .dropdown-content::-webkit-scrollbar-thumb {
  background: #CCC;
  border-radius: 4px;
}

.posts-feed-sidebar .dropdown-content::-webkit-scrollbar-thumb:hover {
  background: #AAA;
}

.posts-search-input,
.filter-select {
  width: 100%;
  padding: 14px 14px 14px 0;
  border: none;
  border-bottom: 1px solid #383838;
  border-radius: 0;
  background: transparent;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  color: #383838;
  transition: border-color 0.3s;
  margin-bottom: 1em;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23383838' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
}

.posts-search-input {
  background-image: none;
  padding-right: 0;
}

.posts-search-input:focus,
.filter-select:focus {
  outline: none;
  border-bottom-color: #F47D20;
}

.filter-select option {
  padding: 8px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #383838;
  background: #FFF;
}

.clear-filters-btn {
  width: 100%;
  padding: 0;
  background: transparent;
  color: #383838;
  border: none;
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  line-height: 160%;
  cursor: pointer;
  transition: opacity 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.clear-filters-btn:hover {
  opacity: 0.7;
}

.clear-filters-btn:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg clip-path='url(%23clip0_284_2072)'%3E%3Cpath d='M12.5938 0C12.3703 0 12.1875 0.182812 12.1875 0.40625V3.0418L11.248 2.04902C10.0141 0.741406 8.29766 0 6.5 0C2.90977 0 0 2.90977 0 6.5C0 10.0902 2.90977 13 6.5 13C8.9959 13 11.1617 11.5934 12.251 9.53418C12.3551 9.33613 12.2789 9.08984 12.0809 8.98574C11.8828 8.88164 11.6365 8.95781 11.5324 9.15586C10.5777 10.9586 8.68106 12.1875 6.5 12.1875C3.35918 12.1875 0.8125 9.64082 0.8125 6.5C0.8125 3.35918 3.35918 0.8125 6.5 0.8125C8.07422 0.8125 9.57734 1.45996 10.659 2.60508L11.6518 3.65625H8.9375C8.71406 3.65625 8.53125 3.83906 8.53125 4.0625C8.53125 4.28594 8.71406 4.46875 8.9375 4.46875H12.5938C12.8172 4.46875 13 4.28594 13 4.0625V0.40625C13 0.182812 12.8172 0 12.5938 0Z' fill='%23383838'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_284_2072'%3E%3Crect width='13' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.posts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-bottom: 30px;
}

#news-pagination-container {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2em;
  padding-top: 2em;
}

#news-pagination-container .page-link,
#news-pagination-container .page-number {
  display: inline-flex;
  color: #898989;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  background: transparent;
}

#news-pagination-container .page-link:hover {
  color: #F47D20;
}

#news-pagination-container .page-number {
  border-radius: 4px;
}

#news-pagination-container .page-number:hover {
  background-color: #F5F5F5;
}

#news-pagination-container .page-number.active {
  color: #383838;
}

#news-pagination-container .prev-page,
#news-pagination-container .next-page {
  padding: 6px;
}

#news-pagination-container .prev-page svg,
#news-pagination-container .next-page svg {
  display: block;
}

#news-pagination-container .prev-page:hover path,
#news-pagination-container .next-page:hover path {
  stroke: #F47D20;
}

.post-card {
	filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.10));
  background: white;
  border-radius: 5px;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
}

.post-thumbnail {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.post-thumbnail a {
  display: block;
  height: 100%;
}

.post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.post-card:hover .post-thumbnail img {
  transform: scale(1.05);
}

.post-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.post-title, .post-title a {
	color: #003644;
	font-size: 16px;
	font-weight: 500;
	line-height: 130%
}

.post-title a:hover {
	text-decoration: none;
}

.post-meta {
  margin-bottom: 12px;
  font-size: 13px;
  color: #666;
}

.post-excerpt {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  flex-grow: 1;
}

.read-more {
  display: inline-block;
  color: #007bff;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: color 0.3s;
}

.read-more:hover {
  color: #0056b3;
}

.no-posts {
  grid-column: 1 / -1;
  text-align: center;
  padding: 60px 20px;
  background: #f8f9fa;
  border-radius: 8px;
}

.no-posts p {
  font-size: 16px;
  color: #666;
  margin: 0;
}

.posts-pagination {
  margin-top: 40px;
}

.pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.page-numbers {
  display: flex;
  gap: 5px;
}

.page-link {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.posts-feed-main.loading {
  opacity: 0.6;
  pointer-events: none;
}

.contact .background {
	opacity: 0.2;
}

.contact .tel:hover,
.contact .mailto:hover {
	text-decoration: none;
}

.contact h4 {
	font-size: 12px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: 0.24px;
	text-transform: uppercase;
	margin: 3.5em 0 1.5em;
}

.contact table {
	color: #FFF;
	font-size: 14px;
	font-weight: 300;
	line-height: 130%;
	letter-spacing: -0.308px;
	border-collapse: separate;
  border-spacing: 3em 0;
}

.contact td:first-child {
  margin-left: -3em;
  display: block;
}

.contact table strong {
	margin-bottom: 0.5em;
	display: block;
}

.page-id-24 .call-to-action {
	display: none;
}

.page-id-24 .hero-banner .one-column {
	height: auto;
	margin-bottom: 3em;
}

.page-id-24 h1 {
	margin-bottom: 1.3em;
}

.page-id-24 h2:has(+ p) {
	font-size: 26px;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 1.3em;
}

.page-id-24 h2 + p {
	font-size: 18px;
	font-weight: 300;
	line-height: 140%;
	margin-bottom: 3em;
}

.contact .tel {
	font-size: 18px;
	font-weight: 700 !important;
	color: #FFF;
}

.contact .mailto {
	font-size: 18px;
	font-weight: 500 !important;
	display: block;
	margin-top: 0.5em;
	color: #FFF;
}

.contact p {
	font-size: 14px;
	font-weight: 300;
	line-height: 130%;
	letter-spacing: -0.308px;
}

.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .gform-theme--foundation .gfield textarea.large {
	background: none;
	color: #FFF;
	border: none;
	border-bottom: 1px solid #FFF !important;
	padding: 0;
}

.gform-theme--foundation .gfield textarea.large {
	border: 1px solid #FFF;
	padding: 1em;
}

#label_1_10_1 {
	color: #C1C1C1;
	font-size: 11px;
	font-weight: 500;
	line-height: 172%;
}

#gform_submit_button_1 {
	border-radius: 2px !important;
	border: none;
	background: linear-gradient(90deg, #962E01 0%, #BC582D 100%) !important;
}

#choice_1_10_1 {
	border-radius: 2px !important;
}

.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	color: #000000 !important;
}

.two-thirds .two-column {
  display: flex;
}

.two-thirds.navy-background {
	grid-template-columns: 90% 10%;
}

.product-filters .custom-dropdown {
  position: relative;
  min-width: 250px;
}

.product-filters .dropdown-header {
  padding: 14px 14px 14px 0;
  border: none;
  border-bottom: 1px solid #003644;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}

.product-filters .custom-dropdown.active .dropdown-header {
  border-color: #003644;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.product-filters .dropdown-label {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #383838;
  font-weight: 400;
}

.product-filters .dropdown-arrow {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  width: 12px;
  height: 8px;
}

.product-filters .custom-dropdown.active .dropdown-arrow {
  transform: rotate(180deg);
}

.product-filters .dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #FFF;
  border: none;
  max-height: 400px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
}

.product-filters .dropdown-option {
  padding: 8px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #383838;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.product-filters .dropdown-option:last-child {
  border-bottom: none;
}

.product-filters .dropdown-option.active {
  background-color: #003644;
  color: #FFF;
}

.product-filters .dropdown-option.active:hover {
  background-color: #00506A;
}

.product-filters .dropdown-option.parent-option {
  color: #383838;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
}

.product-filters .dropdown-option.parent-option:hover {
  background-color: #EFEFEF;
}

.product-filters .dropdown-option.parent-option.active {
  background-color: #003644;
  color: #FFF;
}

.product-filters .dropdown-option.child-option {
	color: #383838;
	font-size: 14px;
	font-weight: 400;
	line-height: 160%;
}

.product-filters .dropdown-content::-webkit-scrollbar {
  width: 8px;
}

.product-filters .dropdown-content::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-bottom-right-radius: 4px;
}

.product-filters .dropdown-content::-webkit-scrollbar-thumb {
  background: #CCC;
  border-radius: 4px;
}

.product-filters .dropdown-content::-webkit-scrollbar-thumb:hover {
  background: #AAA;
}

.checklist ul {
	margin: 0;
	padding: 0;
}

.checklist li:last-of-type {
	border-bottom: 1px solid #BC582D;
}

.checklist li {
	list-style: none;
  position: relative;
  padding-left: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #BC582D;
}

.checklist li::before {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><g clip-path='url(%23clip0_287_3870)'><path d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%23003644'/><path d='M10.5442 17.0949C10.2334 17.0949 9.92261 16.973 9.68493 16.7353L4.99219 12.0426L6.71692 10.3179L10.5503 14.1513L17.9125 6.78918L19.6372 8.51392L11.4097 16.7414C11.172 16.9791 10.8612 17.101 10.5503 17.101L10.5442 17.0949Z' fill='white'/></g><defs><clipPath id='clip0_287_3870'><rect width='24' height='24' fill='white'/></clipPath></defs></svg>");
  position: absolute;
  left: 0;
  top: 15px;
  width: 24px;
  height: 24px;
}

.single-case-study .blog p:first-child {
	margin-top: 0;
}

.case-study-sidebar {
	width: 32%;
}

body.single-case_study .blog,
.single-case_study section.blog {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 30px !important;
	align-items: flex-start !important;
	overflow: visible !important;
	height: auto !important;
}

body.single-case_study .blog .column:first-child,
.single-case_study section.blog .column:first-child {
	flex: 1 1 auto !important;
	float: none !important;
	width: auto !important;
	padding-right: 0 !important;
	max-width: none !important;
}

body.single-case_study .blog .column.case-study-sidebar,
.single-case_study section.blog .column.case-study-sidebar {
	flex: 0 0 300px !important;
	float: none !important;
	width: 300px !important;
	position: sticky !important;
	top: 100px !important;
	align-self: flex-start !important;
	max-height: calc(100vh - 120px) !important;
	overflow-y: auto !important;
}

.single:not(.single-case_study) {
	height: auto !important;
	min-height: 100vh !important;
	overflow-y: auto !important;
}

body.single:not(.single-case_study),
body.single:not(.single-case_study) html {
	height: auto !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}


body.single .sections-wrapper {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

body.single:not(.single-case_study) .blog {
	display: flow-root !important;
	overflow: visible !important;
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
}

.single:not(.single-case_study) .blog .column:last-child.posts-feed-sidebar {
	width: 32%;
	float: right;
	position: relative !important;
	top: auto !important;
	max-height: none !important;
	overflow-y: visible !important;
	overflow: visible !important;
}

.single:not(.single-case_study) .blog .column:first-child {
	width: calc(100% - 32%);
	float: left;
	padding-right: 5em;
}

.single:not(.single-case_study) .sections-wrapper {
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}

.post-navigation-share {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 3em 0 2em;
	padding: 2em 0;
}

.back-to-news a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #003644;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
}

.back-to-news a::before {
	display: block;
	content: '';
	background-image: url('/wp-content/uploads/2025/09/Angle-Orange.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 12px;
	height: 12px;
	transform: scaleX(-1);
	margin-right: 1.5em;
	transition: margin-right 0.6s ease;
	align-self: center;
}

.back-to-news a:hover {
	text-decoration: none;
}

.back-to-news a:hover::before {
	background-image: url('/wp-content/uploads/2025/09/Angle-Navy.svg');
	margin-right: 2em;
}

.back-to-news svg {
	display: none;
}

.share-this-article {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.share-this-article span {
	color: #898989;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.72px;
	text-transform: uppercase;
}

.share-this-article .share-links {
	display: flex;
	align-items: center;
	gap: 15px;
}

.share-this-article a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s ease;
}

.share-this-article a svg {
	transition: opacity 0.3s ease;
}

.share-this-article a:hover svg {
	opacity: 0.6;
}

.related-news-section {
	margin-top: 3em;
	padding-top: 3em;
}

.related-news-section h3 {
	color: #003644;
	font-size: 13px;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 2em;
}

.related-news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.related-news-card {
	background: #FFF;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
}

.related-news-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.related-news-image {
	display: block;
	width: 100%;
	aspect-ratio: 4/2.6;
	background-color: #D9D9D9;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 0.3s ease;
}

.related-news-image:hover {
	transform: scale(1.02);
}

.related-news-content {
	padding: 1.3em;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.related-news-category {
	color: #4D4D4D;
	font-size: 12px;
	font-weight: 500;
	line-height: 172%;
	margin-bottom: 1em;
	display: block;
}

.related-news-content h4,
.related-news-content h4 a {
	color: #003644;
	text-decoration: none;
	transition: color 0.3s;
	font-size: 16px;
	font-weight: 500;
	line-height: 130%;
}

.related-news-link {
	display: flex;
	align-items: center;
	color: #003644;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	margin-top: 2em;
	text-decoration: none;
}

.related-news-link::after {
	display: block;
	content: '';
	background-image: url('/wp-content/uploads/2025/09/Angle-Orange.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 12px;
	height: 12px;
	margin-left: 1.5em;
	transition: margin-left 0.6s ease;
	align-self: center;
}

.related-news-link:hover {
	text-decoration: none;
}

.related-news-link:hover::after {
	background-image: url('/wp-content/uploads/2025/09/Angle-Navy.svg');
	margin-left: 2em;
}

.sidebar-categories {
	padding-top: 1.5em;
	margin-top: 1.5em;
}

.sidebar-categories h4 {
	color: #383637;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 1em;
}

.sidebar-categories a,
.sidebar-categories span {
	display: inline-block;
	background: transparent;
	color: #003644;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 0;
	margin: 0 0 8px 0;
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}

.related-case-study {
	padding-top: 1.5em;
	margin-top: 1.5em;
}

.related-case-study h4 {
	color: #383637;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 1em;
}

.related-case-study-card {
  display: grid;
  grid-template-columns: 30% 70%;
  gap: 2em;
  align-items: center;
}

.related-case-study-card a.case-study-thumbnail {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	background-color: #D9D9D9;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px;
	transition: transform 0.3s ease;
}

.related-case-study-card a.case-study-thumbnail:hover {
	transform: scale(1.02);
}

.related-case-study-card img {
	display: none;
}

.related-case-study-content {
	display: block;
}

.related-case-study-content h5 {
	margin: 0 0 1em;
}

.related-case-study-content h5 a {
	color: #003644;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%;
	text-decoration: none;
	transition: opacity 0.6s ease;
}

.related-case-study-content h5 a:hover {
	opacity: 0.6;
}

.related-case-study-link {
	display: flex;
	align-items: center;
	color: #003644;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
}

.related-case-study-link a:hover {
	color: #003644 !important;
}

.related-case-study-link::after {
	display: block;
	content: '';
	background-image: url('/wp-content/uploads/2025/09/Angle-Orange.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 12px;
	height: 12px;
	margin-left: 1.5em;
	transition: margin-left 0.6s ease;
	align-self: center;
}

.related-case-study-link:hover {
	text-decoration: none;
}

.related-case-study-link:hover::after {
	background-image: url('/wp-content/uploads/2025/09/Angle-Navy.svg');
	margin-left: 2em;
}

.case-study-sidebar p,
.post-locations span {
	color: #003644;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 140% !important;
}

.case-study-sidebar p:first-of-type {
	color: #898989 !important;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: 0.84px;
	text-transform: uppercase;
}

.case-study-sidebar h4 {
	color: #003644;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	margin: 1.5em 0 0.3em;
}

.case-studies-products {
  display: inline-block;
}

.case-study-sidebar a {
	border-radius: 2px;
	background: #D3DDEB;
	color: #003644;
	font-size: 14px;
	font-weight: 700;
	width: fit-content;
  margin: 0 7px 7px 0;
  padding: 0.5em;
  float: left;
  transition: background 0.6s ease, color 0.6s ease;
}	

.case-study-sidebar a:hover {
	text-decoration: none;
	background: #003644;
	color: #FFF;
}

.solutions-cards-single h3 {
	font-size: 32px;
}

.page-id-2 #main-nav.bg-primary:has(.mega-menu-item-has-children:hover) {
  background-color: white !important;
  background-image: none !important;
}

.page-id-2 #main-nav.bg-primary:has(.mega-menu-item-has-children:hover) .mega-menu-link {
  color: #383637 !important;
}

.page-id-2 .mega-menu-megamenu:hover ~ .secondary-menu a:not(.btn) {
  color: #4D4D4D !important;
}

.page-id-2 .mega-menu-megamenu:hover ~ .secondary-menu a:not(.btn):hover {
  color: #4D4D4D !important;
  opacity: 0.6;
}


.page-id-2 .mega-menu-megamenu:hover ~ .secondary-menu a:has(svg):hover {
  opacity: 1 !important;
}


.page-id-2 .mega-menu-megamenu:hover ~ .secondary-menu a:hover svg path {
  fill: #BC582D !important;
  opacity: 1 !important;
}

.page-id-2 .mega-menu-megamenu:hover ~ .secondary-menu a svg {
  opacity: 1 !important;
}

.page-id-2 .bg-primary {
  transition: background-color 0.3s ease, background-image 0.3s ease;
}

.page-id-2 .mega-menu-link,
.page-id-2 .secondary-menu a:not(.btn) {
  transition: color 0.3s ease;
}

#case-studies-list {
	background: #4D4D4D;
	padding: 0 4em 4em;
	margin-top: -4em;
}

.case-studies-container {
	max-width: 1400px;
	margin: 0 auto;
}

.case-study-filters {
	background: transparent;
	padding: 0 0 2em 0;
	margin-bottom: 2em;
  display: flex;
  justify-content: space-between;
}

.additional-filters {
	display: flex;
  gap: 3vw;
}

.case-study-filters .filter-row {
	display: flex;
	flex-wrap: nowrap;
	gap: 3em;
	align-items: end;
}

.case-study-filters .filter-group {
	flex: 0 0 auto;
  min-width: 20%;
}

.custom-dropdown {
	position: relative;
	min-width: 200px;
	flex: 1 1 auto;
}

.dropdown-header {
	padding: 14px 14px 14px 0;
	border: none;
	border-bottom: 1px solid #FFF;
	border-radius: 0;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	justify-content: space-between;
	align-items: center;
	user-select: none;
}

.dropdown-label {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: 400;
}

.dropdown-arrow {
	flex-shrink: 0;
	transition: transform 0.3s ease;
	width: 12px;
	height: 8px;
}

.custom-dropdown.active .dropdown-arrow {
	transform: rotate(180deg);
}

.dropdown-content {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #FFF;
	border-top: none;
	max-height: 400px;
	overflow-y: auto;
	z-index: 1000;
	display: none;
}

.dropdown-option {
	padding: 8px 16px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	color: #383838;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.dropdown-option:last-child {
	border-bottom: none;
}

.dropdown-option:hover {
	background-color: #F5F5F5;
}

.dropdown-option.active {
	background-color: #F47D20;
	color: #FFF;
}

.dropdown-option.active:hover {
	background-color: #E06D18;
}

.dropdown-option.parent-option {
	color: #383838;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
}

.dropdown-option.parent-option:hover {
	background-color: #EFEFEF;
}

.dropdown-option.parent-option.active {
	background-color: #F47D20;
	color: #FFF;
}

.dropdown-option.child-option {
	padding-left: 32px;
	font-weight: 400;
}

.dropdown-content::-webkit-scrollbar {
	width: 8px;
}

.dropdown-content::-webkit-scrollbar-track {
	background: #F5F5F5;
	border-bottom-right-radius: 4px;
}

.dropdown-content::-webkit-scrollbar-thumb {
	background: #CCC;
	border-radius: 4px;
}

.dropdown-content::-webkit-scrollbar-thumb:hover {
	background: #AAA;
}

.case-study-filters .clear-button {
	color: #FFF;
	font-size: 12px;
	font-weight: 400;
	line-height: 160%;
	padding: 0 0 2px;
	background: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	cursor: pointer;
	flex: 0 0 auto;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 0.5em;
	transition: all 0.3s ease;
}

.case-study-filters .clear-button span {
	border-bottom: 1px solid #FFF;
}

.case-study-filters .clear-button:hover {
	opacity: 0.6;
}

.case-study-filters .per-page-label {
	color: #FFF;
	font-size: 12px;
	margin: 0;
	white-space: nowrap;
}

.case-study-filters .per-page-group {
	display: flex;
	align-items: center;
	gap: 1em;
	flex: 0 0 auto;
}

.case-study-filters .per-page-buttons {
	display: flex;
	gap: 0.8em;
}

.case-study-filters .per-page-btn {
	background: none;
	color: #B5B5B5;
	border: none;
	padding: 0;
	font-size: 12px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.case-study-filters .per-page-btn:hover {
	color: #FFF;
}

.case-study-filters .per-page-btn.active {
	color: #FFF;
	font-weight: 600;
}

.results-info {
	margin-bottom: 2em;
}

.results-info p {
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

.results-info .count {
	font-weight: 700;
	color: #F47D20;
}

.case-studies-grid {
	display: flex;
	flex-direction: column;
	gap: 2em;
	margin-bottom: 3em;
}

.case-study-item {
	background: #4D4D4D;
	display: flex;
}

.case-study-image {
  width: 50%;
  min-height: 400px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  transition: opacity 0.3s ease;
  aspect-ratio: 5 / 3.5;
  overflow: hidden;
  position: relative;
}

.case-study-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.5s ease;
}

.case-study-image:hover::before {
  transform: scale(1.02);
}

.case-study-content {
	padding: 3em;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	justify-items: left;
	background: #4D4D4D;
}

.case-study-label {
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 172%;
	margin-bottom: 1em;
}

.case-study-content h3 {
	color: #FFF;
	font-size: 30px;
	font-weight: 500;
	line-height: 130%;
	margin: 0.5em 0 1em;
}

.case-study-content h3 a {
	color: #FFF;
	text-decoration: none;
	transition: color 0.3s ease;
}

.case-study-content h3 a:hover {
	text-decoration: none;
}

.case-study-date {
	color: #8B8B8B;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 1em;
}

.case-study-excerpt {
	color: #FFF;
	font-size: 14px;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 2em;
}

.case-study-excerpt p {
	color: #FFF;
	font-size: 14px;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 1.5em;
}

.case-study-excerpt p:last-child {
	margin-bottom: 0;
}

.case-study-excerpt p strong {
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
}

.case-study-link {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	margin-top: 1em;
	transition: gap 0.3s ease;
}

.case-study-link:hover {
	gap: 20px;
	text-decoration: none;
	color: #FFF;
}

.case-study-link svg {
	flex-shrink: 0;
	margin-top: 3px;
}

.no-results {
	text-align: center;
	padding: 4em 2em;
	color: #FFF;
	font-size: 18px;
}

.case-study-pagination {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 10px;
	margin-top: 3em;
	padding: 2em 0;
}

.case-study-pagination .page-link,
.case-study-pagination .page-number {
	color: #B5B5B5;
	font-size: 14px;
	font-weight: 400;
	line-height: 160%;
}

.case-study-pagination .page-link:hover,
.case-study-pagination .page-number:hover {
	background: #F47D20;
	color: #FFF;
	text-decoration: none;
}

.case-study-pagination .page-number.active {
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	line-height: 160%;
}

.case-study-pagination .prev-page,
.case-study-pagination .next-page,
.case-study-pagination .first-page,
.case-study-pagination .last-page {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	padding: 0 5px;
}

.thin-padding.padding-left .column:first-child {
	padding: 2.5em 4em 2.5em 2.5em;
}

.secondary-menu a svg path,
.socials svg path {
	transition: all 0.6s ease;
}

.secondary-menu a:hover svg path,
.socials:hover svg path {
	fill: #BC582D !important;
	opacity: 1 !important;
}


.secondary-menu a:hover svg,
.secondary-menu a svg {
	opacity: 1 !important;
}

.dashicons-arrow-right-alt2 {
	opacity: 1 !important;
}

.single:not(.single-case_study) {
	display: block;
}

.partners-home .two-column,
.compliance-home .two-column {
	min-height: 50px !important;
}

.partners-home .content-left {
  display: grid !important;
  align-content: center;
  margin: 2em 0 5em;
}

.footer-wrap {
	display: flex;
  gap: 8rem;
  width: max-content;
}

.figure-img, 
.wp-block-image>figure img, 
figure.wp-block-image img {
	width: 100%;
}

.case-study-sidebar, .case-study-sidebar p {
	font-weight: 300 !important;
	font-size: 18px !important;
}

.case-study-sidebar p:first-of-type {
	font-weight: 600 !important;
	font-size: 14px !important;
}


.gform-theme--foundation .gfield input.large:focus,
.gform-theme--foundation .gfield select.large:focus,
.gform-theme--foundation .gfield .ginput_password.large:focus {
    outline: none;
    border-bottom: 2px solid #bf582b !important;
}


.gform-theme--foundation .gfield textarea.large:focus {
    outline: none;
    border: 2px solid #bf582b !important;
}


.gform-theme--foundation .gfield input.large,
.gform-theme--foundation .gfield textarea.large,
.gform-theme--foundation .gfield select.large,
.gform-theme--foundation .gfield .ginput_password.large {
    transition: border 0.2s ease;
}

figure.wp-block-gallery.has-nested-images {
	margin-top: 1rem;
	align-items: flex-start;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
	backdrop-filter: none !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: none !important;
  font-size: 90%;
  color: #6c757d;
  font-weight: 400;
  line-height: 140%;
  padding: 0 0 10px;
  text-align: left;
  text-shadow: none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
	position: relative;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	aspect-ratio: 5 / 6.5;
}

.no-results-message p {
	color: #FFF;
}

.gform-theme--api, .gform-theme--foundation {
	--gf-form-gap-y: 20px !important;
}

.page-id-24 h2 {
	margin-bottom: 1em;
}

.contact-links {
	margin-top: 3em;
}

.contact-links a {
	font-size: 20px !important;
    line-height: 140%;
	transition: all 0.6s ease;
}

.contact-links a .light-link,
.light-link {
	font-weight: 300 !important;
}

.contact-links a:hover {
	opacity: 0.6;
}

.contact-links .medium,
.contact-links .medium span,
.mail-link span {
	font-weight: 500 !important;
}

.bold {
	font-weight: 700 !important;
}

.contact-links .mailto {
	margin-top: 0 !important;
}








@media (max-width: 1700px) {

	.blog {
		padding: 0 4em;
	}

	.case-studies-hero h1 {
		padding-left: 2em;
		padding-right: 2em;
	}

}

@media (min-width: 1300px) and (max-width: 1699px) {

	.single-testimonial .column:first-child > * {
	    margin-left: 0 !important;
	  }

	.single-testimonial .column:first-child > *,
	  .single-testimonial .testimonial-container {
	      padding-left: 4em !important;
	  }

	  #testimonials .testimonials-swiper .swiper-pagination {
	      margin-left: 0 !important;
	      padding-left: 0 !important;
	  }
}
@media (max-width: 1450px) {
	.single-case-study .img {
	    aspect-ratio: 5 / 4.5;
	  }

	  .posts-grid {
	      grid-template-columns: repeat(2, 1fr);
	  }

	  .project-details {
	  	display: flex;
	    gap: 12rem;
	  }
}


@media (max-width: 1300px) {

		.single-testimonial {
	  	flex-direction: column-reverse;
	  }

		#footer {
	    padding: 0 0 5em;
		}

		.blog {
			padding: 0;
			margin: 5em;
		}

		.single-case-study .img {
	    aspect-ratio: 5 / 4.8;
	  }

	  .posts-grid {
	      grid-template-columns: repeat(2, 1fr);
	  }

	  .partners-home .content-left {
	  	display: grid !important;
		}

	

	.partners-home .content-left {
	  	display: grid !important;
		}
}

@media (max-width: 1299px) and (min-width: 1024px) {
	
	    .padding-left .column .img,
	    .padding-right .column .img {
	        aspect-ratio: 5 / 3 !important;
	        width: 100% !important;
	        height: 100% !important;
	        min-height: 100% !important;
	        object-fit: cover !important;
	    }

	    
	    .padding-left .column:last-child .content-left,
	    .padding-left .column:last-child .content-right,
	    .padding-right .column:first-child .content-left,
	    .padding-right .column:first-child .content-right {
	        display: flex !important;
	        height: 100% !important;
	    }

	    .partners-home .content-left {
	      flex-direction: column;
	    }

	    
	    .single-case-study .case-studies-img,
	    .single-case-study .img,
	    .single-case-study.reverse .case-studies-img,
	    .single-case-study.reverse .img {
	        width: calc(50% - 1em) !important;
	        height: calc(100% - 2em) !important;
	        min-height: calc(100% - 2em) !important;
	        margin: 1em !important;
	    }

	    .single-case-study .case-studies-img,
	    .single-case-study.reverse .case-studies-img {
	        display: flex !important;
	    }

	    .single-case-study .case-studies-img .img,
	    .single-case-study.reverse .case-studies-img .img {
	        width: 100% !important;
	        margin: 0 !important;
	    }

	    .compliance-home .padding-left .column:last-child .content-left, 
	    .compliance-home .padding-left .column:last-child .content-right {
				display: block !important;
			}
}


@media (max-width: 1200px) {

	.case-study-filters {
    display: flex;
    flex-direction: column;
    gap: 1em;
	}

	.case-study-filters .filter-group {
    min-width: 30.4%;
	}
	
	#mega-menu-wrap-primary #mega-menu-primary {
		gap: 3.5em;
	}

}



@media (max-width: 1024px) {

	#custom-mobile-menu {
		margin-top: 1em;
	}	

  .mobile-menu-content {
    padding: 2em 2em 2em !important;
  }

	#main-nav:has(.mobile-menu-toggle.active) {
    background-color: #FFF!important;
    background-image: none !important;
	}

	.sections-wrapper {
    padding-top: 95px;
	}

	.padding .two-column {
    gap: 4em;
	}

	.single-testimonial .quote p {
		font-size: 21px !important;
	}

	.additional-filters {
    display: block;
    gap: 3vw;
	}

	#case-studies-list {
    padding: 0 1em 4em;
 	}

	
		html, body {
			overflow: auto !important;
		}

		#partner-logos {
			margin-top: 0;
		}

		.case-studies-hero h1 {
			padding: 2em;
		}

		.blog {
	    margin: 4em 4.5em;
		}

		.call-to-action p {
	    max-width: 40vw;
	  }

		.secondary-menu {
			display: none;
		}

		.bg-primary {
			padding: 3em 2em;
		}

		.navbar .container {
			padding: 0;
		}

		.sector-cards-single,
		.solutions-cards-single {
			grid-template-columns: repeat(2, 1fr);
		}

		.logo-grid__grid { 
	  	grid-template-columns: repeat(3, 1fr); 
	  }

		.case-study-filters .filter-row {
			flex-wrap: wrap;
		}

		.custom-dropdown {
			flex: 1 1 calc(33.333% - 1em);
			min-width: 150px;
		}

		.case-study-filters .clear-button {
			flex: 0 0 auto;
		}

		.case-study-filters .per-page-group {
			flex: 1 1 100%;
		}

		#footer {
	    padding: 0 2em 5em;
		}

		.footer-menu {
			gap: 4em;
		}

		.project-details {
	  	display: flex;
	    gap: 12rem;
	  }

	

	/* ========================================
	       MOBILE SCROLL & LAYOUT OPTIMIZATION
	       ======================================== */

	    
	    html, body {
	        overflow-x: hidden !important;
	        overflow-y: auto !important;
	        max-width: 100vw !important;
	        height: auto !important;
	        -webkit-overflow-scrolling: touch !important;
	    }

	    
	    .row {
	        margin-left: 0 !important;
	        margin-right: 0 !important;
	    }

	    
	    .container,
	    .container-fluid,
	    section,
	    .sections-wrapper,
	    #page {
	        max-width: 100vw !important;
	        overflow-x: hidden !important;
	    }

	    /* ========================================
	       STACK COLUMNS ON MOBILE
	       ======================================== */

	    
	    .padding-left .background-content .two-column,
	    .padding-right .background-content .two-column {
	        display: flex !important;
	        flex-direction: column !important;
	        grid-template-columns: none !important;
	        min-height: auto !important;
	    }

	    
	    .padding-left .column,
	    .padding-right .column {
	        width: 100% !important;
	        height: auto !important;
	    }

	    
	    .padding-left .column:first-child {
	        order: 1; 
	    }

	    .padding-left .column:last-child {
	        order: 2; 
	    }

	    
	    .padding-right .column:first-child {
	        order: 2; 
	    }

	    .padding-right .column:last-child {
	        order: 1; 
	    }

	    
	    .padding-left .column .img,
	    .padding-right .column .img {
	        aspect-ratio: 5 / 3 !important;
	        width: 100% !important;
	        height: auto !important;
	        min-height: 300px;
	    }

	    
	    .padding-left .column:first-child,
	    .padding-right .column:last-child {
	        padding: 2em !important;
	    }

	    
	    .padding-left .column:first-child .content-left,
	    .padding-right .column:last-child .content-right {
	        max-width: 100% !important;
	        margin-left: 0 !important;
	    }

	    /* ========================================
	       HEADER & NAVIGATION FIXES
	       ======================================== */

	    .navbar-brand {
	        padding-top: 0.5em !important;
	    }

	    .img-fluid {
	        width: 150px !important;
	        height: auto;
	    }

	    /* ========================================
	       TYPOGRAPHY RESPONSIVE FIXES
	       ======================================== */

	    h1 {
	        font-size: 28px !important;
	        line-height: 120%;
	    }

	    h2 {
	        font-size: 22px !important;
	        line-height: 130%;
	    }

	    h3 {
	        font-size: 18px !important;
	    }

	    p {
	        font-size: 16px !important;
	        line-height: 150%;
	    }

	    /* ========================================
	       TWO COLUMN LAYOUTS
	       ======================================== */

	    .two-column {
	        display: flex !important;
	        grid-template-columns: 1fr !important;
	    }

	    .two-column .column {
	        width: 100% !important;
	    }

	    .two-column .column:last-child {
	        margin-bottom: 0;
	    }

	    
	    .padding-left .two-column .column:first-child,
	    .padding-right .two-column .column:last-child {
	        padding: 2em 1em !important;
	    }

	    .padding-left .two-column .column:last-child,
	    .padding-right .two-column .column:first-child {
	        padding: 0 !important;
	    }

	    /* ========================================
	       CONTENT AREAS
	       ======================================== */

	    .content-left,
	    .content-right {
	        width: 100% !important;
	        padding: 0 !important;
	    }

	    /* ========================================
	       IMAGES & BACKGROUND IMAGES
	       ======================================== */

	    .column .img,
	    .img {
	        min-height: 250px !important;
	        height: auto !important;
	    }

	    
	    #hero,
	    #hero .hero-overlay {
	        min-height: 650px !important;
	    }

	    .hero-banner {
	        min-height: 40vh !important;
	    }

	    /* ========================================
	       BUTTONS
	       ======================================== */

	    .btn {
	        font-size: 14px !important;
	        padding: 0.75em 1.5em !important;
	        white-space: normal !important;
	        width: auto !important;
	        display: inline-block !important;
	    }

	    
	    #hero .hero-overlay .box div:nth-child(3) {
	        display: flex !important;
	        gap: 1em !important;
	        width: 100% !important;
	    }

	    #hero .hero-overlay .box div:nth-child(3) .btn {
	        width: 100% !important;
	        text-align: center !important;
	    }

	    /* ========================================
	       CARDS & GRIDS
	       ======================================== */

	    
	    .sector-cards-single {
	        grid-template-columns: 1fr !important;
	        gap: 1em !important;
	    }

	    .sector-cards-single a {
	        min-height: 250px !important;
	    }

	    
	    .solutions-cards-single {
	        grid-template-columns: 1fr !important;
	        gap: 1em !important;
	    }

	    
	    .partner-logo-grid {
	        grid-template-columns: repeat(2, 1fr) !important;
	        gap: 1.5em 1em !important;
	    }

	    
	    .logo-grid {
	        grid-template-columns: repeat(2, 1fr) !important;
	        gap: 1.5em 1em !important;
	        padding: 2em 1em !important;
	    }

	    .logo-grid-item img {
	        max-width: 100% !important;
	        height: auto !important;
	    }

	    
	    .news-grid {
	        grid-template-columns: 1fr !important;
	        gap: 1em !important;
	    }

	    .news-grid .single-post .content {
   	 		padding: 1em;
  		}

	    .single-post {
	        margin-bottom: 0 !important;
	    }

	    /* ========================================
	       FORMS & FILTERS
	       ======================================== */

	    
	    .product-filters {
	        padding: 1em !important;
	        display: block !important;
	    }

	    .custom-dropdown {
	        width: 100% !important;
	        margin-bottom: 1em !important;
	    }

	    .dropdown-content {
	        width: 100% !important;
	    }

	    
	    .filter-row {
	        display: block !important;
	    }

	    .per-page-btn {
	        font-size: 12px !important;
	        padding: 0.5em 1em !important;
	    }

	    
	    .wp-product-searchform {
	        width: 100% !important;
	    }

	    .wp-search-input {
	        width: 100% !important;
	        font-size: 14px !important;
	    }

	    /* ========================================
	       COMPLIANCE LOGOS - MOBILE SIZING
	       ======================================== */

	    .logo-grid-item {
	        width: 300px !important;
	        height: 225px !important;
	        display: flex !important;
	        align-items: center !important;
	        justify-content: center !important;
	    }

	    .logo-grid-item img {
	        max-height: 300px !important;
	        max-width: 450px !important;
	        min-height: 180px !important;
	        width: auto !important;
	        height: auto !important;
	        object-fit: contain !important;
	    }

	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) {
	        grid-template-columns: repeat(2, 1fr) !important;
	        gap: 3em 2em !important;
	        padding: 0 !important;
	        justify-items: center !important;
	        align-items: center !important;
	    }

	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item {
	        width: 100% !important;
	        max-width: 180px !important;
	        height: 195px !important;
	        display: flex !important;
	        align-items: center !important;
	        justify-content: center !important;
	    }

	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item img {
	        max-height: 100px !important;
	        max-width: 100% !important;
	        width: auto !important;
	        height: auto !important;
	        object-fit: contain !important;
	    }

	    .compliance-home .content-right {
  	    justify-content: center;
	    }

	    
	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(1),
	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(2),
	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(3),
	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(4),
	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(5),
	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(6),
	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(7),
	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item:nth-child(8) {
	        grid-column: auto !important;
	        grid-row: auto !important;
	    }

	    /* ========================================
	       CASE STUDIES
	       ======================================== */

	    .case-studies-hero h1 {
	        font-size: 24px !important;
	        padding: 1em !important;
	    }

	    .case-study-sidebar {
	        width: 100% !important;
	        margin-top: 2em !important;
	        padding: 1.5em !important;
	    }

	    .blog {
	        display: block !important;
	        margin: 2em 1em !important;
	    }

	    .blog .column {
	        width: 100% !important;
	        padding: 0 !important;
	    }

	    /* ========================================
	       FOOTER
	       ======================================== */

	    /* ========================================
	       FOOTER - MOBILE STACKING
	       ======================================== */

	    #footer {
	        padding: 1em !important;
	    }

	    #wrapper-footer {
	    	padding: 0;
	    }

	    #footer .row {
	    	grid-template-columns: 30% 70%;
	    	padding: 5em 0;
	    }

	    
	    #footer .row > div:first-child {
	        width: 100% !important;
	        margin-bottom: 2em !important;
	    }

	    #footer .row > div:nth-child(3) {
	        width: 48% !important;
	        display: inline-block !important;
	        vertical-align: top !important;
	        margin-left: 2% !important;
	    }

	    .footer-address,
	    .footer-menu {
	        display: block !important;
	        gap: 0 !important;
	    }

	    .footer-address > div,
	    .footer-menu > div {
	        margin-bottom: 1.5em !important;
	    }

	    .footer-address > div:last-child,
	    .footer-menu > div:last-child {
	        margin-bottom: 0 !important;
	    }

	    .footer-address > div:last-child {
	    	display: flex;
	      flex-direction: column;
	      gap: 1em;
	    }

	    .footer-address p a {
	    	font-size: 14px !important;
	    }

	    .footer-menu a {
	    	margin-bottom: 2.5em !important;
	    }

	    .footer-address > div:last-child {
	        margin-bottom: 0 !important;
	    }

	    .footer-menu > div {
	        width: 100% !important;
	        margin-bottom: 1.5em !important;
	    }

	    .footer-menu > div:last-child {
	        margin-bottom: 0 !important;
	    }

	    .footer-menu ul {
	        padding-left: 0 !important;
	    }

	    .footer-menu li {
	        margin-bottom: 0.5em !important;
	    }

	    .aus-badge {
	        max-width: 250px !important;
	        margin-top: 1em !important;
	    }

	    #socket {
	        padding: 1em !important;
	        text-align: center !important;
	    }

	    #socket .row {
	        display: flex !important;
	        flex-direction: column !important;
	        align-items: center !important;
	    }

	    #socket .row > div {
	        width: 100% !important;
	        text-align: center !important;
	        margin-bottom: 1em !important;
	    }

	    #socket .row > div:last-child {
	        margin-bottom: 0 !important;
	    }

	    #socket p {
	        font-size: 12px !important;
	        margin-bottom: 0.5em !important;
	    }

	    /* ========================================
	       ON THIS PAGE NAVIGATION
	       ======================================== */

	    .on-this-page {
	        position: static !important;
	        width: 100% !important;
	        margin: 2em 0 !important;
	        padding: 1.5em !important;
	    }

	    .on-this-page-links {
	        max-height: none !important;
	    }

	    .breadcrumbs {
	        font-size: 12px !important;
	        flex-wrap: wrap !important;
	    }

	    .breadcrumbs a,
	    .breadcrumbs span {
	        word-break: break-word;
	    }
	    
	    body,
	    html {
	        overflow-x: hidden !important;
	        max-width: 100vw !important;
	    }

	    
	    .sections-wrapper,
	    section,
	    .container,
	    .row {
	        max-width: 100vw !important;
	        overflow-x: hidden !important;
	    }

	    
	    img {
	        max-width: 100% !important;
	        height: auto !important;
	    }

	    .padding {
	        padding: 3em 2em !important;
	    }

	    .thin-padding {
	        padding: 2em 1em !important;
	    }

	    .hero-overlay {
	        padding: 2em 1em !important;
	    }

	    .hero-overlay h1 {
	        width: 50% !important;
	        margin-bottom: 1em !important;
	    }

	    .hero-overlay .box > div {
	        width: 100% !important;
	    }

	    table {
	        display: block !important;
	        overflow-x: auto !important;
	        -webkit-overflow-scrolling: touch !important;
	    }

	    .post-modal,
	    #team-modal-content {
	        padding: 2em 1em !important;
	    }

	    .call-to-action {
	        padding: 3em 1em !important;
	        text-align: center !important;
	    }

	    .call-to-action p {
	        font-size: 18px !important;
	        margin-bottom: 1.5em !important;
	    }

	    .call-to-action .btn {
	        width: 100% !important;
	        max-width: 300px !important;
	    }
	    
	    html {
	        overflow-y: scroll !important;
	        overflow-y: auto !important;
	        height: auto !important;
	        min-height: 100vh !important;
	        max-height: none !important;
	        position: static !important;
	    }

	    body {
	        overflow-y: scroll !important;
	        overflow-y: auto !important;
	        height: auto !important;
	        min-height: 100vh !important;
	        max-height: none !important;
	        position: static !important;
	    }

	    .sections-wrapper {
	        overflow: visible !important;
	        overflow-y: visible !important;
	        height: auto !important;
	        min-height: auto !important;
	        position: static !important;
	    }

	    .footer-wrap {
	    	display: flex !important;
	    	width: 100% !important;
	    }
	
	    html, body {
	        overflow: visible !important;
	        overflow-y: auto !important;
	        overflow-x: hidden !important;
	        height: auto !important;
	        min-height: 100vh !important;
	        max-height: none !important;
	        position: static !important;
	        touch-action: pan-y !important;
	        -webkit-overflow-scrolling: touch !important;
	    }
	    
	    [data-aos] {
	        pointer-events: auto !important;
	        touch-action: pan-y !important;
	    }
	    
	    .mega-menu-wrap,
	    #mega-menu-wrap-primary,
	    .mega-menu {
	        pointer-events: auto !important;
	        touch-action: pan-y !important;
	    }
	    
	    .sections-wrapper,
	    #page,
	    .site,
	    #wrapper {
	        overflow: visible !important;
	        overflow-y: visible !important;
	        height: auto !important;
	        min-height: auto !important;
	        max-height: none !important;
	        position: relative !important;
	        touch-action: pan-y !important;
	    }
	    
	    section {
	        overflow: visible !important;
	        height: auto !important;
	        position: relative !important;
	    }
	    
	    body > *:not(#custom-mobile-menu):not(.mobile-menu-overlay):not(#wpadminbar) {
	        position: relative !important;
	    }
}

@media (min-width: 769px) and (max-width: 1024px) {

	    .navbar-brand {
	        padding-top: 1em !important;
	    }

	    .img-fluid {
	        width: 200px !important;
	    }

	    
	    h1 {
	        font-size: 32px !important;
	    }

	    h2 {
	        font-size: 26px !important;
	    }

	    
	    .sector-cards-single,
	    .solutions-cards-single {
	        grid-template-columns: repeat(3, 1fr) !important;
	        gap: 1em !important;
	    }

	    
	    .partner-logo-grid {
	        grid-template-columns: repeat(3, 1fr) !important;
	    }

	    
	    .news-grid {
	        grid-template-columns: repeat(3, 1fr) !important;
	        gap: 2em !important;
	    }

	    .btn {
	    	width: fit-content !important;
	    }

	    .call-to-action p {
	    	max-width: 35vw;
	    }

	    #latest-news {
	    	padding: 4rem 2rem !important; */
			}

			.padding-left .two-column .column:first-child, 
			.padding-right .two-column .column:last-child {
				padding: 4rem 2rem !important;
			}

	    
	    .padding-left,
	    .padding-right {
	        padding: 0 !important;
	    }

	    
	    #testimonials .testimonials-swiper,
	    #testimonials .swiper-slide,
	    #testimonials .single-testimonial {
	        min-height: 500px !important;
	        display: grid;
	    }

	    .testimonial-container {
	        overflow-x: auto !important;
	    }

	    .single-testimonial .two-column {
	        display: grid !important;
	        grid-template-columns: 50% 50% !important;
	        min-height: 500px !important;
	    }

	    .single-testimonial .column:first-child {
	        padding: 3em 2em 4em 2em !important;
	    }

	    .single-testimonial hr {
	    	width: 50%;
	    }

	    .single-testimonial .service-location {
    		margin-bottom: 2em;
			}

			.single-testimonial hr {
    		margin: 3em 0 1em;
			}

	    .single-testimonial .column:last-child {
	        min-height: 500px !important;
	        height: 100% !important;
	        background-size: cover !important;
	        background-position: center !important;
	    }

	    
	    .single-case-study {
	        display: flex !important;
	        flex-direction: row !important;
	        min-height: 500px !important;
	    }

	    .single-case-study .case-studies-img,
	    .single-case-study .img {
	        width: 54% !important;
	        height: 100% !important;
	    }

	    .single-case-study .case-studies-img {
	        display: flex !important;
	    }

	    .single-case-study .case-studies-img .img {
	        width: 100% !important;
	    }

	    .single-case-study .content {
	        width: 50% !important;
	        padding: 3em 2em !important;
	    }

	    .single-case-study.reverse {
	        flex-direction: row !important;
	    }

	    .logo-grid:has(.logo-grid-item:nth-child(8):last-child) {
	        grid-template-columns: repeat(4, 1fr) !important;
	        gap: 0em 2em !important;
	        margin: 0 3rem;
	    }

	    .single-testimonial .name-company {
    		font-size: 14px !important;
  		}

	    .single-case-study .img { 
	    	aspect-ratio: 5 / 6;
	    	margin: 1em !important;
	}
}

@media screen and (max-width: 1023px) {
	
	    html {
	        overflow: visible !important;
	        overflow-y: scroll !important;
	        overflow-x: hidden !important;
	        height: auto !important;
	        position: static !important;
	        -webkit-overflow-scrolling: touch !important;
	    }

	    body {
	        overflow: visible !important;
	        overflow-y: scroll !important;
	        overflow-x: hidden !important;
	        height: auto !important;
	        position: static !important;
	        -webkit-overflow-scrolling: touch !important;
	    }

	    
	    .employee {
	        overflow: visible !important;
	        overflow-x: visible !important;
	        overflow-y: visible !important;
	    }

	    
	    .employee .column {
	        overflow: visible !important;
	        overflow-x: visible !important;
	        overflow-y: visible !important;
	    }

	    
	    .employee .column.employee-content {
	        overflow: visible !important;
	        overflow-x: visible !important;
	        overflow-y: visible !important;
	    }

	    
	    #page,
	    .site,
	    #wrapper,
	    .sections-wrapper {
	        overflow: visible !important;
	        height: auto !important;
	        position: static !important;
	    }

	    
	    section {
	        overflow: visible !important;
	        height: auto !important;
	    }

	    
	    .panel {
	        height: auto !important;
	        min-height: 0 !important;
	    }

	    
	    .two-column {
	        overflow: visible !important;
	        height: auto !important;
	    }

	    
	    .column {
	        overflow: visible !important;
	        height: auto !important;
	    }

	    
	    .background-content {
	        overflow: visible !important;
	        height: auto !important;
	    }

	    
	    * {
	        overflow-x: visible !important;
	    }

	    
	    html {
	        overflow-x: hidden !important;
	    }

	    body {
	        overflow-x: hidden !important;
	    }
}
@media (max-width: 992px) {
	.product-item {
		    flex-direction: column;
		    align-items: flex-start;
		}

		.product-content {
		    flex-direction: column;
		    align-items: flex-start;
		}

		.product-actions {
		    width: 100%;
		}

		.product-link,
		.product-download {
		    flex: 1;
		}
}
@media (max-width: 968px) {
	.posts-feed-container {
	      flex-direction: column-reverse;
	  }

	  .posts-feed-sidebar {
	  		width: 100%;
	      flex: 0 0 100%;
	      position: relative;
	      top: 0;
	  }

	  .posts-feed-main {
	      flex: 0 0 100%;
	  }

	  .posts-grid {
	      grid-template-columns: repeat(2, 1fr);
	  }

	  .sidebar-widget {
	  	width: 48%;
	  	margin-right: 4%;
	  	float: left;
	  }

	  .sidebar-widget:nth-child(even) {
	  	margin-right: 0;
	  }
}
@media (max-width: 900px) {
	
		.case-study-filters .filter-row {
			flex-wrap: wrap;
			gap: 2em;
		}

		.case-study-filters .filter-group {
			flex: 1 1 calc(50% - 1em);
			min-width: 200px;
		}

		.case-study-filters .clear-button {
			flex: 0 0 100%;
			order: 10;
			margin-top: 1em;
		}

		.case-study-filters .per-page-group {
			flex: 0 0 100%;
			order: 11;
			margin-top: 1em;
		}
}
@media (max-width: 820px) {
	.admin-bar .rmp-container, 
		.admin-bar .rmp_menu_trigger {
			margin-top: 0 !important;
		}

		#mega-menu-wrap-primary {
			display: block !important;
		}

		#mega-menu-wrap-primary .mega-menu-toggle {
			display: none !important;
		}

		.navbar-toggler {
			display: block !important;
			position: absolute;
			right: 1em;
			top: 1.5em;
			z-index: 1001;
			background: transparent;
			border: none;
			padding: 10px;
			cursor: pointer;
		}

		.padding {
			padding: 5em 2em;
		}

		#footer {
			padding: 0 2em 4em;
		}

		#footer .row {
			padding-top: 5em;
			gap: 3em;
		}

		.footer-menu {
			flex-direction: column;
			gap: 2em;
		}

		.navbar-toggler-icon {
			width: 30px;
			height: 3px;
			background-color: #383637;
			display: block;
			position: relative;
			border-radius: 3px;
			transition: all 0.3s ease;
			background-image: none !important;
		}

		.navbar-toggler-icon::before,
		.navbar-toggler-icon::after {
			content: '';
			width: 30px;
			height: 3px;
			background-color: #383637;
			display: block;
			position: absolute;
			left: 0;
			border-radius: 3px;
			transition: all 0.3s ease;
		}

		.navbar-toggler-icon::before {
			top: -8px;
		}

		.navbar-toggler-icon::after {
			top: 8px;
		}

		.page-id-2 .navbar-toggler-icon,
		.page-id-2 .navbar-toggler-icon::before,
		.page-id-2 .navbar-toggler-icon::after {
			background-color: #FFF;
		}

		.page-id-2 #main-nav.scrolled .navbar-toggler-icon,
		.page-id-2 #main-nav.scrolled .navbar-toggler-icon::before,
		.page-id-2 #main-nav.scrolled .navbar-toggler-icon::after {
			background-color: #383637;
		}

		.navbar-toggler.active .navbar-toggler-icon {
			background-color: transparent !important;
		}

		.navbar-toggler.active .navbar-toggler-icon::before {
			top: 0;
			transform: rotate(45deg);
			background-color: #383637 !important;
		}

		.navbar-toggler.active .navbar-toggler-icon::after {
			top: 0;
			transform: rotate(-45deg);
			background-color: #383637 !important;
		}

		#mega-menu-wrap-primary #mega-menu-primary {
			display: none !important;
			position: fixed !important;
			top: 0 !important;
			left: 0 !important;
			width: 100% !important;
			height: 100vh !important;
			background: #FFF !important;
			padding: 7em 2em 2em !important;
			overflow-y: auto !important;
			z-index: 1000 !important;
			flex-direction: column !important;
			opacity: 0;
			pointer-events: none;
			transition: opacity 0.3s ease;
			
			float: none !important;
			text-align: left !important;
		}

		#mega-menu-wrap-primary #mega-menu-primary.mobile-menu-open,
		#mega-menu-primary.mobile-menu-open {
			display: flex !important;
			opacity: 1 !important;
			pointer-events: auto !important;
		}

		#mega-menu-primary > li.mega-menu-item {
			width: 100% !important;
			margin-bottom: 0 !important;
			float: none !important;
			display: block !important;
		}

		#mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
			color: #383637 !important;
			font-size: 24px !important;
			font-weight: 600 !important;
			padding: 1em 0 !important;
			border-bottom: 1px solid #EAEAEA;
			text-transform: capitalize !important;
			display: flex !important;
			justify-content: space-between;
			align-items: center;
			letter-spacing: 0 !important;
			width: 100% !important;
			float: none !important;
		}

		#mega-menu-primary .mega-menu-link::before {
			display: none !important;
		}

		#mega-menu-primary .mega-menu-item-has-children > a.mega-menu-link::after {
			content: '';
			width: 10px;
			height: 10px;
			border-right: 2px solid #383637;
			border-bottom: 2px solid #383637;
			transform: rotate(45deg);
			transition: transform 0.3s ease;
		}

		#mega-menu-primary .mega-menu-item-has-children.submenu-open > a.mega-menu-link::after {
			transform: rotate(-135deg);
		}

		#mega-menu-primary .mega-sub-menu {
			display: none;
			position: static !important;
			background: #F5F5F5 !important;
			width: 100% !important;
			padding: 1em !important;
			margin: 0 0 1em 0 !important;
			box-shadow: none !important;
			border: none !important;
		}

		#mega-menu-primary .mega-menu-item-has-children.submenu-open > .mega-sub-menu {
			display: block !important;
		}

		#mega-menu-primary .mega-menu-row,
		#mega-menu-primary .mega-menu-row > ul,
		#mega-menu-primary .mega-menu-column {
			display: block !important;
			width: 100% !important;
			border: none !important;
			padding: 0 !important;
		}

		#mega-menu-primary .parent {
			color: #383637 !important;
			font-size: 16px !important;
			font-weight: 600 !important;
			margin: 1em 0 0.5em 0 !important;
			display: block !important;
			text-decoration: none !important;
		}

		#mega-menu-primary .parent:first-child {
			margin-top: 0 !important;
		}

		#mega-menu-primary .child {
			color: #666 !important;
			font-size: 14px !important;
			padding: 0.3em 0 0.3em 1em !important;
			display: block !important;
			text-decoration: none !important;
		}

		#mega-menu-primary .child:hover {
			color: #F47D20 !important;
		}

		#mega-menu-primary > li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link {
			justify-content: flex-start;
		}

		.filter-row {
	    flex-direction: column;
	    align-items: stretch;
		}

		.filter-group select {
	    width: 100%;
	    min-width: auto;
		}

		.per-page-group {
	    align-items: flex-start;
	    margin-left: 0;
	    margin-top: 2em;
		}

		.per-page-buttons {
	    width: 100%;
		}

		.per-page-btn {
	    flex: 1;
		}

		.clear-button {
	    width: 100%;
	    justify-content: end;
		}

		.product-item {
	  	padding: 20px;
		}

		.product-link,
		.product-download {
	    width: 100%;
	    text-align: center;
		}

		.product-pagination a,
		.product-pagination span {
	    padding: 8px 12px;
	    min-width: 40px;
	    font-size: 14px;
		}

		#hero .hero-overlay {
			align-content: end !important;
			padding: 2em !important;
		}

		#hero .hero-overlay .box {
			display: grid;
			justify-content: normal;
		}

		#hero .hero-overlay .box div:nth-child(1) {
			width: 100%;
			margin-bottom: 2em;
		}

		#hero .hero-overlay .box div:nth-child(2) {
			width: 50%;
			float: left;
		}

		#hero .hero-overlay .box div:nth-child(3) {
			width: 45%;
			float: left;
			display: flex;
		}

		#hero .hero-overlay h1 {
			width: 100% !important;
		}

		.single-overlay {
			padding: 2em;
		}

		.sector-cards-single,
		.solutions-cards-single {
			grid-template-columns: repeat(2, 1fr);
		}

		.single-case-study {
			flex-direction: column;
		}

		.single-case-study .img,
		.single-case-study .content {
			width: 100%;
		}

		.single-case-study .content {
			padding: 3em 2em;
		}

		.padding .two-column {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 3em;
		}

		.one-column {
	    width: 100%;
		}

		.page-id-12 .call-to-action p {
	    max-width: 75%;
	    margin: auto;
	    font-size: 22px;
		}

		.call-to-action p {
	    max-width: 60%;
	    margin: auto;
		}

		.padding {
			padding: 4em 3em;
		}

		#hero .hero-overlay {
			padding: 4em 3em;
		}

		.column {
			aspect-ratio: auto;
		}

		.padding-left .column:first-child,
		.padding-right .column:last-child {
			padding: 3em;
		}

		.video-container {
			padding: 2em;
		}

		.two-column {
	    grid-template-columns: repeat(1, 1fr);
		}

		.padding-right .two-column {
			display: flex;
			flex-direction: column-reverse;
		}

		.padding-right .column:last-child {
			padding-right: 0;
		}

	  .logo-grid:has(.logo-grid-item:nth-child(8):last-child) {
	  	grid-template-columns: repeat(4, 1fr) !important;
	  	grid-auto-rows: auto;
	  	gap: 3em 2em;
	  }

	  .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item {
	  	grid-column: span 1 !important;
	  	grid-row: auto !important;
	  }

	  .logo-grid__item.is-wide { 
	  	grid-column: span 2; 
	  }

	  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
	  	display: block !important;
	  	width: 100%;
	  	padding: 1em !important;
	  	margin-top: 7em !important;
	  	background: #FFF;
	  	position: fixed;
	  	top: 0;
	  	left: 0;
	  	height: 100vh;
	  	overflow-y: auto;
	  	z-index: 999;
	  }

	  #mega-menu-primary {
	  	display: none;
	  }

	  .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
	  	display: block !important;
	  }

	  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	  	text-transform: capitalize !important;
	  	letter-spacing: 0;
	  	font-size: 22px !important;
	  	color: #383637 !important;
	  	padding: 1em 0 !important;
	  	border-bottom: 1px solid #EAEAEA;
	  	display: flex !important;
	  	justify-content: space-between;
	  	align-items: center;
	  }

	  
	  #mega-menu-primary .mega-menu-link::before {
	  	display: none !important;
	  }

	  
	  #mega-menu-primary .mega-indicator {
	  	display: inline-block !important;
	  	width: 13px;
	  	height: 13px;
	  	position: relative;
	  	cursor: pointer;
	  	flex-shrink: 0;
	  	background-image: url('/wp-content/uploads/2025/09/Angle-Orange.svg');
	  	background-repeat: no-repeat;
	  	background-position: center;
	  	background-size: contain;
	  	transition: transform 0.3s ease;
	  	transform: rotate(90deg);
	  	margin-left: 0.3em;
	  	vertical-align: middle;
	  }

	  
	  #mega-menu-primary .mega-indicator::after {
	  	display: none !important;
	  }

	  
	  .mega-menu-item-has-children:has(.mega-sub-menu.mega-menu-open) .mega-indicator {
	  	transform: rotate(-90deg);
	  }

	  
	  #mega-menu-primary .mega-sub-menu {
	  	display: none;
	  	background: #F5F5F5;
	  	padding: 1em;
	  	margin-top: 0.5em;
	  }

	  #mega-menu-primary .mega-sub-menu.mega-menu-open {
	  	display: block !important;
	  }

	  #mega-menu-primary .mega-menu-column {
	  	border: none !important;
	  	padding: 0.5em 0;
	  }

	  #mega-menu-primary .parent {
	  	font-size: 16px !important;
	  	font-weight: 600;
	  	color: #383637;
	  	margin-bottom: 0.5em;
	  	display: block;
	  }

	  #mega-menu-primary .child {
	  	font-size: 14px !important;
	  	color: #666;
	  	padding-left: 1em;
	  	margin-bottom: 0.3em;
	  	display: block;
	  }

		.single:not(.single-case_study) .blog .column:first-child,
		.case-study-sidebar {
			width: 100%;
			padding: 0;
		}

		.case-studies-hero div {
	    height: calc(55vh - 134px);
	  }

	  .case-studies-hero h1 {
	  	padding: 1.5em;
	  }

		.blog {
	    margin: 4em 3em;
		}

		#case-studies-list {
			padding: 2em 1em;
		}

		.case-study-filters {
			padding: 0 0 1.5em 0;
		}

		.case-study-filters .filter-row {
			flex-direction: column;
			align-items: stretch;
			gap: 1.5em;
		}

		.case-study-filters .filter-group {
			width: 100%;
		}

		.case-study-filters .filter-select {
			width: 100%;
			min-width: auto;
		}

		.case-study-filters .per-page-group {
			flex-direction: column;
			align-items: flex-start;
			width: 100%;
		}

		.case-study-filters .per-page-buttons {
			width: 100%;
			display: flex;
			gap: 1em;
		}

		.case-study-filters .per-page-btn {
			flex: 1;
		}

		.case-study-filters .clear-button {
			width: 100%;
		}

		.case-study-item {
			flex-direction: column;
		}

		.case-study-image {
			width: 100%;
			min-height: 250px;
		}

		.case-study-content {
			width: 100%;
			padding: 2em 1em 3em;
		}

		.case-study-content h3 {
			font-size: 24px;
		}

		.case-study-pagination {
			flex-wrap: wrap;
		}
}


@media (max-width: 768px) {

	#custom-mobile-menu {
		margin-top: 2em;
	}

	.partners-home {
		margin: 1em;
	}

	.mobile-menu-content {
    padding: 2em 1em 2em !important;
  }

	.partners-home .btn {
		width: fit-content !important;
	}

	.logo-grid {
		margin: 2em;
	}

	.employee .div-wrapper {
	    grid-template-columns: 100%;
	    gap: 2em;
		}

		    #footer .row {
	        grid-template-columns: 100%;
	    }

	    /* ========================================
	       TESTIMONIALS - MOBILE LAYOUT (768px and under)
	       ======================================== */

	    #testimonials {
	        overflow: visible !important;
	    }

	    .testimonials-swiper {
	        height: auto !important;
	        min-height: auto !important;
	        overflow: visible !important;
	    }

	    .single-testimonial {
	        display: flex !important;
	        flex-direction: column !important;
	        height: auto !important;
	        min-height: auto !important;
	    }

	    
	    .single-testimonial > .img {
	        display: none !important;
	    }

	    #testimonials .two-column {
	        display: flex !important;
	        flex-direction: column !important;
	        width: 100% !important;
	    }

	    
	    .single-testimonial .column:first-child {
	        order: 1 !important;
	        width: 100% !important;
	        min-height: auto !important;
	        padding: 2em 1.5em 5em 1.5em !important;
	        background: var(--HYCHEM-Gradient, linear-gradient(90deg, #962E01 0%, #BC582D 100%)) !important;
	        position: relative !important;
	    }

	    .single-testimonial .column:first-child > * {
	        max-width: 100% !important;
	        margin-left: 0 !important;
	        padding-right: 0 !important;
	    }

	    
	    .testimonials-swiper .swiper-pagination {
	        position: absolute !important;
	        width: auto !important;
	        max-width: calc(100% - 3em) !important;
	        padding: 0 !important;
	        bottom: 2em !important;
	        right: auto !important;
	        background: transparent !important;
	        text-align: left !important;
	        margin: 0 !important;
	        z-index: 10 !important;
	    }

	    
	    .single-testimonial .column:last-child {
	        order: 2 !important;
	        width: 100vw !important;
	        margin-left: calc(-50vw + 50%) !important;
	        min-height: 400px !important;
	        height: 400px !important;
	        aspect-ratio: 16 / 9 !important;
	        background-size: cover !important;
	        background-position: center !important;
	    }

	    .single-testimonial .quote p {
	        font-size: 18px !important;
	    }

	    .single-testimonial .name-company {
	        font-size: 14px !important;
	    }

	    .single-testimonial .service-location {
	        margin-bottom: 1.5em !important;
	    }

	    .single-testimonial hr {
	        width: 100% !important;
	        max-width: 380px !important;
	        margin: 1.5em 0 1em !important;
	    }

	    .hide-mobile {
	        display: none !important;
	    }

	

	.mobile-padding {
	        padding: 1em !important;
	    }

	

	
	    #product-filter-container {
	        padding: 1em !important;
	    }

	    
	    .product-filters .custom-dropdown {
	        width: 100% !important;
	        margin-bottom: 1em !important;
	    }


	    .dropdown-label {
	        font-size: 14px !important;
	    }

	    .dropdown-content {
	        max-height: 250px !important;
	        overflow-y: auto !important;
	    }

	    .dropdown-option {
	        padding: 0.75em 1em !important;
	        font-size: 14px !important;
	    }

	    
	    .filter-buttons {
	        display: flex !important;
	        flex-direction: column !important;
	        gap: 0.5em !important;
	    }

	    .per-page-controls {
	        display: flex !important;
	        flex-wrap: wrap !important;
	        gap: 0.5em !important;
	        justify-content: center !important;
	    }

	    .per-page-btn {
	        flex: 1 1 auto !important;
	        min-width: 60px !important;
	    }

	    #clear-filters {
	        width: 100% !important;
	        margin-top: 1em !important;
	    }

	    
	    .products-grid {
	        grid-template-columns: 1fr !important;
	        gap: 1.5em !important;
	        padding: 1em 0 !important;
	    }

	    
	    .product-card {
	        padding: 1em !important;
	    }

	    .product-image {
	        height: 200px !important;
	    }

	    .product-title {
	        font-size: 16px !important;
	        width: auto;
	    }

	    .product-excerpt {
	        font-size: 14px !important;
	    }

	    .product-meta {
	        font-size: 12px !important;
	    }

	    
	    .product-pagination {
	        margin-top: 2em !important;
	        flex-wrap: wrap !important;
	        justify-content: center !important;
	    }

	    .product-pagination a,
	    .product-pagination span {
	        padding: 0.5em 0.75em !important;
	        font-size: 14px !important;
	        margin: 0.25em !important;
	    }

	

	#partner-logos {
	        padding: 2em 1em !important;
	    }

	    #partner-logos h2 {
	        text-align: center !important;
	        margin-bottom: 1.5em !important;
	    }

	    
	    .logo-marquee {
	        overflow: hidden !important;
	    }

	    .logo-track {
	        display: flex !important;
	        animation: scroll-left 60s linear infinite !important;
	        gap: 2.5em;
	    }

	    .logo-item {
	        flex: 0 0 150px !important;
	        padding: 0 1em !important;
	    }

	    .logo-item img {
	        max-width: 100% !important;
	        height: auto !important;
	        max-height: 60px !important;
	        object-fit: contain !important;
	    }

	

	.sector-cards,
	    .solutions-cards {
	        padding: 0 1em 1em !important;
	    }

	    .card-background {
	        min-height: 300px !important;
	    }

	    .background-image {
	        height: 100% !important;
	    }

	    .single-overlay {
	        padding: 1.5em !important;
	    }

	    .single-overlay h3 {
	        font-size: 20px !important;
	        margin-bottom: 0.75em !important;
	    }

	    .excerpt {
	        font-size: 14px !important;
	        line-height: 150% !important;
	    }

	    .btn-link {
	        font-size: 14px !important;
	        margin-top: 1em !important;
	    }

	

	.testimonials-swiper {
	        height: auto !important;
	        min-height: 500px !important;
	    }

	    .single-testimonial {
	        padding: 0 1em !important;
	    }

	    .single-testimonial .two-column {
	        display: block !important;
	    }

	    .single-testimonial .column {
	        width: 100% !important;
	    }

	    
	    .single-testimonial .column:first-child {
	        padding: 1.5em !important;
	        order: 2 !important;
	    }

	    
	    .single-testimonial .column:last-child {
	        min-height: 250px !important;
	        order: 1 !important;
	        margin-bottom: 1.5em !important;
	    }

	    .service-location {
	        font-size: 14px !important;
	        margin-bottom: 1em !important;
	    }

	    .quote p {
	        font-size: 16px !important;
	        line-height: 150% !important;
	    }

	    .name-company {
	        font-size: 13px !important;
	        line-height: 140% !important;
	    }

	    
	    .swiper-pagination-bullet {
	        width: 10px !important;
	        height: 10px !important;
	        margin: 0 5px !important;
	    }

	

	.case-studies-hero {
	        min-height: 40vh !important;
	    }

	    .case-studies-hero-overlay {
	        padding: 2em 1em !important;
	    }

	    .case-studies-hero h1 {
	        font-size: 22px !important;
	    }

	    
	    .single-case-study {
	        display: block !important;
	        margin: 2em 0 !important;
	    }

	    .single-case-study .img {
	        width: 100% !important;
	        height: 250px !important;
	        margin-bottom: 1.5em !important;
	    }

	    .single-case-study .content {
	        width: 100% !important;
	        padding: 1.5em !important;
	    }

	    .case-study-sidebar {
	        position: static !important;
	        width: 100% !important;
	        margin-top: 2em !important;
	        padding: 1.5em !important;
	        background: #F5F5F5 !important;
	    }

	    .case-study-sidebar h4 {
	        font-size: 14px !important;
	        margin-top: 1em !important;
	        margin-bottom: 0.5em !important;
	    }

	    .case-study-sidebar p {
	        font-size: 14px !important;
	    }

	    .case-studies-products {
	        display: flex !important;
	        flex-wrap: wrap !important;
	        gap: 0.5em !important;
	    }

	    .case-studies-products a {
	        font-size: 12px !important;
	        padding: 0.5em 1em !important;
	    }

	

	.news-hero {
	        min-height: 40vh !important;
	    }

	    .news-hero div {
	        height: 40vh !important;
	    }

	    
	    #news-filters {
	        padding: 1.5em 1em !important;
	        display: flex !important;
	        flex-direction: column !important;
	        gap: 1em !important;
	    }

	    #news-filters select,
	    #news-filters input {
	        width: 100% !important;
	        font-size: 14px !important;
	    }

	    #news-filters button {
	        width: 100% !important;
	    }

	    .single-post {
	        margin-bottom: 2em !important;
	    }

	    .single-post .thumbnail {
	        height: 270px !important;
	    }

	    .single-post .content {
	        padding: 1.5em !important;
	    }

	    .single-post h3 {
	        font-size: 18px !important;
	        line-height: 130% !important;
	    }

	    .category {
	        font-size: 12px !important;
	    }

	    
	    .blog {
	        display: block !important;
	        margin: 2em 1em !important;
	    }

	    .blog .column:first-child {
	        width: 100% !important;
	        padding: 0 !important;
	    }

	    .blog h1 {
	        font-size: 24px !important;
	    }

	    .blog .lead {
	        font-size: 16px !important;
	    }

	    .blog p {
	        font-size: 15px !important;
	    }

	    .blog figure {
	        margin: 1.5em 0 !important;
	    }

	    .blog figcaption {
	        font-size: 13px !important;
	        padding: 0.75em !important;
	    }

	    .blog blockquote {
	        margin: 2em 0 !important;
	        padding: 1em !important;
	        font-size: 16px !important;
	    }

	

	.secondary-menu {
	        display: none !important;
	    }

	    
	    .mobile-only-secondary-menu {
	        display: block !important;
	        padding: 1em !important;
	        background: #F5F5F5 !important;
	        text-align: center !important;
	    }

	    .mobile-only-secondary-menu a {
	        display: inline-block !important;
	        margin: 0 0.5em !important;
	        font-size: 13px !important;
	    }

	  	#footer .row {
	      grid-template-columns: 100%;
			}

			.aus-badge {
	   	 	width: 500px !important;
	    }

	    #footer .row > div:first-child {
	    	margin: 0;
	    }

			.footer-wrap {
			  display: grid !important;
	      grid-template-columns: 50% 50%;
	    }

	    #socket .col-md-12 {
	    	display: block;
			}

	    .page-id-2 #hero .hero-overlay {
	        padding: 10em 1em 2em !important;
	    }

	    .page-id-2 #hero h1 {
	        font-size: 26px !important;
	        margin-bottom: 1em !important;
	    }

	    
	    .page-id-2 .wp-product-searchform {
	        width: 100% !important;
	    }

	    .page-id-2 .wp-search-input-wrap {
	        width: 100% !important;
	    }

	    
	    #latest-news {
	        padding: 2em 1em !important;
	    }

	    #latest-news h2 {
	        text-align: center !important;
	        margin-bottom: 1.5em !important;
	    }

	

	.contact-form {
	        padding: 2em 1em !important;
	    }

	    .form-group {
	        margin-bottom: 1.5em !important;
	    }

	    label {
	        font-size: 14px !important;
	        margin-bottom: 0.5em !important;
	    }

	    input[type="text"],
	    input[type="email"],
	    input[type="tel"],
	    textarea,
	    select {
	        width: 100% !important;
	        padding: 0.75em !important;
	        font-size: 14px !important;
	    }

	    textarea {
	        min-height: 150px !important;
	    }

	    input[type="submit"],
	    button[type="submit"] {
	        padding: 1em !important;
	        font-size: 16px !important;
	    }

	

	.breadcrumbs {
	        display: flex !important;
	        flex-wrap: wrap !important;
	        padding: 1em !important;
	        font-size: 12px !important;
	        gap: 0.5em !important;
	    }

	    .breadcrumbs a,
	    .breadcrumbs span {
	        display: inline-block !important;
	        word-break: break-word !important;
	    }

	    .breadcrumbs svg {
	        width: 10px !important;
	        height: 10px !important;
	        margin: 0 0.25em !important;
	        flex-shrink: 0 !important;
	    }

	

	
	    ::-webkit-scrollbar {
	        width: 5px !important;
	        height: 5px !important;
	    }

	    ::-webkit-scrollbar-track {
	        background: #f1f1f1 !important;
	    }

	    ::-webkit-scrollbar-thumb {
	        background: #888 !important;
	        border-radius: 3px !important;
	    }

	    ::-webkit-scrollbar-thumb:hover {
	        background: #555 !important;
	    }

	

	#wrapper-footer {
			padding: 0;
		}

	    
	    .skip-link {
	        position: absolute !important;
	        top: -100px !important;
	        left: 0 !important;
	        z-index: 9999 !important;
	        background: #BC582D !important;
	        color: #FFF !important;
	        padding: 1em !important;
	    }

	    .skip-link:focus {
	        top: 0 !important;
	    }

	

	/* ========================================
	       FIX: Prevent double scrolling on mobile
	       ======================================== */

	    
	    html, body {
	        overflow-x: hidden !important;
	        overflow-y: auto !important;
	        height: auto !important;
	        max-height: none !important;
	        -webkit-overflow-scrolling: touch !important;
	    }

	    
	    .sections-wrapper,
	    #page,
	    .site,
	    section,
	    #wrapper,
	    #content {
	        overflow: visible !important;
	        overflow-y: visible !important;
	        height: auto !important;
	        max-height: none !important;
	        min-height: 0 !important;
	    }

	    
	    #hero {
	        height: auto !important;
	    }

	    
	    .panel {
	        height: auto !important;
	        min-height: auto !important;
	    }

	    
	    #custom-mobile-menu {
	        height: 100vh !important;
	        overflow-y: auto !important;
	        position: fixed !important;
	    }

	    
	    section {
	        overflow: visible !important;
	    }

	    
	    .background-content,
	    .two-column,
	    .column {
	        height: auto !important;
	        overflow: visible !important;
	    }

	    
	    html {
	        overflow-y: auto !important;
	        overflow-x: hidden !important;
	        height: auto !important;
	        position: static !important;
	    }

	    body {
	        overflow-y: auto !important;
	        overflow-x: hidden !important;
	        height: auto !important;
	        min-height: 100vh !important;
	        position: static !important;
	    }

	    
	    .sections-wrapper {
	        overflow: visible !important;
	        height: auto !important;
	        position: static !important;
	    }
}
@media (max-width: 768px) and (orientation: landscape) {
	
	    #hero {
	        min-height: 90vh !important;
	    }

	    .hero-banner {
	        min-height: 60vh !important;
	    }

	    
	    #custom-mobile-menu {
	        height: 100vh !important;
	        overflow-y: auto !important;
	    }
}
@media (max-width: 767px) {
	html {
	        overflow-y: scroll !important;
	        -webkit-overflow-scrolling: touch !important;
	    }

	    body {
	        overflow-y: scroll !important;
	        -webkit-overflow-scrolling: touch !important;
	        min-height: 100vh !important;
	    }
}
@media (max-width: 640px) {
	.posts-grid {
	      grid-template-columns: 1fr;
	  }

	  .post-thumbnail {
	      height: 180px;
	  }

	  .padding {
	  	padding: 4em 2em;
	  }

	  .call-to-action p {
	  	font-size: 24px;
	  	max-width: 80%;
	  }

	  #footer {
	  	padding: 0 2em 3em;
	  }

	  #footer .row {
	  	padding-top: 4em;
	  }
}


@media (max-width: 480px) {

	.navbar .container {
    padding: 2.5em 1em;
  }
	
  .mobile-menu-content {
    padding: 5em 1em 2em;
  }

	.logo-item {
    flex: 0 0 200px !important;
  }

  .logo-grid {
  	margin: 0 1em 4em;
  }

  .logo-grid:has(.logo-grid-item:nth-child(8):last-child) {
    gap: 2em 0em !important;
  }

  .partners-home .btn {
  	margin-top: 1em;
  }

  .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item,
  .logo-grid-item img,
  .logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item img {
    min-width: 150px !important;
    min-height: 80px !important;
    max-height: 100px !important;
    max-width: 150px !important;
  }

	#testimonials .two-column {
    flex-direction: column-reverse;
  }

  .single-testimonial {
    padding: 0em 1em !important;
  }

  .testimonials-swiper .swiper-pagination {
    bottom: -5em !important;
  }

  #testimonials {
    padding-bottom: 6.5rem;
  }

	.partner-logo-link {
 		padding: 5px !important;
	}

  .call-to-action .btn, .btn {
  	min-width: auto !important;
    max-width: fit-content !important;
    padding: 1em 3em !important;
  }

  input[type="text"], input[type="email"], input[type="tel"], textarea, select {
    padding: 0.75em 0 !important;
	}

  #footer .row {
    grid-template-columns: 30% 70%;
    padding: 5em 0 0;
  }

	.single-testimonial .column:first-child {
    padding: 0 !important;
  }

  .footer-address > div:last-child {
    margin-top: 4.5rem;
  }

  .footer-wrap {
    gap: 5rem;
  }

  #footer {
    padding: 0 !important;
  }

	.page-id-12 .call-to-action p {
			max-width: 100%;
		}

		.sidebar-widget {
	  	width: 100%;
	  	margin-right: 0;
	  }

		.solutions-cards-single h3 {
	    font-size: 28px;
		}

		.partner-logo-grid {
	    grid-template-columns: repeat(2, 1fr) !important;
	  }

	  .product-brand-logo {
	    justify-content: flex-start;
	    margin-top: 2em;
		}

		.news-hero div h1 {
			font-size: 30px;
			padding: 1em;
		}

		.related-news-grid {
	    grid-template-columns: repeat(1, 1fr);
		}

		.posts-feed-sidebar,
		.single:not(.single-case_study) .blog .column:last-child.posts-feed-sidebar {
			width: 100%;
		}

		.single:not(.single-case_study) .blog .column:last-child.posts-feed-sidebar {
			margin-bottom: 3em;
		}

		.single-case-study .blog {
			display: flex !important;
			flex-direction: column-reverse;
		}

		.single-case-study .blog .column:last-child.posts-feed-sidebar {
			margin-top: 3em;
			margin-bottom: 0;
		}

		.section-heading .one-column .breadcrumbs {
	    margin: 0 0 5em;
		}

		.single-case-study .blog p:first-child {
			margin-top: 3em;
		}

		.case-studies-hero h1 {
	    padding: 0.5em;
		}

		.bg-primary {
			padding: 0;
		}

		.padding.employee {
			padding: 3em 1em;
		}

		.employee .div-wrapper {
			grid-template-columns: 100%;
			background-size: 65vh;
			background-position: 43vw 52vh;
			gap: 2em;
			padding: 2em 1em;
		}

		.employee .column.employee-content {
			padding-right: 1em;
		}

		#socket p:last-child {
			margin-left: 0
		}

		.news-grid {
	    grid-template-columns: repeat(1, 1fr);
		}

		.call-to-action p {
			padding: 0;
			max-width: 100%;
		}

		.team-grid, 
		#team-modal-content {
			grid-template-columns: repeat(1, 1fr);
		}

		#team-modal-content div:last-child {
			display: none;
		}

		#footer {
	    padding: 0 1.5em 3em;
		}

		
		#footer .row {
	    display: flex;
	    flex-direction: column;
	    padding-top: 3em;
	    gap: 0;
		}

		
		#footer .row > div:first-child {
			width: 100%;
			margin-bottom: 2em;
		}

		.footer-address {
			padding-right: 2%;
		}

		.footer-address > div {
			margin-bottom: 1.5em;
		}

		.footer-address > div:last-child {
			margin-bottom: 0;
		}

		.footer-menu {
			padding-left: 2%;
			display: inline-block;
			gap: 0;
		}

		.footer-menu > div {
			display: flex;
			flex-direction: column;
			gap: 0;
			margin-bottom: 1.5em;
		}

		.footer-menu > div:last-child {
			margin-bottom: 0;
		}

		.footer-menu a {
			margin-bottom: 1em;
		}

		.footer-address p {
			margin-top: 0 !important;
			margin-bottom: 1em;
		}

		.footer-address p:last-child {
			margin-bottom: 0;
		}

		#footer .row div:first-child img {
			width: 180px;
		}

		.aus-badge {
			width: 100% !important;
			max-width: 200px;
			margin: 3em 0 0;
		}

		.padding {
			padding: 4em 1.5em;
		}

		.padding-left .column:first-child,
		.padding-right .column:last-child {
			padding: 2em 1.5em;
		}

		#footer .row div:nth-child(2) a, 
		#footer .row div:nth-child(2) p, 
		#footer .row div:nth-child(3) a, 
		#footer .row div:nth-child(4) a, 
		#footer .row div:nth-child(5) a {
	    margin-bottom: 1em;
		}

		#footer .row div:nth-child(1) {
			margin-bottom: 0;
		}

		.aus-badge {
			width: 70% !important;
	    margin: 2em 0 0;
		}

		#socket .col-md-12 {
	    display: block;
	    padding: 2em 0;
		}

		.hero-banner .one-column {
			height: 25vh;
		}

		#footer .row div:first-child img {
	    width: auto;
	    height: 60px;
		}

		.project-details .two-column:first-child {
	    display: flex;
	    flex-direction: column-reverse;
		}

		.one-column {
			width: 100%;
		}

		.padding .two-column {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 0;
		}

		.logo-grid__grid {
	    gap: 2em
	  }

		.logo-grid__item img {
	    max-height: 7em;
	    max-width: 9em;
      width: 150px;
		}

		.hero-banner {
	    padding: 4em 1em 3em !important;
		}

		.projects-feed {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 4em 1em;
		}

		.padding-right .column:last-child {
			padding: 3em 1em;
		}

		.thin-padding.padding-right .column:last-child {
	    padding: 3em 0 4em 0;
		}	

		.thin-padding.padding-left .column:first-child {
	    padding: 3em 0;
		}

		.padding {
			padding: 5em 1em;
		}

		.statistics {
	    padding: 1em;
	    grid-template-columns: repeat(2, 1fr);
		}

		.projects-cards-single {
	    grid-template-columns: repeat(1, 1fr);
		}

		#latest-news h2 {
			padding-right: 0;
		}

		.single-case-study {
			display: block;
		}

		.single-case-study .img,
		.hero .one-column {
			width: 100%;
		}

		.single-case-study .content {
			width: 100%;
			padding: 2em 1em 3em;
		}

		.mode-latest .single-case-study {
			padding: 0;
		}

		#kdl-leadership-team {
			padding: 1em;
		}

		.navbar .container {
	    padding: 3.5em 1em;
		}

		#latest-news {
			padding: 3em 1em !important;
		}

		
		.mega-menu-toggle {
			display: block !important;
			position: absolute;
			right: 1em;
			top: 1.5em;
			z-index: 1000;
		}

		.logo-grid {
			padding: 3em 1em;
		}

		.logo-grid div {
	    grid-template-columns: repeat(2, 1fr);
		}

		
		.logo-grid:has(.logo-grid-item:nth-child(8):last-child) {
			grid-template-columns: repeat(2, 1fr) !important;
			grid-auto-rows: auto;
			gap: 2em 1em;
		}

		.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item {
			grid-column: span 1 !important;
			grid-row: auto !important;
		}

		.logo-grid:has(.logo-grid-item:nth-child(8):last-child) .logo-grid-item img {
			max-height: 80px;
			max-width: 120px;
		}

		#news-filters {
			padding: 0 1em;
			display: block;
		}

		#news-filters p {
			margin-bottom: 0.5em;
		}

		#news-filters select,
		#news-filters input {
			width: 100%;
		}

		#news-filters input {
			margin-bottom: 1em;
		}

		.logo-grid__grid { 
	  	grid-template-columns: 1fr; 
	  }

	  .logo-grid__item.is-wide { 
	  	grid-column: auto; 
	  }

	  .background-video {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    transform: translate(-50%, -50%);
	    z-index: 0;
		}

		.navbar-dark .navbar-brand {
			z-index: 2;
		}

		#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
			color: #383637 !important;
		}

		.sections {
			height: 70vh;
		}

		.section {
			padding: 0 1em;
		}

		.gallery-grid {
	  	column-count: 1;
		}

		.project-details .two-column {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 2em;
		}

		.three-column {
	    grid-template-columns: repeat(1, 1fr);
		}

		.padding-right.dark-charcoal .column:last-child, 
		.padding-right.charcoal .column:last-child, 
		.padding-left.dark-charcoal .column:first-child, 
		.padding-left.charcoal .column:first-child {
			padding: 0;
		}

		.post-modal {
	    padding: 3em 0;
		}

		#legacy .target-arrow {
	    margin: 0;
	    position: relative;
		}

		.news-grid .single-post .content {
	    padding: 1.5em;
	  }

	  #team-modal-content div:first-child {
	  	padding: 0 1em;
	    height: 100vh;
	    overflow: scroll;
	  }

	  .project-filters {
	  	padding: 0 1em;
	  }

	  #latest-news .column {
	    justify-content: space-between;
	  }

	  .two-thirds-left .column .img, 
	  .two-thirds-right .column .img,
	  .column .img {
	  	min-height: 28vh;
	  }

	  .news-hero div {
	  	height: 40vh;
	  }

	  .blog {
	    margin: 3em 1em;
		}

		.blog .column:first-child {
	    width: 100%;
	    padding-right: 0;
		}

		.swiper-button-next:after, 
		.swiper-rtl .swiper-button-prev:after,
		.swiper-button-prev:after, 
		.swiper-rtl .swiper-button-next:after {
			font-size: 2em !important;
		}

		.swiper-button-prev, 
		.swiper-rtl .swiper-button-next {
			width: 1em !important;
			margin-left: -0.5em !important;
		}

		.swiper-button-next, 
		.swiper-rtl .swiper-button-prev {
			width: 1em !important;
			magin-right: 0.5em !important;
		}

		.statistics h3,
		.statistics h3 span {
	    font-size: 46px;
		}

		h2 {
			margin-bottom: 1.5em;
		}

		.linkedin {
	    float: none !important;
	    position: relative !important;
	    right: 0 !important;
	    top: 2em !important;
	    width: fit-content !important;
	    margin-left: 1.5em !important;
		}

		.sector-cards-single {
	    grid-template-columns: repeat(1, 1fr);
		}

		#hero .hero-overlay {
			padding: 1em;
		}

		#hero .hero-overlay h1 {
			width: 50%;
		}

		#hero .hero-overlay .box {
			display: grid;
		}

		#hero .hero-overlay .box div:nth-child(1) {
			width: 100%;
		}

		#hero .hero-overlay .box div:nth-child(2) {
			width: 100%;
			margin: 2em 0;
		}

		.two-column .logo-grid {
			grid-template-columns: repeat(2, 1fr);
	    gap: 2em;
		}

		.single-testimonial .column {
			aspect-ratio: auto;
		}

		.column {
			aspect-ratio: auto;
		}

		.padding-left .column:first-child {
			padding: 3em 1em;
		}

		.secondary-menu {
			display: none;
		}

		.case-study-content {
			padding: 1.5em 1em 2em;
		}

		.case-study-content h3 {
			font-size: 20px;
		}

		.case-study-image {
			min-height: 200px;
		}

		#hero .hero-overlay .box div:nth-child(1) {
			margin-bottom: 0;
		}

		#hero .hero-overlay .box div:nth-child(2) {
			margin: 0;
		}


		#hero .hero-overlay .box div:nth-child(3) {
			width: 100%;
			margin: 0;
	    display: flex;
	    gap: 1em;
		}

		#hero .hero-overlay .box .btn {
	    width: -webkit-fill-available;
		}

		.sections-wrapper {
	    padding-top: 110px;
	  }


	  .padding-left .two-column .column:first-child, .padding-right .two-column .column:last-child {
	  	padding: 2em 0 !important;
	  }

	  .filter-row {
	  	gap: 1em;
	  }

	  .product-text {
	    display: grid;
	    gap: 1em;
	  }

	  .product-excerpt {
	  	width: 100%;
	  	padding: 0;
	  }

	  .partner-logo-grid {
	    grid-template-columns: repeat(2, 1fr);
	  }

	  h2 {
	  	font-size: 22px;
	  }

	  .one-column-logo {
	  	max-width: 100%;
	  }

	  .sector-cards-single, .solutions-cards-single {
	  	grid-template-columns: repeat(1, 1fr);
	  }

	  .two-thirds .two-column {
	  	display: block;
	  }

	  .two-thirds.navy-background .btn {
	  	margin-top: 0;
	  }

	  .on-this-page {
	  	margin-top: 4em;
	  }

	

	/* ========================================
	       EXTRA SMALL SCREEN ADJUSTMENTS
	       ======================================== */

	    
	    h1 {
	        font-size: 24px !important;
	    }

	    h2 {
	        font-size: 20px !important;
	    }

	    p {
	        font-size: 15px !important;
	    }

	    
	    .img-fluid {
	        width: 148px !important;
	    }

	    
	    .btn {
	        font-size: 13px !important;
	        padding: 0.6em 1.2em !important;
	    }
	    
	    .padding {
	        padding: 4em 1em !important;
	    }

	    .padding-left,
	    .padding-right {
	    	padding: 0 !important;
	    }

	    .padding-left .column .img, .padding-right .column .img {
	    	aspect-ratio: 5 / 4 !important;
	    }

	    
	    .wp-search-input {
	        font-size: 13px !important;
	    }

	    .two-column {
	       display: block !important;
	    }

	    .aus-badge {
	        width: 100% !important;
	        max-width: 100%;
	    }

	    .footer-address > div {
	        margin-bottom: 0.5em !important;
	    }

	    .footer-menu-row {
	    	display: flex;
	    	width: 100% !important;
	    	gap: 8rem;
	    }
}
@media screen and (max-width: 480px) {

	.thin-padding .content-left:has(.img),
		.thin-padding .content-right:has(.img) {
		  
		  padding: 1em !important;
		}

		.thin-padding .content-left:not(:has(.img)),
		.thin-padding .content-right:not(:has(.img)) {
		  
		  padding: 0;
		}

		.single-case-study .img {
			margin: 0 !important;
		}

		.single-partner .single-case-study .img,
		.single-product .single-case-study .img {
			width: 93% !important;
	    margin: 0 auto !important;
	  }

		.breadcrumbs {
			padding: 1em 0 !important;
		}

		.on-this-page {
			padding: 2em 0 0 !important;
			margin-bottom: 0 !important;
		}

		.padding-left .two-column .column:first-child, .padding-right .two-column .column:last-child {
			padding: 5em 1em !important;
		}

	  .single-case-study {
	    display: block !important;
	    padding: 0 !important;
	    margin: 0 !important;
	  }

	  .single-partner .single-case-study,
	  .single-product .single-case-study {
	  	padding: 1em 0 0!important;
	  }

	  .single-case-study .content {
	    padding: 4em 1em !important;
		}

		.case-studies-img {
			padding: 1em 1em 0 !important;
		}

		.posts-grid {
			margin-bottom: 0;
		}

		.case-studies-hero h1 {
	    padding: 0 !important;
	  }

	  body.single:not(.single-case_study) .case-study-sidebar {
	  	padding: 1em !important;
	  }

	  body.single:not(.single-case_study) .case-study-sidebar p:first-child {
	  	margin-top: 0;
	  }

	  body.single:not(.single-case_study) .blog {
	    display: flex !important;
	    flex-direction: column-reverse;
	  }

	  .call-to-action .btn {
	  	min-width: 50%;
	  	width: auto;
	  }

	  .product-filters,
	  #product-filter-container {
	  	padding: 0 !important;
	  }

	  .hero-banner .one-column {
	    height: 40vh;
	  }

	  .hero-overlay .box > div {
	  	margin-bottom: 0 !important;
	  }

	  .btn {
	    width: fit-content !important;
	  }

	  .partners-home .content-left {
	  	margin: 0;
	  }

	  #partner-logos {
	    padding: 0 0 1em !important;
	  }

	 	.padding .two-column {
	    flex-direction: column !important;
	  }

	  #hero .hero-overlay {
	    padding: 1em !important;
	  }
}


@media (min-width: 769px) {
	
	    .page-id-2 #mega-menu-wrap-primary {
	        box-shadow: none !important;
	    }

	    
	    .page-id-2 #mega-menu-wrap-primary.menu-hover {
	        background-color: transparent !important;
	        background-image: none !important;
	    }

	    
	    .page-id-2 #mega-menu-wrap-primary.submenu-active {
	        background-color: #FFF !important;
	        background-image: none !important;
	    }

	    
	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link.dashicons-arrow-right-alt2::before {
	        transition: transform 0.3s ease, color 0.3s ease;
	        display: inline-block;
	    }

	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link.dashicons-arrow-right-alt2::before {
	        transform: rotate(90deg);
	        color: #4D4D4D !important;
	    }

	    
	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link svg {
	        transition: transform 0.3s ease;
	        display: inline-block;
	        vertical-align: middle;
	    }

	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link svg {
	        transform: rotate(90deg);
	    }

	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link svg path {
	        fill: #4D4D4D !important;
	    }

	    
	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link {
	        color: #4D4D4D !important;
	    }

	    
	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu {
	        position: relative;
	    }

	    
	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu::after {
	        content: '';
	        position: absolute;
	        left: 0;
	        right: 0;
	        top: 100%;
	        height: 20px; 
	        background: transparent;
	        pointer-events: auto;
	        z-index: 1;
	    }

	    
	    .page-id-2 #main-nav.scrolled #mega-menu-primary > li.mega-menu-item:not(.mega-menu-megamenu) > a.mega-menu-link,
	    .page-id-2 #main-nav.scrolled #mega-menu-primary > li.mega-menu-megamenu:not(.mega-toggle-on) > a.mega-menu-link {
	        color: #383637 !important;
	    }

	    
	    .page-id-2 #main-nav.scrolled #mega-menu-wrap-primary {
	        background-color: #FFF !important;
	        background-image: none !important;
	        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10) !important;
	    }

	    
	    .page-id-2 .secondary-menu.submenu-hover a:not(.btn) {
	        color: #4D4D4D !important;
	    }

	    
	    .page-id-2 .secondary-menu.submenu-hover .btn {
	        color: #FFF !important;
	    }

	    
	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu:hover ~ .secondary-menu a:not(.btn) {
	        color: #4D4D4D !important;
	    }

	    .page-id-2 #mega-menu-primary > li.mega-menu-megamenu:hover ~ .secondary-menu .btn {
	        color: #FFF !important;
	    }

	

	.hide-desktop {
	        display: none !important;
	    }
}
@media (min-width: 992px) {
	.navbar .dropdown-menu {
	    display: block;
	    opacity: 0;
	    visibility: hidden;
	    transform: translateY(10px);
	    transition: all 0.3s ease;
	    pointer-events: none;
	  }

	  .navbar .dropdown:hover .dropdown-menu {
	    opacity: 1;
	    visibility: visible;
	    transform: translateY(0);
	    pointer-events: auto;
	  }
}
@media (min-width: 1300px) {
	.single-partner .padding {
			max-width: 1575px;
			margin: 0 auto;
		}

		.hero-overlay div:first-child {
			max-width: 1575px;
		}

		.blog {
			max-width: 1575px;
			margin: 5em auto;
		}

		.single-product .one-column {
			width: 100%;
			max-width: 1575px;
			margin: 0 auto;
		}

		.single-product .padding .two-column {
			max-width: 1575px;
			margin: 0 auto;
		}

		.product-details {
			display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 7em;
	    max-width: 1575px;
	    margin: 0 auto;
		}

		#product-filter-container {
			max-width: 1575px;
		}

		.two-thirds {
			grid-template-columns: auto;
		}

		.case-studies-container {
			max-width: 1575px;
		}

		.page-id-215 .one-column,
		.page-id-212 .one-column {
	    width: 100%;
	    max-width: 1575px;
	    margin: 0 auto;
		}

		.partner-logo-grid {
	    max-width: 1575px;
		}

	  #latest-news,
	  #footer,
	  .padding .background-content,
	  .posts-feed-container {
	    max-width: 1575px;
	    margin: 0 auto;
	  }

	  
	  .padding.two-thirds .two-column {
	    max-width: 1575px;
	    margin: 0 auto;
	  }

	  
	  .padding-left .background-content,
	  .padding-right .background-content {
	    max-width: none;
	    margin: 0;
	  }

	  
	  .padding-left .background-content .two-column,
	  .padding-right .background-content .two-column {
	    max-width: none;
	    margin: 0;
	    display: grid;
	    grid-template-columns: 50% 50%;
	    gap: 0;
	    min-height: 550px;
	  }

	  
	  .padding-left .column,
	  .padding-right .column {
	    height: 100%;
	  }

	  
	  .padding-left:not(.single-testimonial *) .column:first-child {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	  }

	  .padding-left:not(.single-testimonial *) .column:first-child .content-left {
	    width: 100%;
	    max-width: 725px;
	    margin-left: auto;
	  }

	  
	  .padding-left .column:last-child {
	    display: flex;
	    height: 100%;
	    min-height: 100%;
	  }

	  .padding-left .column:last-child .content-left,
	  .padding-left .column:last-child .content-right {
	    display: flex;
	    width: 100%;
	    height: 100%;
	  }

	  .padding-left .column:last-child .img {
	    width: 100%;
	    height: 100%;
	    min-height: 100%;
	    aspect-ratio: 5 / 3;
	    min-width: calc(100% * 3 / 5); 
	  }

	  
	  .padding-right .column:last-child {
	    display: flex;
	    align-items: center;
	  }

	  .padding-right .column:last-child .content-right {
	    width: 100%;
	    max-width: 725px;
	  }

	  
	  .padding-right .column:first-child {
	    display: flex;
	    height: 100%;
	    min-height: 100%;
	  }

	  .padding-right .column:first-child .content-left,
	  .padding-right .column:first-child .content-right {
	    display: flex;
	    width: 100%;
	    height: 100%;
	  }

	  .padding-right .column:first-child .img {
	    width: 100%;
	    height: 100%;
	    min-height: 100%;
	    aspect-ratio: 5 / 3;
	    min-width: calc(100% * 3 / 5); 
	  }

	  
	  #case-studies {
	    max-width: 100%;
	  }

	  
	  .single-testimonial {
	    display: flex;
	    max-width: none;
	    margin: 0;
	  }

	  
	  .single-testimonial .two-column {
	    display: flex;
	    width: 100%;
	    max-width: none !important;
	    height: auto;
	    position: relative;
	  }

	  
	  .single-testimonial .column:first-child {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: flex-start;
	    padding: 4em 0 8em 0;
	    height: auto;
	    min-height: 100%;
	    width: 50vw;
	    max-width: none;
	  }

	  
	  .single-testimonial .column:first-child > * {
	    max-width: 787.5px;
	    margin-left: calc(max(0px, 50vw - 787.5px));
	    padding-right: 4em;
	    width: 100%;
	    text-align: left;
	  }

	  
	  .single-testimonial .column:last-child {
	    width: 50vw;
	    height: auto;
	    min-height: 100%;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	  }

	  .single-case-study {
	    display: flex;
	    max-width: none;
	    margin: 0;
	    min-height: 500px;
	    height: auto;
	    overflow: hidden;
	  }

	  
	  .single-case-study .case-studies-img,
	  .single-case-study .img {
	    width: 50%;
	    height: 100%;
	    flex-shrink: 0;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    margin: 0 1em;
	  }

	  .single-case-study .case-studies-img {
	    display: flex;
	  }

	  .single-case-study .case-studies-img .img {
	    width: 100%;
	    margin: 0;
	  }

	  .single-case-study .content {
	    display: grid;
	    align-content: center;
	    padding: 3em;
	    width: 50%;
	    max-width: none;
	    height: auto;
	    min-height: 500px;
	  }

	  
	  .single-case-study.reverse {
	    display: flex;
	    flex-direction: row;
	  }

	  .single-case-study.reverse .case-studies-img,
	  .single-case-study.reverse .img {
	    width: calc(50% - 1em);
	    height: calc(100% - 2em);
	    min-height: calc(100% - 2em);
	    flex-shrink: 0;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    margin: 1em;
	  }

	  .single-case-study.reverse .case-studies-img {
	    display: flex;
	  }

	  .single-case-study.reverse .case-studies-img .img {
	    width: 100%;
	    margin: 0;
	  }

	  .single-case-study.reverse .content {
	    order: initial;
	    max-width: 725px;
	  }

	  

	  #footer {
	  	padding: 0 0 5em;
	  }

	  #hero .hero-overlay {
	  	justify-content: center;
	  	align-content: end;
	  }

	  #hero .hero-overlay .box {
	  	margin: 5em auto 0
	  }

		.padding-left .column .content-left {
			width: 45rem;
		}
}

@media (min-width: 2500px) {
	
	.sector-cards-single, .solutions-cards-single {
    grid-template-columns: repeat(6, 1fr);
	}

}


@media (min-width: 1700px) {
	.case-studies-hero div,
	.news-hero div {
	    height: calc(75vh - 134px);
	  }

		.one-column-logo {
		  max-width: 600px;
		}

		.logo-grid {
	    max-width: 1585px;
	    margin: 0 auto;
	    padding: 4em 0;
		}

		.column {
	    aspect-ratio: auto;
	  }

		.column .img {
			aspect-ratio: 5 / 3;
		}

		#latest-news {
			padding: 4em 0 !important;
		}

		.logo-grid:has(.logo-grid-item:nth-child(8):last-child) {
	    gap: 1em 3em;
		}

	  #testimonials {
	      min-height: 40vh;
	  }

	  
	  #testimonials .testimonials-swiper,
	  #testimonials .swiper-slide,
	  #testimonials .single-testimonial {
	      min-height: 40vh;
	  }
	  
	  #testimonials .single-testimonial .two-column {
	      min-height: 40vh;
	  }

	  #testimonials .single-testimonial .column:first-child,
	  #testimonials .single-testimonial .column:last-child {
	      min-height: 40vh;
	  }

	  #testimonials .testimonials-swiper .swiper-pagination {
	      margin-left: 0 !important;
	      padding-left: 0 !important;
	  }
	
}


@media (min-width: 1920px) {
	
	    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
	        width: 100% !important;
	        max-width: none !important;
	        left: 0 !important;
	        right: 0 !important;
	        display: flex !important;
	        flex-direction: column !important;
	        align-items: center !important;
	    }
	    
	    .mega-menu-row {
	        max-width: 1575px !important;
	        width: 100% !important;
	        margin-left: auto !important;
	        margin-right: auto !important;
	    }
	    
	    .mega-menu-row > ul.mega-sub-menu {
	        max-width: 1575px !important;
	        width: 100% !important;
	        margin-left: auto !important;
	        margin-right: auto !important;
	    }
	
	.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
		height: 50px;
}