/*
Theme Name: ATI25
Description: ATI 2025
Version: 1.0
*/


/* ==========================================================================
   NORMALIZE HTML5 display definitions
   ========================================================================== */

/*
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
*/

/* ==========================================================================
   End Normalization, Begin Standard CSS Declarations
   ========================================================================== */


:root {
  --bg-color: #ffffff;
  --bg-secondary-color: #f3f3f6;
  --color-primary: #1496A2;
  --color-lightGrey: #d2d6dd;
  --color-grey: #747681;
  --color-darkGrey: #3f4144;
  --color-error: #d43939;
  --color-success: #28bd14;
  --grid-maxWidth: 120rem;
  --grid-gutter: 2rem;
  --font-size: 1.6rem;
  --font-color: #333333;
  --font-family-sans: sans-serif;
  --font-family-mono: monaco, "Consolas", "Lucida Console", monospace;

   --accent-primary: #1496A2;
   --partnerbar-bg: #ededef;
}

body { margin: 0; padding: 0; font: 14px/18px "Inter", sans-serif; -webkit-font-smoothing: antialiased; color: #303030; background: #fff; }

body.allow-shrinking-topbar.page-scrolled { padding-top: 78px; }

img, img a { border: 0px; max-width: 100%; }

a { color: var(--accent-primary); text-decoration: none; }

.clear { clear: both; }

.uppercase { text-transform: uppercase; }

.centered { margin-left: auto; margin-right: auto; text-align: center; }

.nomargin { margin: 0 !important; }

.footnote { font-weight: normal !important; font-size: 65%; }

.inline-icon { content: ' '; display: inline-block; padding: 0 0 0 20px; line-height: 100%; vertical-align: middle; background-repeat: no-repeat; }

.videowrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-bottom:15px}.videowrapper embed,.videowrapper iframe,.videowrapper object{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}


.twocols { font-size: 0px; }
.twocol { display: inline-block; width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 4%; font-size: 16px; line-height: 22px; vertical-align: top; }
.twocol:nth-child(2n-2) { margin-right: 0px; }

.threecols { font-size: 0px; }
.threecol { display: inline-block; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 5%; font-size: 16px; vertical-align: top; }
.threecol:nth-child(3n-3) { margin-right: 0px; }

.fourcols { font-size: 0px; }
.fourcol { display: inline-block; width: 23.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 2%; font-size: 16px; vertical-align: top;  }
.fourcol:nth-child(4n-4) { margin-right: 0px; }

.fivecols { font-size: 0px; text-align: center; }
.fivecol { display: inline-block; width: 19%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 1.25%; font-size: 16px; vertical-align: top;  }
.fivecol:nth-child(5n-5) { margin-right: 0px; }


.container { /* position: relative; */ margin: 0px auto; /* padding: 0px; */ /* max-width: 100%; */ }


.topblock, .topgroup, .topbar .logo, .topbar .logo img, .topbar .logo svg, .topbar .right, .topbar .navbar, .topbar .navbar ul li a, .topbar .navbar ul li .dropdown-menu { }


.topblock { position: relative; display: table; width: 100%; top: 0; z-index: 199; direction: rtl; background-color: var(--bg-color); box-shadow: 0px 9px 12px -10px #000; will-change: position; }
body.allow-shrinking-topbar.page-scrolled .topblock { position: fixed; }
.topblock { /* position: sticky; */ }

.topgroup { display: table-cell; height: 100%; direction: ltr; }

.toplinkbar { /* background: #1498A4; background: #F2F2F4; background: #040C27; background: #17203C; */ background: #0c2947; text-align: right; margin: 0px; padding: 4px 0px; min-height: 28px; font-size: 15px; line-height: 20px; color: #d0d0da; font-family: "Poppins"; font-weight: bold;}
.toplinkbar .container { /* padding: 0; */ }
.toplinkbar a { color: #d0d0da; margin: 0 16px; }
.toplinkbar a:last-of-type { margin-right: 0; }
.toplinkbar .inline-icon { padding: 0 0 0 20px; line-height: 100%; }
.toplinkbar .inline-icon.business-icon { padding-left: 24px; }

.topbar { background: #fff; /* box-shadow: 0px 6px 10px -6px #000; box-shadow: 0px 9px 12px -10px #000; */ }

.topbar > .container { display: table; /* height: 118px; */ table-layout: auto; position: unset; /* padding: 0; */ }

.topbar .logo, .topbar .right, .topbar .cta, .responsive-menu-container { display: table-cell; vertical-align: middle; }

.topbar .logo { height: 68px; width: 140px; padding: 0; box-sizing: content-box; will-change: height; }

body.allow-shrinking-topbar.page-scrolled .topbar .logo { height: 40px; }

.topbar .logo a:hover { opacity: 1; }

.topbar .logo img, .topbar .logo svg { display: block; height: calc(100% + 30px); margin-top: -58px; margin-left: -14px; will-change: height, margin-top, margin-left; }
body.allow-shrinking-topbar.page-scrolled .topbar .logo img, body.allow-shrinking-topbar.page-scrolled .topbar .logo svg { margin-top: -42px; margin-left: -9px; }

.topbar .right { text-align: right; padding-left: 2%; }

.topbar .right .navbar {  }


.topbar .navbar ul { display: flex; margin: 0; padding: 0; list-style-type: none; font-size: 16px; }
.topbar .navbar > ul { width: 100%; }
.topbar .navbar > ul > li { flex: 1 auto; text-align: center; align-content: center; font-family: "Poppins"; }
.topbar .navbar > ul > li:hover > a:not(.cta-button) { color: var(--accent-primary); }

.topbar .navbar ul > li:not(.dropdown-trigger-mega-menu) { position: relative; }

.topbar .navbar ul li a { display: block; color: #000; }
.topbar .navbar ul li a:hover { color: var(--accent-primary); }

.topbar .navbar > ul > li > a { white-space: nowrap; line-height: 84px; /* line-height: 20px; padding: 34px 0; */ will-change: line-height; }
body.allow-shrinking-topbar.page-scrolled .topbar .navbar > ul > li > a { line-height: 50px; /* line-height: 20px; padding: 14px 0; */ }

.topbar .navbar ul > li > ul, .topbar .navbar > ul > li > .dropdown-menu { position: absolute; left: 0; padding: 10px; text-align: left; background: #fff; z-index: 100; visibility: hidden; display: grid; grid-template-rows: 0fr;  }

.topbar .navbar ul li > ul, .topbar .navbar ul li > .dropdown-menu { border-radius: 0 0 4px 4px; box-shadow: 0px 9px 12px -10px #000; }

.topbar .navbar ul li > ul::before, .topbar .navbar ul li > .dropdown-menu::before { }

.topbar .navbar ul li ul li { flex: none; /* display: block; */ }

.topbar .navbar > ul > li.dropdown-trigger > a::after { content: "\2303"; display: inline-block; margin-left: 6px; transform: rotate(180deg) translateY(4px); }

.topbar .navbar ul li .dropdown-menu { min-width: 200px; border: 1px solid #aeaeae; border-top: 2px solid var(--accent-primary); }
.topbar .navbar ul li .dropdown-menu.mega-menu { width: 100%; padding: 20px 0; }
.topbar .navbar ul li .dropdown-menu ul { display: block; position: relative; }


body:not(.responsive-menu-active) .topbar .navbar ul li:hover > ul, body:not(.responsive-menu-active) .topbar .navbar ul li:hover > .dropdown-menu, body:not(.responsive-menu-active) .topbar .navbar ul li.dropdown-active > ul, body:not(.responsive-menu-active) .topbar .navbar ul li.dropdown-active > .dropdown-menu { visibility: visible; grid-template-rows: 1fr; }

.topbar .navbar ul li .dropdown-menu .container { overflow: hidden; opacity: 0; }
body:not(.responsive-menu-active) .topbar .navbar ul li:hover .dropdown-menu .container, body:not(.responsive-menu-active) .topbar .navbar ul li.dropdown-active .dropdown-menu .container { /* overflow: hidden; */ opacity: 1; }

.topbar .navbar ul li .dropdown-menu li:not(:last-child) { border-bottom: 1px solid #ededed; }

.dropdown-menu a { line-height: 26px; padding: 8px 0; }

.dropdown-menu p { font-size: 0.9em; font-family: "Inter",sans-serif; }

p.dropdown-menu-heading { font-family: "Poppins",sans-serif; font-size: 1em; font-weight: bold; margin: 0 0 12px 0; padding: 0 0 6px 0; border-bottom: 1px solid #dadadf; }

.topbar .navbar .cta-item { margin-left: 3%; }
.topbar .navbar .cta-button { display: block; background: var(--accent-primary); color: #fff; padding: 6px 0; border-radius: 6px; font-weight: bold; }
.topbar .navbar .cta-button, body.allow-shrinking-topbar.page-scrolled .topbar .navbar .cta-button { line-height: 24px; }
.topbar .navbar .cta-button:hover { color: #fff; }

.topblock .responsive-menu-container { display: none; width: 88px; padding: 6px 12px 6px 0; }
.topblock .responsive-menu-toggle { appearance: none; visibility: hidden; width: 0; height: 0; position: absolute; }
.topblock .responsive-menu-toggle + .responsive-menu-container label { font-size: 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMjIgMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDE0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeT0iNiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIiLz4NCgk8cmVjdCB5PSIxMiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIiLz4NCjwvZz4NCjwvc3ZnPg0K') center center no-repeat #ededef; }
.responsive-menu-active .topblock .responsive-menu-toggle + .responsive-menu-container label, .responsive-menu-active .topblock .responsive-menu-toggle + .responsive-menu-container label { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCQ0KCQk8cmVjdCB4PSItMi4xMjEiIHk9IjkuNTAxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEyLjAwMDQgLTQuOTY5NykiIGZpbGw9IiMyRDJDMkIiIHdpZHRoPSIyOC4yNCIgaGVpZ2h0PSI0Ljk5OSIvPg0KPC9nPg0KPGc+DQoJDQoJCTxyZWN0IHg9IjkuNDk5IiB5PSItMi4xMTkiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTIuMDAwMyAtNC45Njk0KSIgZmlsbD0iIzJEMkMyQiIgd2lkdGg9IjQuOTk5IiBoZWlnaHQ9IjI4LjI0Ii8+DQo8L2c+DQo8L3N2Zz4NCg=='); }
.topblock .responsive-menu-toggle + .responsive-menu-container label { display: block; border-radius: 50%; padding: 48%; cursor: pointer; user-select: none; box-shadow: 0px 9px 9px -12px #000; border: 1px solid #e0e0ef; border-color: #78787d; }


.container.main { padding-top: 30px; padding-bottom: 30px; font-size: 110%; line-height: 140%; }

.main a, a.mainlink { color: var(--accent-primary); font-weight: bold; text-decoration: none; }

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6, .main p { margin: 0px 0px 20px 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { font-family: "Poppins"; font-weight: bold; }
.main h1, .main h2, .main h3, .main h4, .main h5, .main h6 { font-weight: bold; line-height: 120%; }
.main h1 { font-size: 2em; }
.main h2 { font-size: 1.5em; }
.main h3 { font-size: 1.3em; }
.main h4 { font-size: 1.1em; }

.main ul, .main ol { margin: 0px 0px 20px 40px; padding: 0px; }
.main ul li, .main ol li { margin: 0px 0px 10px 0px; padding: 0px; }
.main ul li ul { margin: 20px 0px 10px 40px; padding: 0px; }
.main ul li ul li { margin: 0px 0px 10px 0px; padding: 0px; }
.main li:last-child { margin-bottom: 0px; }

.main ul.is-layout-grid { margin-left: 0; }

.main .pad-down { display: block; margin-top: 15px; }

.main .larger-text, .main .larger-text-desktop { font-size: 110%; }

.main hr, .mb30, .main .mb30 { margin-bottom: 30px; }


.topbar .logo, body.allow-shrinking-topbar.page-scrolled .topbar .logo { transition: width .1s ease-in-out, height .1s ease-in-out; }
.topbar .logo img, .topbar .logo svg { transition: margin .1s ease-in-out; }

.topbar .navbar > ul > li > a { transition: line-height .1s ease-in-out, padding .1s ease-in-out; }

.topbar .navbar ul li ul, .dropdown-menu { /* transition:opacity .3s ease-in-out, visibility 1s ease-in-out; */ }

.topbar .navbar ul li .dropdown-menu.centered { left: 50%; transform: translateX(-50%); text-align: center; }
.dropdown-menu { transition: visibility .2s ease-in-out, grid-template-rows .2s ease-in-out; }
.topbar .navbar ul li .dropdown-menu .container { transition: opacity .5s ease-in-out; }


.page-header { position: relative; /* min-height: 242px; */ background-size: 100% auto; color: #fff; text-shadow: 2px 2px 10px rgba(0,0,0,0.4); z-index: 0; }
.page-header .page-header-image { position: absolute; height: 100%; width: 100%; display: block; background-repeat: no-repeat; background-size: 100% auto; background-size: cover; background-position: 0% 50%; background-color: #424248; filter: brightness(40%); z-index: -1; }
.page-header .container { padding-top: 40px; padding-bottom: 40px; }
.page-header h1 { font-weight: bold; }
.page-header h4 { max-width: 75%; }

.page-about .page-header-image { background-image: url("images/page-headers/page-header-about.jpg"); background-position: 0% 62% }

.page-partners .page-header-image { background-image: url("images/page-headers/page-header-partners.jpg"); background-position: 0% 60% }

.page-certificates .page-header-image { background-image: url("images/page-headers/page-header-certificates.jpg"); background-position: 0% 51%; }
.page-giving-back .page-header-image { background-image: url("images/page-headers/page-header-giving-back.jpg"); background-position: 0% 59%; }
.page-impact-sustainability .page-header-image { background-image: url("images/page-headers/page-header-impact-sustainability.jpg"); background-position: 0% 59%; }

.page-it-asset-disposition-itad .page-header-image { background-image: url("images/page-headers/page-header-it-asset-disposition-itad.jpg"); background-position: 0% 24%; }

.page-secure-data-destruction .page-header-image { background-image: url("images/page-headers/page-header-secure-data-destruction.jpg"); background-position: 0% 62%; }

.page-packing-palletization-pickup .page-header-image { background-image: url("images/page-headers/page-header-packing-palletization-pickup.jpg"); background-position: 0% 60%; }

.page-value-extraction .page-header-image { background-image: url("images/page-headers/page-header-value-extraction.jpg"); background-position: 0% 42%; }

.page-asset-tagging-management .page-header-image { background-image: url("images/page-headers/page-header-asset-tagging-management.jpg"); background-position: 0% 59%; }

.page-strategic-procurement .page-header-image { background-image: url("images/page-headers/page-header-strategic-procurement.jpg"); background-position: 0% 100%; }

.page-imaging-deployment .page-header-image { background-image: url("images/page-headers/page-header-imaging-deployment.jpg"); background-position: 0% 47%; background-position: 0% 39%; }

.page-it-consulting .page-header-image { background-image: url("images/page-headers/page-header-it-consulting.jpg"); background-position: 0% 62%; background-position: 0% 43%; filter: brightness(30%); }

.page-industries .page-header-image { background-image: url("images/page-headers/page-header-industries.jpg"); background-position: 0% 48%; }

.page-case-studies .page-header-image { background-image: url("images/page-headers/page-header-case-studies.jpg"); background-position: 0% 21%; }

.page-contact .page-header-image { background-image: url("images/page-headers/page-header-contact.jpg"); background-position: 0% 72%; }


.page-case-studies .wp-block-group { padding: 0 !important; }
.page-case-studies .wp-block-post-template.is-layout-grid { gap: 20px 60px; }


.homeintro { display: block; text-align: right; padding: 0; /* max-height: 480px; */ min-height: 320px; background: url(images/header1@1x.jpg) bottom left no-repeat; background-size: calc(40% + 160px) auto; background-size: calc(44% + 60px) auto;  }
.homeintro .container {  }
.homeintro-wrapper { display: inline-block; max-width: 74%; text-align: left; padding: 30px 0; text-shadow: 0px 2px 8px white; font-size: 19px; line-height: 28px; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 4%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 1) 43%,  rgba(255, 255, 255, 1) 100%); padding-left: 12%; }
.homeintro .homeintro-content {  }
.homeintro .homeintro-heading { font-size: 140%; line-height: 142%; margin: 0; padding: 0; font-weight: bold; }
.homeintro .homeintro-heading:last-of-type { margin: 0 0 20px 0; }


.col.team-member { text-align: center; }
.col.team-member p:first-of-type { font-weight: bold;  }
.team-member-photo { border-radius: 50%; overflow: hidden; margin: 0 auto 20px auto; max-width: 50%; }
.team-member-photo img { display: block; width: 100%; height: auto; }



.partnerbar { padding: 26px 0; background: var(--partnerbar-bg); }

.partnerbar .logo-carousel-image { filter: grayscale(100%) opacity(50%); }


.logo-carousel {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  user-select: none;
}

.logo-carousel:before,
.logo-carousel:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logo-carousel:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--partnerbar-bg));
}

.logo-carousel:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--partnerbar-bg));
}

.logo-carousel:hover .logo-carousel-track {
  /* animation-play-state: paused; */
}

.logo-carousel-track {
  display: inline-block; vertical-align: middle; width: max-content; overflow: hidden; will-change: transform; 
  animation: 60s infiniteCarousel infinite linear;
  animation-delay: .5s
}

.logo-carousel-track .logo-carousel-image { display: block; float: left; padding: 0 60px; box-sizing: border-box; }
.logo-carousel-track img {
  height: 68px; width: auto; max-width: 150px; object-fit: contain; vertical-align: middle; 
}

.logo-carousel-track::after {
   content: "";
   clear: both;
}


.service-grid { 
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 30px;
    margin-bottom: 20px;
}
.service-grid.wider {
    grid-template-columns: repeat(2, 1fr);
}
.service-grid.compact {
   grid-template-columns: repeat(5, 1fr);
}


.home-services, .home-about { padding: 30px 0; }
.home-about { font-size: 110%; background: var(--partnerbar-bg); }

.home-services .service-grid { text-align: center; }



.partner-grid { display: block; font-size: 0px; }

.partner-grid .partner img { display: block; margin: 0 auto; width: auto; max-width: 100%; max-height: 72px; }
.partner-grid .partner p { display: inline-block; text-align: center; font-weight: bold; }

/*
.partner-grid .partner { display: inline-block; width: 15%; margin-right: 2%; font-size: 16px; vertical-align: middle; }
.partner-grid .partner:nth-child(6n-6) { margin-right: 0px; }
*/
.partner-grid .partner { display: inline-block; width: 18%; width: 16%; margin-right: 2.5%; margin-right: 5%; font-size: 16px; vertical-align: middle; margin-bottom: 50px; }
.partner-grid .partner:nth-child(5n-5) { margin-right: 0px; }



.converbar { padding: 20px 0; text-align: center; background: var(--accent-primary); color: #fff; }
.converbar .converheadline { margin: 0 0 18px 0; font-family: "Poppins"; font-size: 2em; font-weight: bold; text-shadow: 2px 2px 10px rgba(0,0,0,0.2); }
.converbar a.button-cta { padding: 12px 30px; font-size: 1.4em; font-family: "Poppins"; font-weight: bold; }

.converbar { background-image: url("images/page-headers/page-header-it-consulting.jpg"); background-position: 0% 58%; background-size: cover; background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.75); 
  background-image: url("images/page-headers/page-header-strategic-procurement.jpg"); background-position: 0% 64%; }

.footer { padding: 30px 0; /* background: #ededef; */ }
.footer .footer-columns { display: table; table-layout: auto; width: 100%; }
.footer .footer-column { display: table-cell; vertical-align: top; padding-right: 5%; }
.footer .footer-column:last-of-type { padding-right:0; }
.footer .footer-about { width: 45%; }
.footer .footer-about p:last-of-type { margin-bottom: 0; }
.footer .footer-services { width: 22%; }
.footer .footer-contact {  }
.footer p.footer-heading { font-family: "Poppins",sans-serif; font-size: 1.2em; border-bottom: 1px solid #dadadf; }
.footer ul.footer-links { margin: 0; padding: 0; list-style-type: none; }
.footer ul.footer-links a { color: #000; }
.footer .logo { width: 72%; width: 52%; margin-bottom: 20px; }
.footer a.tel { color: var(--accent-primary); font-weight: bold; }

.footerbase { background: #0c2947; padding: 10px 0; color: #fff; font-size: .85em; }
.footerbase p { margin: 0; padding: 0; }


.overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    overflow: overlay !important;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    z-index: 99;
}
/* html:has(body.responsive-menu-active) { overflow: hidden; } */


.phone-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M19.053 14.472l-3.311-1.775c-1.104-.6-1.141-.207-2.301 1.027-.281.299-.805 1.086-1.421.936-1.29-.318-3.704-2.207-4.489-3.066-.374-.412-1.982-2.375-2.001-3.01-.037-.974 2.095-1.46 1.403-3.312L5.456 1.961C4.072-1.219.2 3.869.519 6.244c.823 5.853 11.089 15.318 16.814 12.195 1.271-.711 2.992-3.2 1.72-3.967z'/%3E%3C/svg%3E"); }

.business-icon { content: ' '; display: inline-block; padding: 0 0 0 24px; line-height: 100%; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 4.289 484.951 476.373'%3E%3Cg fill='white'%3E%3Cpath d='M118.505 115.332h6.938c10.544 0 19.091-8.55 19.091-19.091V23.852c0-10.541-8.547-19.09-19.091-19.09h-6.938c-10.543 0-19.09 8.549-19.09 19.09V96.241c0 10.541 8.547 19.091 19.09 19.091zM363.373 114.859h6.938c10.543 0 19.091-8.549 19.091-19.091v-72.39c0-10.54-8.548-19.089-19.091-19.089h-6.938c-10.545 0-19.092 8.549-19.092 19.089V95.767c.002 10.543 8.549 19.092 19.092 19.092z'/%3E%3Cpath d='M453.916 43.558H404.92v57.209c0 19.084-15.525 29.61-34.606 29.61h-6.938c-19.084 0-34.609-15.526-34.609-34.61V43.558H160.053V96.24c0 19.084-15.525 34.61-34.609 34.61h-6.938c-19.083 0-34.608-15.526-34.608-34.61V43.558H31.036C13.923 43.558 0 57.481 0 74.595v375.03c0 17.114 13.923 31.037 31.036 31.037h422.88c17.113 0 31.035-13.923 31.035-31.037V74.595c.002-17.113-13.922-31.037-31.035-31.037zm0 406.067H31.037l-.001-283.213h422.886l.016 283.212-.022.001z'/%3E%3Cpath d='M258.498 261.41h55.727a4 4 0 0 0 4-4v-48.255a4 4 0 0 0-4-4h-55.727a4 4 0 0 0-4 4v48.255a4 4 0 0 0 4 4zM349.443 261.41h55.727a4 4 0 0 0 4-4v-48.255a4 4 0 0 0-4-4h-55.727a4 4 0 0 0-4 4v48.255a4 4 0 0 0 4 4zM76.611 340.41h55.726a4 4 0 0 0 4-4v-48.257a4 4 0 0 0-4-4H76.611a4 4 0 0 0-4 4v48.257a4 4 0 0 0 4 4zM167.555 340.41h55.726a4 4 0 0 0 4-4v-48.257a4 4 0 0 0-4-4h-55.726a4 4 0 0 0-4 4v48.257a4 4 0 0 0 4 4zM258.499 340.41h55.726a4 4 0 0 0 4-4v-48.257a4 4 0 0 0-4-4h-55.726a4 4 0 0 0-4 4v48.257a4 4 0 0 0 4 4zM349.443 340.41h55.727a4 4 0 0 0 4-4v-48.257a4 4 0 0 0-4-4h-55.727a4 4 0 0 0-4 4v48.257a4 4 0 0 0 4 4zM132.337 363.153H76.612a4 4 0 0 0-4 4v48.257a4 4 0 0 0 4 4h55.726a4 4 0 0 0 4-4v-48.257a4.002 4.002 0 0 0-4.001-4zM223.282 363.153h-55.726a4 4 0 0 0-4 4v48.257a4 4 0 0 0 4 4h55.726a4 4 0 0 0 4-4v-48.257a4 4 0 0 0-4-4zM314.227 363.153H258.5a4 4 0 0 0-4 4v48.257a4 4 0 0 0 4 4h55.727a4 4 0 0 0 4-4v-48.257a4 4 0 0 0-4-4zM405.17 363.153h-55.727a4 4 0 0 0-4 4v48.257a4 4 0 0 0 4 4h55.727a4 4 0 0 0 4-4v-48.257a4 4 0 0 0-4-4z'/%3E%3C/g%3E%3C/svg%3E"); }


@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
   /* Styles for Retina/high-DPI screens */
   body {
      -webkit-font-smoothing: auto;
   }
   .homeintro {
      /* background-image: url(images/header1@2x.jpg); */
   }
}

.wp-block-post-title a { color: var(--accent-primary); }


/*
.homeintro { position: relative; z-index: 0; }
.homeintro:before {
  content: '';
  display: block;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 1));
  background: linear-gradient(90deg,rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 100%);
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  z-index: -1;
}
*/


@keyframes infiniteCarousel {from{transform: translateX(0);}to{transform: translateX(-100%);}}

/* @keyframes infiniteCarousel {from{transform: translate3d(0,0,0);}to{transform: translate3d(-100%,0,0);}} */


/* ==========================================================================
   End Standard CSS Declarations, BEGIN Accessibility CSS Declarations
   ========================================================================== */


.accessibility { position: absolute; left: -9999px; }

/* Text meant only for screen readers. */

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/* ==========================================================================
   End Accessibility CSS Declarations, BEGIN WordPress Core CSS Declarations
   ========================================================================== */

.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}


/* ==========================================================================
   End WordPress Core CSS, Begin Mobile Responsive CSS Declarations
   ========================================================================== */

@media(min-width:1280px) {
   .homeintro { background-size: auto 136%; }
   .homeintro .homeintro-wrapper { max-width: 73.5%; }
   .homeintro .homeintro-heading { font-size: 156%; line-height: 142%; }
}

@media(max-width:1120px) {
   .homeintro { /* background-size: contain; background-size: calc(40% + 160px) auto; */ }
   .homeintro .homeintro-wrapper { max-width: 64%; max-width: calc(30% + 350px); max-width: calc(42% + 350px); }
   .homeintro .homeintro-heading { /* font-size: 156%; line-height: 142%; */ font-size: calc(100% + .65vw); }
}


@media(max-width:979px) {

body.responsive-menu-active { overflow: hidden; }
body.allow-shrinking-topbar.page-scrolled { padding-top: 68px; }
body { padding-top: 68px !important; }

.topblock { position: fixed ;z-index: 500; }
.topbar { position: relative; }

.topbar .logo { height: 40px; }
.topbar .logo img, .topbar .logo svg { margin-top: -42px; margin-left: -9px; }

.topblock .responsive-menu-container { display: table-cell; width: 68px; }
.topblock .responsive-menu-toggle { border-left: 1px solid #0c2947; border:0; background-color: #dadae2; }
.responsive-menu-active .responsive-menu-toggle { /* border-radius: 10px 0 0 10px; border: 3px solid #0c2947; border-right: 0; */ }

.topbar .navbar { position: fixed; top: 112px; top: 68px; right: 0; background: #fff; z-index: 998; height: calc(100% - 68px); width: 40%; min-width: 400px; /* box-shadow: rgba(0,0,0,0.32) -2px -2px 12px; */  overflow-y: auto; will-change: top; z-index: 101; transition: right .2s ease-in-out, visibility .2s ease-in-out; right: -400px; display: block; padding-left: 0; visibility: hidden; }
body.allow-shrinking-topbar.page-scrolled .topbar .navbar { top: 68px; height: calc(100% - 68px); }

.responsive-menu-active .topbar .navbar, .nojs .topblock .responsive-menu-toggle:checked ~ .topgroup .topbar .navbar { right: 0; visibility: visible; }


.topbar .navbar ul { display: block; width: 100%; text-align: center; }

.topbar .navbar > ul > li:not(.dropdown-active):not(:last-of-type):not(:nth-last-of-type(2)) { border-bottom: 1px solid #eaeaef; }

.topbar .navbar ul > li > ul, .topbar .navbar > ul > li > .dropdown-menu { position: relative; display: block; visibility: visible; border-radius: 0; box-shadow: none; }

.topbar .navbar ul li .dropdown-menu, .topbar .navbar ul li .dropdown-menu.mega-menu { text-align: center; padding: 10px 0; background-color: #ededef; border-left: 0; border-right: 0; }

.topbar .navbar ul li .dropdown-menu.mega-menu { padding: 0 0 16px 0; }

.topbar .navbar ul li .dropdown-menu .container { opacity: 1; overflow: auto; width: 100% !important; margin: 0; padding: 0; }

.topbar .navbar ul li .dropdown-menu ul { padding-bottom: 16px; }

.topbar .navbar ul li .dropdown-menu .row { margin: 0; }
.topbar .navbar ul li .dropdown-menu .col { flex: none; width: 100%; margin: 0 auto; }

.topbar .navbar .dropdown-menu .dropdown-menu-heading { padding: 8px 12px; background: #dadadf; }

.responsive-menu-active .overlay { visibility: visible; opacity: 0.5; }

.topbar .navbar a { padding: 18px 12px; font-size: 100%; line-height: 120% !important; }

.topbar .navbar a, .topbar .navbar .dropdown-menu p { padding-left: 12px; padding-right: 12px; }

.topbar .navbar .button { margin: 0 12px; }

.topbar .navbar .cta-item { margin: 3%; }
.topbar .navbar .cta-button { padding: 10px 0; }


   body:not(.nojs) .topbar .navbar ul li .dropdown-menu { display: none; }


   .toplinkbar { border-radius: 0px 0px 20px 0; margin-right: 2%; margin-right: 10px; margin-right: 1%; padding-right: 12px; }


/*

*/

   .homeintro { background-size: auto 100%; }
   .homeintro .homeintro-wrapper { max-width: calc(52% + 350px); max-width: calc(44% + 350px); max-width: calc(52% + 242px); }
   .homeintro .homeintro-heading { font-size: calc(88% + .65vw); }
   .homeintro .homeintro-content { font-size: 88%; }


/*
.partner-grid .partner, .partner-grid .partner:nth-child(6n-6) { display: inline-block; width: 19%; margin-right: 1.25%; font-size: 16px; vertical-align: middle; }
.partner-grid .partner:nth-child(5n-5) { margin-right: 0px; }
*/

   .partner-grid .partner { width: 20%; margin-right: 5%; }
   .partner-grid .partner, .partner-grid .partner:nth-child(5n-5) { margin-right: 5%; }
   .partner-grid .partner:nth-child(4n-4) { margin-right: 0px; }


   .wp-block-post-template-is-layout-grid.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

   .page-certificates .wp-block-group.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }


   .footer .footer-services { display: none !important; }
   .footer .footer-about { width:60%; }

}

@media(max-width:779px) {
   /*
   .homeintro .homeintro-wrapper { max-width: 100%; }
   .homeintro .homeintro-headings { display: block; max-width: 100%; }
   .homeintro .homeintro-content { margin: 0 0 0 auto; max-width: calc(30% + 350px); padding-left: 12%; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 4%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 1) 43%,  rgba(255, 255, 255, 1) 100%); }
   */
   .homeintro { background: none; }
   .homeintro .homeintro-wrapper { max-width: 100%; padding: 30px 0; background: none; }
   .homeintro .homeintro-heading { font-size: 120%; }
   .homeintro .homeintro-heading:not(:last-of-type) { margin-bottom: 15px; }

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

}


@media(max-width:749px) {

   .main .larger-text-desktop { font-size: 100%; }

   .converbar .converheadline { font-size: 1.6em; }

   .home-about { font-size: 100%; }

   .partner-grid .partner { width: 20%; margin-right: 5%; }
   .partner-grid .partner, .partner-grid .partner:nth-child(4n-4) { margin-right: 5%; }
   .partner-grid .partner:nth-child(4n-4) { margin-right: 0px; }

  .footer .footer-about { width:50%; }

}




@media(max-width:639px) {
  /*
  .toplinkbar { display: none; }
  .topbar .logo { height: 32px; padding-bottom: 8px; }
  .topbar .logo img, .topbar .logo svg { margin-top: -4px; }
  */
  .toplinkbar .hours { display: none; }

  .topbar .navbar { width: 100%; min-width: 100%; right: -100%; }

.service-grid, .service-grid.wider { grid-template-columns: repeat(1, 1fr); }

  .partner-grid .partner { width: 30%; }
  .partner-grid .partner, .partner-grid .partner:nth-child(5n-5), .partner-grid .partner:nth-child(4n-4) { margin-right: 5%; }
  .partner-grid .partner:nth-child(3n-3) { margin-right: 0px; }

   .page-certificates .wp-block-group.is-layout-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }

  .footer .footer-columns, .footer .footer-column { display: block; width: 100%; padding-right: 0; text-align: center; }
  .footer .footer-column:not(:last-of-type) { margin-bottom: 30px; }

  .footerbase { text-align: center; }
  .footerbase .p { display: block; float: none; }

}


@media screen and (max-width:599px) {
   .container { width: 96% !important; }
   .topbar > .container { width: 100% !important; }
   .topbar .navbar .dropdown-menu p:not(.dropdown-menu-heading) { margin-left: 3%; margin-right: 3%; }
   .topbar .navbar a.button:not(.cta-button) { margin-left: 6%; margin-right: 6%; }
}


@media(max-width:479px) {

  .partner-grid .partner { width: 45%; }
  .partner-grid .partner, .partner-grid .partner:nth-child(5n-5), .partner-grid .partner:nth-child(4n-4), .partner-grid .partner:nth-child(3n-3) { margin-right: 10%; }
  .partner-grid .partner:nth-child(2n-2) { margin-right: 0px; }

}



@font-face {
    font-family: 'Poppins';
   font-display: fallback;
    src: url('./fonts/Poppins-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
   font-display: fallback;
    src: url('./fonts/Poppins-Medium.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
   font-display: fallback;
    src: url('./fonts/Inter_18pt-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}