@charset "UTF-8";
/*------------------------------------*\
    SCSS COMPILE LIST
\*------------------------------------*/
/* DEFAULT RESPONSIVE LAYOUTS */
/*------------------------------------*\
    LITESPEED 
\*------------------------------------*/
/* PART 1 - Before Lazy Load */
@import url("https://use.typekit.net/gtv8zag.css");
img[data-lazyloaded] {
  opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded {
  transition: opacity 0.5s linear 0.2s;
  opacity: 1;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
  max-width: 100%;
  height: auto;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*------------------------------------*\
    MIXINS
\*------------------------------------*/
.link-overlay a,
a.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  max-width: 100%;
  height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

h1,
h2 {
  font-family: "nimbus-sans-extended", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.section-slider .inner .section_intro .title-wrapper h2.title, .dc-projects-carousel .inner .section_content .items .item .content-wrapper h3, .apprenticeships-data .inner > .section_content .item > .right > .app-cta h2, .section.dc-video.expand .video-wrapper .content-wrapper h3, .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item h3, .section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box h2, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box h2, .section-filters .filters:not(.clear-filters) .dropdown-label, .hero.hero__project .hero__inner .items .item .content > span, body.error404 .panel.main .row #post-404 .error_search form.search input.search-input, .gform_wrapper .ginput_container input[type=email],
.gform_wrapper .ginput_container input[type=number],
.gform_wrapper .ginput_container input[type=password],
.gform_wrapper .ginput_container input[type=tel],
.gform_wrapper .ginput_container input[type=text],
.gform_wrapper .ginput_container input[type=url],
.gform_wrapper .ginput_container textarea.medium,
.gform_wrapper .ginput_container textarea.large,
.gform_wrapper .ginput_container textarea.small,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container #theme-page select, body {
  font-family: "articulat-cf", Arial, Helvetica, sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit, .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit], .section.dc-job-board .items .item.sidebar h2, .section.dc-team-cards .section_content .item .button-wrapper .toggle-description, .section.dc-statistics > .inner .section_content .items .item h3, .section.dc-project-data .section_content .item h5, .section.dc-intro-section .inner .section_content .description .intro-description h2, .section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper .text h2, .section.dc-hotboxes.style_2 > .inner .section_content .items .item .text h2, .section.dc-capabilities-grid.style_1 .section_content .items .item h3, .section.dc-capabilities-grid.style_2 .section_content .items .item h3, .section-filters h4, .hero > .hero__inner .content > span, .footer .footer-top-inner .footer-widget .widgettitle, a.dc-btn, p strong,
p strong a, .main_menu .menu ul li a {
  font-family: "articulat-cf", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  font-style: normal;
}

/* FONTAWESOME */
/*!
 * Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900);
}

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-transform: scale(-1, 1);
      transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-transform: scale(1, -1);
      transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -ms-transform: scale(-1, -1);
      transform: scale(-1, -1);
}

.fa-rotate-by {
  -ms-transform: rotate(var(--fa-rotate-angle, none));
      transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-angle-right::before {
  content: "\f105";
}

.fa-angle-down::before {
  content: "\f107";
}

.fa-search::before {
  content: "\f002";
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*!
 * Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.ttf") format("truetype");
}
.fal,
.fa-light {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

/*!
 * Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");
}
.far,
.fa-regular {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
}

/*!
 * Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
}
.fas,
.fa-solid {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

/*!
 * Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
}
.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-instagram-square:before {
  content: "\e055";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-angle-right:before {
  content: "\f105";
}

/*!
 * Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
:root, :host {
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("../fonts/fa-thin-100.woff2") format("woff2"), url("../fonts/fa-thin-100.ttf") format("truetype");
}
.fat,
.fa-thin {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
}

/* SETTINGS - GRID */
/*------------------------------------*\
    SETTINGS - DEFAULT WIDTHS
\*------------------------------------*/
/*------------------------------------*\

    SETTINGS - RESPONSIVE BREAK POINTS

\*------------------------------------*/
/* SETTINGS - COLORS */
/*------------------------------------*\

    SETTINGS - COLORS - THEME - DC

\*------------------------------------*/
:root {
  --dark-color: #141C2C;
  --light-color: #FFFFFF;
  --grey-color: #F8F5ED;
  --theme-color: #00ABDD;
  --theme2-color: #F18A00;
  --green-color: #8ABD24;
  --purple-color: #7C6EB0;
}

/* SETTINGS - FONTS */
/*------------------------------------*\
    SETTINGS - FONT SIZES
\*------------------------------------*/
/* SETTINGS - HEADER / MENU / FOOTER */
/*------------------------------------*\
    SETTINGS - MENU
\*------------------------------------*/
/* GLOBAL APP */
/*------------------------------------*\
    VARIABLES
\*------------------------------------*/
.grid:after {
  content: "";
  display: table;
  clear: both;
}

/*------------------------------------*\
    GLOBAL - SITE WIDE
\*------------------------------------*/
button {
  outline: none !important;
  transition: all 250ms ease-in-out;
}

input[type=submit] {
  transition: all 250ms ease-in-out;
}

.page_container {
  background: white;
  width: 100%;
  max-width: 100%;
}

.page_container > .panel {
  max-width: 100%;
  background: var(--light-color);
}

/* GLOBAL APP - BASE */
/*------------------------------------*\
	BASE - SITE WIDE
\*------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}

html {
  background: var(--light-color);
}
html:has(body.admin-bar) {
  margin-top: 0 !important;
}

body {
  line-height: 1.44em;
  color: #141C2C;
  background: var(--light-color);
  max-width: 100%;
  margin-inline: auto;
}
body.open-toggle-menu {
  overflow: hidden;
}

/*------------------------------------*\
	BASE - FONTS
\*------------------------------------*/
p {
  margin-bottom: clamp(10px, 1vw, 20px);
  width: 100%;
  line-height: 1.44em;
}
sup {
  font-size: 45%;
  padding-right: 5px;
  vertical-align: super;
}

/** H1 - H6 STYLING **/
h1,
h2 {
  width: 100%;
  text-transform: uppercase;
  margin-bottom: clamp(16px, 1.8vw, 35px);
}

h3,
h4,
h5,
h6 {
  width: 100%;
  margin-bottom: clamp(12px, 1.3vw, 26px);
}

.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper .button-wrapper a, .apprenticeships-data .inner > .section_content .item > .right > .info-card p {
  font-size: 15px;
}

.section.dc-project-data .section_content .item h5, h5, .h5 { /* 17>20 */
  font-size: clamp(1.0625rem, 0.9508rem + 0.3191vw, 1.25rem);
  line-height: 1em;
}

.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper h3, .section.dc-infoboxes > .inner > .section_content .items .item h3, .apprenticeships-data .inner > .section_content .item > .right > .info-card ul li, .section.dc-text-testimonial > .inner .right .content-wrapper .text, .section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .item:first-child p, .section.dc-text-block.dc-contact .section_content > .items .item:first-child p:first-child, .section.dc-text-block .dc-intro h3,
.section.dc-text-block .section_intro .description h3, .section.dc-image-text.large > .inner .section_content .right > .content-wrapper p, .section.dc-image-text.large > .inner .section_content .right > .content-wrapper li, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .text, .section.dc-cta.cta_style_2 > .inner .section_intro .description p, .section.dc-cta.cta_style_1 > .inner .section_intro .description p, .section.dc-accordion .accordion .title h3, .section-filters h4, .hero.hero__style2 > .hero__inner .content p, .hero > .hero__inner .content .text p {
  font-size: 24px;
  line-height: 1.333;
}

.section.dc-testimonials .item .text, .apprenticeships-data .inner > .section_content .item > .right > .app-cta h2, .section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) ul:not(.social_icons) li, .section.dc-intro-section .inner .section_content .description .intro-description p {
  font-size: clamp(1.0625rem, 0.5368rem + 1.2941vw, 1.75rem);
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .section.dc-testimonials .item .text, .apprenticeships-data .inner > .section_content .item > .right > .app-cta h2, .section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) ul:not(.social_icons) li, .section.dc-intro-section .inner .section_content .description .intro-description p {
    line-height: 1.285;
  }
}

.section.dc-job-board .items .item.sidebar h2, .section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper .text h2, h3, .h3, .section.dc-video.expand .video-wrapper .content-wrapper h2, .section.dc-text-block h2:not(first-child) {
  font-size: clamp(1.5rem, 1.2132rem + 0.7059vw, 1.875rem);
  line-height: 1.285;
}

.section.dc-intro-section .inner .section_content .title-wrapper h2, .section.dc-cta.cta_style_1 > .inner .section_intro h2 {
  font-size: clamp(1.75rem, 1.4521rem + 0.8511vw, 2.25rem);
  line-height: 1.05;
}

.apprenticeships-data .inner > .section_content h2:first-child, .section.dc-text-testimonial > .inner .left .section_intro h2, .section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .item:first-child h2, .section.dc-image-text > .inner .section_content .right > .content-wrapper > h2:first-child, .section.dc-hotboxes.style_2 > .inner .section_content .items .item .text h2, .section.dc-cta.cta_style_2 > .inner .section_intro h2, .item.dc-card .content-wrapper h3, .dc-project-grid.style_1 .item .content-wrapper h3, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper h3 {
  font-size: clamp(1.5rem, 0.4963rem + 2.4706vw, 2.8125rem);
  line-height: 1.1;
}

h2, .h2 {
  font-size: clamp(1.5rem, 0.3529rem + 2.8235vw, 3rem);
  line-height: 1.1;
}

.section.dc-infoboxes > .inner > .section_intro .title, .section.dc-testimonials .section_intro h2, .section.dc-image-text > .inner .section_intro h2.title, .section.dc-image-hotboxes.style_2 > .inner > .section_intro h2.title, .section.dc-image-hotboxes.style_1 > .inner > .section_intro h2.title, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .text h2, .hero.hero__style2 > .hero__inner .content h1 {
  font-size: clamp(1.5rem, 0.0662rem + 3.5294vw, 3.375rem);
  line-height: 1em;
}

h1, .h1 {
  font-size: clamp(1.625rem, -0.5735rem + 5.4118vw, 4.5rem);
  line-height: 1em;
}

/*******  *******/
.apprenticeships-data .inner > .section_content .item > .right > .info-card ul li span, .section-filters .filters:not(.clear-filters) form input, .section-filters .filters:not(.clear-filters) .dropdown-label, .main_menu .menu ul li a, .top-title, .section.dc-team-cards .section_content .item .front-card p, .dc-project-grid.style_2 .item:after, .dc-project-grid.style_1 .item .content .client, .item.dc-card .content-wrapper .app-code, .dc-project-grid.style_1 .item .content-wrapper .app-code, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper .app-code {
  font-size: clamp(14px, 0.875rem + (1vw - 5.6px) * 0.1471, 16px);
  min-height: 0vw;
}

.section.dc-testimonials .item .author, .section.dc-team-cards .section_content .item .button-wrapper .toggle-description, .section.dc-image-text2.small-text > .inner p, .hero > .hero__inner .content > span, .footer .footer-top-inner .footer-widget li,
.footer .footer-top-inner .footer-widget p,
.footer .footer-top-inner .footer-widget a:not(.dc-btn), .footer .footer-top-inner .footer-widget .widgettitle, body {
  font-size: clamp(16px, 1rem + (1vw - 5.6px) * 0.1471, 18px);
  min-height: 0vw;
}

.section.dc-project-data .section_content .item h5, h5, .h5 {
  font-size: clamp(16px, 1rem + (1vw - 5.6px) * 0.2941, 20px);
  min-height: 0vw;
}

.section.dc-statistics > .inner .section_content .items .item p, .section.dc-image-text2.large-text > .inner p {
  font-size: clamp(18px, 1.125rem + (1vw - 5.6px) * 0.2941, 22px);
  min-height: 0vw;
}

.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper h3, .section.dc-infoboxes > .inner > .section_content .items .item h3, .apprenticeships-data .inner > .section_content .item > .right > .info-card ul li, .section.dc-text-testimonial > .inner .right .content-wrapper .text, .section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .item:first-child p, .section.dc-text-block.dc-contact .section_content > .items .item:first-child p:first-child, .section.dc-text-block .dc-intro h3,
.section.dc-text-block .section_intro .description h3, .section.dc-image-text.large > .inner .section_content .right > .content-wrapper p, .section.dc-image-text.large > .inner .section_content .right > .content-wrapper li, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .text, .section.dc-cta.cta_style_2 > .inner .section_intro .description p, .section.dc-cta.cta_style_1 > .inner .section_intro .description p, .section.dc-accordion .accordion .title h3, .section-filters h4, .hero.hero__style2 > .hero__inner .content p, .hero > .hero__inner .content .text p {
  font-size: clamp(18px, 1.125rem + (1vw - 5.6px) * 0.4412, 24px);
  min-height: 0vw;
}

h4, .h4 {
  font-size: clamp(22px, 1.5rem + (1vw - 7.6px) * 0.8824, 36px);
  min-height: 0vw;
}

.section.dc-capability-data-wrapper > .inner .section_content p, .bottom-sidebar .inner p {
  font-size: clamp(1.25rem, 0.8777rem + 1.0638vw, 1.875rem);
  min-height: 0vw;
}

.section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box h2, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box h2 {
  font-size: clamp(1.375rem, 0.7793rem + 1.7021vw, 2.375rem);
  min-height: 0vw;
}

.section-slider .inner .section_intro .title-wrapper h2.title {
  font-size: clamp(1.875rem, 0.9069rem + 2.766vw, 3.5rem);
  min-height: 0vw;
}

.section.dc-video.expand .video-wrapper .content-wrapper h3, .section.dc-statistics > .inner .section_content .items .item h3 {
  font-size: clamp(2.75rem, 2.0053rem + 2.1277vw, 4rem);
  min-height: 0vw;
}

.top-title, .section.dc-team-cards .section_content .item .front-card p, .dc-project-grid.style_2 .item:after, .dc-project-grid.style_1 .item .content .client, .item.dc-card .content-wrapper .app-code, .dc-project-grid.style_1 .item .content-wrapper .app-code, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper .app-code {
  font-weight: 600;
  letter-spacing: 0.2em;
  display: block;
  margin-block: -20px 20px;
}

/*------------------------------------*\
	BASE - LINKS
\*------------------------------------*/
a {
  transition: all 250ms ease-in-out;
  outline: none !important;
}

a:not(.dc-btn) {
  text-decoration: none;
  color: var(--dark-color);
}
a:not(.dc-btn):hover, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn) {
  color: var(--theme2-color);
}
.section.bg_dark a:not(.dc-btn) {
  color: var(--light-color);
}
.section.bg_dark a:not(.dc-btn):hover, .section.bg_dark .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn), .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.bg_dark a.dc-btn:not(.dc-btn) {
  color: var(--theme2-color);
}
a:not(.dc-btn).arrow-right:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 11px;
  height: 11px;
  margin-left: 12px;
  background: url("../img/arrow-orange.svg");
  transition: all 250ms ease-in-out;
}
.dc-intro-section a:not(.dc-btn),
.dc-image-text a:not(.dc-btn),
.dc-accordion a:not(.dc-btn) {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: none;
}
.dc-intro-section a:not(.dc-btn):hover, .dc-intro-section .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn), .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-intro-section a.dc-btn:not(.dc-btn),
.dc-image-text a:not(.dc-btn):hover,
.dc-image-text .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn),
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-image-text a.dc-btn:not(.dc-btn),
.dc-accordion a:not(.dc-btn):hover,
.dc-accordion .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn),
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-accordion a.dc-btn:not(.dc-btn) {
  color: var(--theme2-color);
  -webkit-text-decoration-color: var(--dark-color);
          text-decoration-color: var(--dark-color);
  text-decoration: none;
}
.section.bg_dark .dc-intro-section a:not(.dc-btn),
.section.bg_dark .dc-image-text a:not(.dc-btn),
.section.bg_dark .dc-accordion a:not(.dc-btn) {
  color: var(--light-color);
}
.section.bg_dark .dc-intro-section a:not(.dc-btn):hover, .section.bg_dark .dc-intro-section .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn), .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.bg_dark .dc-intro-section a.dc-btn:not(.dc-btn),
.section.bg_dark .dc-image-text a:not(.dc-btn):hover,
.section.bg_dark .dc-image-text .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn),
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.bg_dark .dc-image-text a.dc-btn:not(.dc-btn),
.section.bg_dark .dc-accordion a:not(.dc-btn):hover,
.section.bg_dark .dc-accordion .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn),
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.bg_dark .dc-accordion a.dc-btn:not(.dc-btn) {
  color: var(--theme2-color);
}

/*------------------------------------*\
	BASE - BUTTONS
\*------------------------------------*/
a.dc-btn {
  line-height: 48px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-sizing: border-box;
  width: auto;
  padding-inline: 68px 24px;
  margin-top: clamp(12px, 2vw, 20px);
  opacity: 1;
  -ms-flex-align: center;
      align-items: center;
  color: var(--dark-color);
  background-color: var(--light-color);
  border-radius: 50px;
}
@media only screen and (min-width: 768px) {
  a.dc-btn {
    line-height: 52px;
  }
}
@media only screen and (min-width: 950px) {
  a.dc-btn {
    line-height: 56px;
  }
}
a.dc-btn > span {
  position: relative;
  white-space: nowrap;
}
a.dc-btn:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  background-image: url("../img/arrow-button.svg");
  background-color: #8ABD24;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 10px;
  border-radius: 100%;
  transition: all 250ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  a.dc-btn:after {
    left: 7px;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 950px) {
  a.dc-btn:after {
    left: 9px;
  }
}
a.dc-btn:hover, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn {
  padding-left: 24px !important;
  padding-right: 68px !important;
}
a.dc-btn:hover:after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:after {
  left: calc(100% - 9px - 40px) !important;
}
a.dc-btn.on_dark, .section.dc-job-board .items .item.sidebar a.dc-btn, .section.dc-cta.cta_style_1 > .inner .section_intro a.dc-btn, .section.dc-cta.cta_style_2 a.dc-btn, .section.dc-hotboxes.style_2 a.dc-btn, .section.apprenticeships-data .app-cta a.dc-btn {
  color: var(--dark-color);
  background-color: var(--light-color);
}
a.dc-btn.on_dark:hover, .section.dc-job-board .items .item.sidebar a.dc-btn:hover, .section.dc-cta.cta_style_1 > .inner .section_intro a.dc-btn:hover, .section.dc-cta.cta_style_2 a.dc-btn:hover, .section.dc-hotboxes.style_2 a.dc-btn:hover, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.apprenticeships-data .app-cta a.dc-btn:hover {
  color: var(--dark-color);
}
a.dc-btn.black, a.dc-btn.on_light, .section.dc-job-board .items .item.sidebar .sidebar-widget:nth-child(2) a.dc-btn, .section.bg_white a.dc-btn, .section.dc-statistics a.dc-btn, .section.bg_light a.dc-btn, .section.bg_grey a.dc-btn, .section.dc-accordion.style_1 a.dc-btn {
  color: var(--light-color);
  background-color: var(--dark-color);
}
a.dc-btn.black:hover, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn.black, a.dc-btn.on_light:hover, .section.dc-job-board .items .item.sidebar .sidebar-widget:nth-child(2) a.dc-btn:hover, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn.on_light, .section.dc-hotboxes.style_2 > .inner .section_content .section.dc-job-board .items .item:hover .item.sidebar .sidebar-widget:nth-child(2) a.dc-btn, .section.dc-job-board .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.sidebar .sidebar-widget:nth-child(2) a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .section.dc-job-board .items .item.sidebar .sidebar-widget:nth-child(2) .item:hover a.dc-btn, .section.dc-job-board .section.dc-hotboxes.style_2 > .inner .section_content .items .item.sidebar .sidebar-widget:nth-child(2) .item:hover a.dc-btn, .section.bg_white a.dc-btn:hover, .section.dc-statistics a.dc-btn:hover, .section.bg_white .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-statistics .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.bg_white a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-statistics a.dc-btn, .section.bg_light a.dc-btn:hover, .section.bg_light .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.bg_light a.dc-btn, .section.bg_grey a.dc-btn:hover, .section.bg_grey .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.bg_grey a.dc-btn, .section.dc-accordion.style_1 a.dc-btn:hover, .section.dc-accordion.style_1 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-accordion.style_1 a.dc-btn {
  color: var(--light-color);
}

.section p > .dc-btn {
  margin-top: 30px;
}

/*------------------------------------*\
	BASE - LINKS - DC LINK
\*------------------------------------*/
a.dc-link {
  position: relative;
  white-space: nowrap;
  font-weight: 700;
  transition: all 250ms ease-in-out;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
a.dc-link:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 11px;
  height: 11px;
  margin-left: 12px;
  background: url("../img/arrow-orange.svg");
  transition: all 250ms ease-in-out;
}
a.white-link {
  position: relative;
  white-space: nowrap;
  font-weight: 700;
  transition: all 250ms ease-in-out;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
a.white-link:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 11px;
  height: 11px;
  margin-left: 12px;
  background: url("../img/arrow-orange.svg");
  transition: all 250ms ease-in-out;
}
a.white-link.white-link {
  color: var(--light-color);
}
a.white-link.white-link:hover, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.white-link.white-link.dc-btn {
  color: var(--dark-color);
}

/*--------------------------------------------------------*\
	BASE - LISTS
\*--------------------------------------------------------*/
ul,
ol {
  margin-top: 20px;
  margin-bottom: 15px;
}
ul li,
ol li {
  line-height: 1.44em;
  color: #141C2C;
  margin-left: 20px;
  padding-left: 5px;
  padding-bottom: 16px;
  position: relative;
}

.color-dots ul li {
  list-style: none;
  margin-left: 40px;
}
.color-dots ul li:before {
  content: "•";
  color: var(--theme-color);
  font-size: 1.5em;
  display: inline-block;
  width: 15px;
  position: absolute;
  top: 0px;
  left: -25px;
}

.dc-text-block li,
.dc-intro-section li,
.dc-image-text li,
.dc-accordion li,
.apprenticeships-data .text li {
  padding-bottom: 6px;
  margin-left: 5px;
  line-height: 1em;
  padding-left: 15px;
}
.dc-text-block li::marker,
.dc-intro-section li::marker,
.dc-image-text li::marker,
.dc-accordion li::marker,
.apprenticeships-data .text li::marker {
  color: var(--dark-color);
  content: "•";
  font-size: 1.2em;
}

.color-dots ol li {
  margin-left: 40px;
}
.color-dots ol li::marker {
  color: var(--theme-color);
  font-size: 1em;
  display: inline-block;
  width: 15px;
  position: absolute;
  top: 0px;
  left: -25px;
}

/* GLOBAL APP - HEADER */
/*------------------------------------*\
	HEADER - BASE
\*------------------------------------*/
#wpadminbar {
  z-index: 99999999;
}

#header_main + .page_container {
  margin-inline: auto;
}

#header_main + .page_container {
  padding-top: 110px;
}
@media only screen and (max-width: 949px) {
  #header_main + .page_container {
    padding-top: 100px;
  }
}
.transparent-header #header_main, .single-capability #header_main {
  background: none;
}
.transparent-header #header_main .header_nav_container, .single-capability #header_main .header_nav_container {
  background: none;
}
.transparent-header #header_main + .page_container, .single-capability #header_main + .page_container {
  padding-top: 0;
}

#header_main {
  position: fixed;
  top: 0;
  margin-inline: auto;
  z-index: 100000;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100vw;
  transition: all 450ms ease-in-out;
}
#header_main .header_nav_container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto !important;
  max-width: 1760px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  height: 110px;
  padding-inline: 20px;
}
@media only screen and (max-width: 949px) {
  #header_main .header_nav_container {
    height: 100px;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
#header_main .header_nav_container .menus {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.sticky-nav #header_main {
  -ms-transform: translateY(-100px) !important;
      transform: translateY(-100px) !important;
}

.toggle-menu-wrap #menu-toggle {
  transition: all 450ms ease-in-out;
}
.sticky-nav .toggle-menu-wrap #menu-toggle {
  -ms-transform: translateY(100px) !important;
      transform: translateY(100px) !important;
}

/*------------------------------------*\
	HEADER - LOGO
\*------------------------------------*/
.header_logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
  max-width: 20%;
  min-width: 140px;
  margin: 0 auto 0 0;
  padding: 1px 0px 1px 1px;
}
@media only screen and (max-width: 949px) {
  .header_logo {
    min-width: 232px;
    margin: 0 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_logo {
    margin: 0 20px 0 0;
  }
}
.header_logo a {
  display: block;
}
.header_logo a img {
  display: block;
  max-height: 74px;
  position: relative;
  z-index: 1000;
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 949px) {
  .header_logo a img {
    max-height: 66px;
  }
}
.header_logo a.white-logo {
  display: none;
}
.header_logo a.color-logo {
  display: block;
}
.transparent-header .header_logo a.white-logo, .single-capability .header_logo a.white-logo {
  display: block;
}
.transparent-header .header_logo a.color-logo, .single-capability .header_logo a.color-logo {
  display: none;
}
@media only screen and (max-width: 949px) {
  .header_logo a.white-logo {
    display: none;
  }
  .header_logo a.color-logo {
    display: block;
  }
}

/* GLOBAL APP - MENU */
/*------------------------------------*\
	MENU - SIMPLE - LEFT ALIGNED
\*------------------------------------*/
.main_menu .menu {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (min-width: 950px) {
  .main_menu .menu {
    height: 60px;
    background: var(--grey-color);
    border-radius: 40px;
    margin-right: 12px;
  }
}
.main_menu .menu ul {
  margin: 0;
}
.main_menu .menu ul li {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.main_menu .menu ul li a {
  color: var(--dark-color);
  line-height: 1.2em;
  display: block;
  position: relative;
}
.transparent-header .main_menu .menu ul li a, .single-capability .main_menu .menu ul li a {
  color: white;
}
.main_menu .menu ul li.mobile-visible {
  display: none;
}
.main_menu .menu > ul {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  margin-inline: 13px;
}
.main_menu .menu > ul > li {
  position: relative;
  margin: 0;
  padding: 0 clamp(6px, 1vw, 25px);
  transition: all 250ms ease-in-out;
}
.main_menu .menu > ul > li:before {
  content: "";
  background: var(--grey-color);
  border-radius: 30px;
  height: calc(100% - 20px);
  width: 100%;
  position: absolute;
  left: 0;
  top: 10px;
  transition: all 250ms ease-in-out;
}
.main_menu .menu > ul > li > a {
  height: 60px;
  line-height: 60px;
  padding: 0;
  white-space: nowrap;
}
.main_menu .menu > ul > li.current_page_parent:before, .main_menu .menu > ul > li.current-menu-parent:before, .main_menu .menu > ul > li.current-menu-item:before, .main_menu .menu > ul > li:hover:before, .main_menu .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .menu > ul > li.dc-btn:before, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .main_menu .menu > ul > li.dc-btn:before {
  background: var(--purple-color);
}
.main_menu .menu > ul > li.current_page_parent > a, .main_menu .menu > ul > li.current-menu-parent > a, .main_menu .menu > ul > li.current-menu-item > a, .main_menu .menu > ul > li:hover > a, .main_menu .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .menu > ul > li.dc-btn > a, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .main_menu .menu > ul > li.dc-btn > a {
  color: var(--light-color);
}
.single-project .main_menu .menu > ul > li:nth-child(3) > a:after {
  width: 24px;
}

/*------------------------------------*\
	DEFAULT DROPDOWN
\*------------------------------------*/
@media only screen and (min-width: 767px) {
  .main_menu .menu > ul {
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: calc(100% + 40px);
  }
  .main_menu .menu > ul > li ul.sub-menu {
    position: absolute;
    top: 100%;
    left: -6px;
    overflow: hidden;
    max-height: 0;
    width: 400px;
    margin-left: 0;
    padding: 0 22px;
    background: transparent;
    -ms-transform: translateY(12px);
        transform: translateY(12px);
    transition: all 0ms ease-in-out;
  }
  .main_menu .menu > ul > li ul.sub-menu:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: var(--theme2-color);
  }
  .main_menu .menu > ul > li ul.sub-menu li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    background: transparent;
    transition: all 450ms ease-in-out;
  }
  .main_menu .menu > ul > li ul.sub-menu li a {
    display: block;
    padding: 8px 26px 11px 26px;
    min-width: 100%;
    color: var(--dark-color);
    font-size: 22px;
    text-align: left;
    text-transform: none;
    transition: all 250ms ease-in-out;
  }
}
@media only screen and (min-width: 767px) and (min-width: 950px) {
  .main_menu .menu > ul > li ul.sub-menu li.current_page_item > a,
.main_menu .menu > ul > li ul.sub-menu li a:hover,
.main_menu .menu > ul > li ul.sub-menu li .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn,
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .main_menu .menu > ul > li ul.sub-menu li a.dc-btn {
    color: var(--theme2-color);
  }
}
@media only screen and (min-width: 767px) {
  .main_menu .menu > ul > li:hover ul.sub-menu, .main_menu .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .menu > ul > li.dc-btn ul.sub-menu, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .main_menu .menu > ul > li.dc-btn ul.sub-menu {
    max-height: 700px;
    opacity: 1;
    overflow: visible;
    padding: 35px 20px 45px;
    background: var(--light-color);
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: transform 150ms ease-in-out, opacity 200ms ease-in-out;
  }
}
/*------------------------------------*\
	MENU - Toggle
\*------------------------------------*/
.toggle-menu-wrap #menu-toggle {
  display: block;
  position: relative;
  padding: 0;
  width: 60px;
  height: 60px;
  right: 0;
  top: 0;
  z-index: 10000;
  font-size: 20px;
}
.toggle-menu-wrap #menu-toggle .full-menu-toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 60px;
  height: 60px;
  padding: 18px 14px;
  border-radius: 50%;
  color: white;
  background-color: #00ABDD;
}
.toggle-menu-wrap #menu-toggle .full-menu-toggle span {
  height: 2px;
  width: 20px;
  background: var(--light-color);
  border-radius: 10px;
  transition: all 150ms ease-in-out;
}
.toggle-menu-wrap #menu-toggle .full-menu-toggle span:nth-child(2) {
  width: 28px;
}
.toggle-menu-wrap #menu-toggle .full-menu-toggle:hover span, .toggle-menu-wrap #menu-toggle .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .full-menu-toggle.dc-btn span, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .toggle-menu-wrap #menu-toggle .full-menu-toggle.dc-btn span {
  width: 100%;
  background: var(--light-color);
}
.toggle-menu-wrap #menu-toggle .full-menu-toggle:hover span:nth-child(2), .toggle-menu-wrap #menu-toggle .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .full-menu-toggle.dc-btn span:nth-child(2), .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .toggle-menu-wrap #menu-toggle .full-menu-toggle.dc-btn span:nth-child(2) {
  width: 20px;
}
.toggle-menu-wrap.open-menu #menu-toggle .full-menu-toggle {
  background: var(--grey-color) !important;
  transform: translate3d(-25px, 25px, 0);
}
@media only screen and (min-width: 1920px) {
  .toggle-menu-wrap.open-menu #menu-toggle .full-menu-toggle {
    transform: translate3d(50px, 25px, 0);
  }
}
.toggle-menu-wrap.open-menu #menu-toggle .full-menu-toggle span {
  background-color: var(--dark-color) !important;
  width: 20px;
}
.toggle-menu-wrap.open-menu #menu-toggle .full-menu-toggle span:first-child {
  -ms-transform: translateY(8px) rotate(45deg);
      transform: translateY(8px) rotate(45deg);
}
.toggle-menu-wrap.open-menu #menu-toggle .full-menu-toggle span:nth-child(2) {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.toggle-menu-wrap.open-menu #menu-toggle .full-menu-toggle span:nth-child(3),
.toggle-menu-wrap.open-menu #menu-toggle .full-menu-toggle span:last-child {
  opacity: 0;
}
.toggle-menu-wrap .full-menu {
  position: absolute;
  left: calc(50% - 50vw);
  top: 0;
  width: 100vw;
  height: 100svh;
  opacity: 0;
  visibility: hidden;
  transition: all 225ms ease-in-out;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1920px) {
  .toggle-menu-wrap .full-menu {
    left: calc(50% - 960px);
    max-width: 1920px;
  }
}
@media only screen and (max-width: 949px) {
  .toggle-menu-wrap .full-menu {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.toggle-menu-wrap .full-menu > .bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 20px;
  background: var(--dark-color);
}
.toggle-menu-wrap .full-menu > .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: var(--dark-color);
}
.toggle-menu-wrap .full-menu > .bg > div {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: all 300ms ease-in-out;
}
.toggle-menu-wrap .full-menu .left,
.toggle-menu-wrap .full-menu .right {
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: all 500ms ease-in-out;
  transition-delay: 600ms !important;
}
.toggle-menu-wrap .full-menu .left {
  width: 520px;
  min-width: 240px;
  padding: clamp(120px, 9vw, 140px) 0 0;
}
@media only screen and (min-width: 950px) {
  .toggle-menu-wrap .full-menu .left {
    border-right: 0.5px solid var(--dark-color);
    max-width: 28vw;
    height: calc(100% - 160px);
    min-width: 340px;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 949px) {
  .toggle-menu-wrap .full-menu .left {
    padding: 9px 0;
    width: 100%;
    display: none;
  }
}
.toggle-menu-wrap .full-menu .left .left-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 180px clamp(15px, 19%, 100px) 0;
  height: 100%;
}
@media only screen and (max-width: 949px) {
  .toggle-menu-wrap .full-menu .left .left-inner {
    padding: 0 60px;
  }
}
.toggle-menu-wrap .full-menu .left .left-inner strong {
  display: block;
}
@media only screen and (max-width: 949px) {
  .toggle-menu-wrap .full-menu .left .left-inner .contact-details {
    display: none;
  }
}
.toggle-menu-wrap .full-menu .left .left-inner .contact-details .address {
  margin: 18px 0 0;
}
.toggle-menu-wrap .full-menu .left .left-inner .contact-details a {
  display: block;
  margin-top: 10px;
}
.toggle-menu-wrap .full-menu .left .left-inner .location {
  margin-top: 40px;
}
.toggle-menu-wrap .full-menu .left .left-inner .location ul {
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}
.toggle-menu-wrap .full-menu .left .left-inner .location ul li {
  padding: 0;
  margin: 0;
}
.toggle-menu-wrap .full-menu .left .left-inner .location ul li:not(:last-child) {
  margin-right: 7px;
  padding-right: 7px;
}
.toggle-menu-wrap .full-menu .left .left-inner .dc_social_icons {
  margin-left: 0;
  margin-top: 40px;
}
.toggle-menu-wrap .full-menu .left .left-inner .dc_social_icons li {
  margin-inline: 0 10px;
}
.toggle-menu-wrap .full-menu .left .left-inner .dc_social_icons li a {
  width: 45px;
  height: 45px;
}
.toggle-menu-wrap .full-menu .left .left-inner .dc_social_icons li a:hover, .toggle-menu-wrap .full-menu .left .left-inner .dc_social_icons li .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .toggle-menu-wrap .full-menu .left .left-inner .dc_social_icons li a.dc-btn {
  background: var(--theme2-color);
}
.toggle-menu-wrap .full-menu .left svg {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 949px) {
  .toggle-menu-wrap .full-menu .left svg {
    width: 179.38px;
  }
}
.toggle-menu-wrap .full-menu .right {
  -ms-flex: 1;
      flex: 1;
  max-width: 1360px;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 949px) {
  .toggle-menu-wrap .full-menu .right {
    padding-block: 140px 30px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .toggle-menu-wrap .full-menu .right ul#menu-full {
    -ms-flex-order: 2;
        order: 2;
  }
}
.toggle-menu-wrap .full-menu ul#menu-full,
.toggle-menu-wrap .full-menu ul#menu-full-1 {
  margin-top: 0 !important;
  padding: clamp(120px, 9vw, 140px) 40px 100px clamp(30px, 13%, 170px);
}
@media only screen and (max-width: 949px) {
  .toggle-menu-wrap .full-menu ul#menu-full,
.toggle-menu-wrap .full-menu ul#menu-full-1 {
    padding: 0 60px !important;
  }
}
.toggle-menu-wrap .full-menu ul#menu-full li,
.toggle-menu-wrap .full-menu ul#menu-full-1 li {
  display: block;
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  background: transparent;
}
.toggle-menu-wrap .full-menu ul#menu-full > li,
.toggle-menu-wrap .full-menu ul#menu-full-1 > li {
  padding-bottom: 0;
  margin-bottom: clamp(1px, 1vh, 42px);
}
.toggle-menu-wrap .full-menu ul#menu-full > li > a,
.toggle-menu-wrap .full-menu ul#menu-full-1 > li > a {
  padding: 12px 40px 12px 0;
  display: block;
  height: auto;
  z-index: 100;
  background: none;
  font-size: clamp(25px, -0.0536rem + 2.8571vw, 2.625rem);
  line-height: 1em;
}
@media only screen and (max-width: 949px) {
  .toggle-menu-wrap .full-menu ul#menu-full > li > a,
.toggle-menu-wrap .full-menu ul#menu-full-1 > li > a {
    padding: 0;
    max-width: 250px;
    display: block;
    line-height: 1.2em;
  }
}
.toggle-menu-wrap .full-menu ul#menu-full > li > ul,
.toggle-menu-wrap .full-menu ul#menu-full-1 > li > ul {
  max-width: 520px;
  padding-right: 30px;
  margin: 0;
  position: relative;
  max-height: 0;
  overflow: hidden;
}
.toggle-menu-wrap .full-menu ul#menu-full > li > ul > li,
.toggle-menu-wrap .full-menu ul#menu-full-1 > li > ul > li {
  display: inline-block;
  padding-bottom: 0;
  margin-right: 7px;
}
.toggle-menu-wrap .full-menu ul#menu-full > li > ul > li a,
.toggle-menu-wrap .full-menu ul#menu-full-1 > li > ul > li a {
  border: 1px solid var(--dark-color);
  border-radius: 30px;
  font-size: 14px;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 10px;
  padding: 3px 10px;
}
.toggle-menu-wrap .full-menu ul#menu-full > li > ul > li a:hover, .toggle-menu-wrap .full-menu ul#menu-full > li > ul > li .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .toggle-menu-wrap .full-menu ul#menu-full > li > ul > li a.dc-btn,
.toggle-menu-wrap .full-menu ul#menu-full-1 > li > ul > li a:hover,
.toggle-menu-wrap .full-menu ul#menu-full-1 > li > ul > li .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn,
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .toggle-menu-wrap .full-menu ul#menu-full-1 > li > ul > li a.dc-btn {
  background: var(--dark-color);
  color: var(--light-color);
}
.toggle-menu-wrap .full-menu ul#menu-full > li:hover > ul, .toggle-menu-wrap .full-menu .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover ul#menu-full > li.dc-btn > ul, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .toggle-menu-wrap .full-menu ul#menu-full > li.dc-btn > ul,
.toggle-menu-wrap .full-menu ul#menu-full-1 > li:hover > ul,
.toggle-menu-wrap .full-menu .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover ul#menu-full-1 > li.dc-btn > ul,
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .toggle-menu-wrap .full-menu ul#menu-full-1 > li.dc-btn > ul {
  max-height: 600px;
  padding-top: 25px;
  margin-bottom: -15px;
}
.toggle-menu-wrap.open-menu .full-menu {
  opacity: 1;
  visibility: visible;
  min-height: 720px;
}
.toggle-menu-wrap.open-menu .full-menu .left,
.toggle-menu-wrap.open-menu .full-menu .right {
  opacity: 1;
}
.toggle-menu-wrap.open-menu .full-menu > .bg > div {
  opacity: 1;
}

.header_logo {
  transition: all 350ms ease-in-out;
}
.header_logo a img {
  transition: all 350ms ease-in-out;
}
.open-toggle-menu .header_logo {
  transform: translate3d(10%, clamp(40px, 9vw, 140px), 0) !important;
  position: relative;
  z-index: 2;
  transition: all 500ms ease-in-out;
}
@media only screen and (min-width: 1920px) {
  .open-toggle-menu .header_logo {
    transform: translate3d(0, clamp(40px, 9vw, 140px), 0);
  }
}
.open-toggle-menu .header_logo a img {
  max-height: 92px;
  -ms-transform: translateY(-30px);
      transform: translateY(-30px);
  transition: all 500ms ease-in-out;
}

/*------------------------------------*\
	MENU - Mobile
\*------------------------------------*/
@media only screen and (max-width: 949px) {
  .main_menu {
    position: absolute;
    right: 0;
    top: 0;
    height: 70px;
    width: 70px;
  }
}
@media only screen and (max-width: 949px) and (max-width: 767px) {
  .main_menu {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 949px) {
  .main_menu:before {
    display: none;
  }
}
@media only screen and (max-width: 949px) {
  .main_menu .menu {
    position: fixed;
    top: -100vh;
    right: 0;
    height: 100svh;
    width: 100vw;
    max-width: 100vw;
    -ms-flex-align: inherit;
        align-items: inherit;
    z-index: 99;
    overflow: hidden;
    opacity: 0;
    background: var(--dark-color);
    transition: all 350ms ease-in-out;
  }
  .main_menu .menu.active {
    padding-top: 70px;
    top: 0;
    opacity: 1;
  }
  .main_menu .menu .description {
    display: none !important;
  }
  .main_menu .menu > ul {
    padding: 10px 10px !important;
    margin-top: 0 !important;
    background: var(--dark-color);
  }
  .main_menu .menu > ul > li {
    padding-bottom: 0;
  }
  .main_menu .menu > ul > li > a {
    padding: 12px 40px 12px 0;
    height: 40px;
    z-index: 100;
    background: none;
  }
  .main_menu .menu > ul > li.mobile-visible {
    display: block;
  }
  .main_menu .menu > ul > li.mobile-visible:nth-last-child(3) {
    margin-top: 13px;
  }
  .main_menu .menu > ul > li.mobile-visible:after {
    display: none;
  }
  .main_menu .menu > ul > li.mobile-visible > a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 40px 10px 0;
  }
  .main_menu .menu > ul > li.btn {
    margin: 0 -20px;
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .main_menu .menu > ul > li.btn a {
    -ms-flex-pack: center;
        justify-content: center;
    padding: 10px 10px 20px;
    color: var(--dark-color) !important;
    font-size: 22px;
    font-weight: 600;
  }
  .main_menu .menu > ul > li.phone {
    display: none;
  }
  .main_menu .menu ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .main_menu .menu ul li {
    text-align: center;
    display: block;
    margin: 0;
    background: transparent;
  }
  .main_menu .menu ul li a {
    font-size: 45px;
    font-weight: 400;
    text-align: left;
    line-height: 1.2em;
    text-transform: none;
    height: auto;
    margin: 0;
    padding: 15px 40px 15px 0;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    white-space: nowrap;
    color: white !important;
  }
  .main_menu .menu ul li a:after {
    display: none;
  }
  .main_menu .menu ul li a:hover, .main_menu .menu ul li .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .main_menu .menu ul li a.dc-btn {
    color: var(--theme-color) !important;
  }
  .main_menu .menu ul li.current-menu-item > a, .main_menu .menu ul li.current-menu-parent > a, .main_menu .menu ul li.current_page_parent > a, .main_menu .menu ul li:hover > a, .main_menu .menu ul .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover li.dc-btn > a, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .main_menu .menu ul li.dc-btn > a {
    background: none;
    color: white !important;
  }
  .main_menu .menu ul ul.sub-menu {
    margin: 0;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: all 200ms ease-in-out;
  }
  .main_menu .menu ul ul.sub-menu li {
    margin-top: 2px;
  }
  .main_menu .menu ul ul.sub-menu li a {
    color: var(--theme-color) !important;
    font-size: 30px;
    font-weight: 400;
    padding: 9px 0;
  }
  .main_menu .menu ul ul.sub-menu li a .open-sub-menu {
    height: 16px;
    margin-top: -14px;
    display: none;
  }
  .main_menu .menu ul ul.sub-menu li ul {
    display: none;
  }
  .main_menu .menu ul ul.sub-menu li ul li a {
    font-size: 24px;
    background: none !important;
  }
  .main_menu .menu ul ul.sub-menu li ul li a .open-sub-menu {
    height: 16px;
  }
  .main_menu .menu ul ul.sub-menu.active {
    margin: 4px 0 0;
    padding-bottom: 20px;
    max-height: 1000px;
    overflow: visible;
    visibility: visible;
  }
}
@media only screen and (max-width: 949px) {
  #header_main:nth-child(2) .main_menu .menu.active {
    padding-top: 100px;
  }
}
/*------------------------------------*\
	MENU - OPEN SUB MENU
\*------------------------------------*/
.main_menu .menu .open-sub-menu {
  position: absolute;
  top: 30px;
  right: 4px;
  width: 30px;
  height: 34px;
  margin-top: 0;
  margin-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: white;
  cursor: pointer;
  z-index: 1000;
}
.main_menu .menu .open-sub-menu.down:after {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
/* GLOBAL APP - FOOTER */
/*------------------------------------*\
  FOOTER - SITE WIDE
\*------------------------------------*/
.footer {
  background-color: var(--light-color);
}
.footer .footer-top-wrapper,
.footer .footer-bottom-wrapper {
  padding-inline: 10px;
}
@media only screen and (min-width: 768px) {
  .footer .footer-top-wrapper,
.footer .footer-bottom-wrapper {
    padding-inline: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer .footer-top-wrapper,
.footer .footer-bottom-wrapper {
    padding-inline: 20px;
  }
}
.footer .footer-top-inner,
.footer .footer-bottom-inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto !important;
  max-width: 1880px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-inline: 0;
}
@media only screen and (min-width: 1290px) {
  .footer .footer-top-inner,
.footer .footer-bottom-inner {
    padding-inline: clamp(40px, 4vw, 80px);
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-top-inner,
.footer .footer-bottom-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.footer .footer-top-inner {
  position: relative;
  padding-block: clamp(40px, 4vw, 80px);
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .footer .footer-top-inner {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media only screen and (min-width: 768px) {
  .footer .footer-top-inner .footer-widget {
    padding-right: 3%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(1) {
    width: 25%;
    min-width: 285px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(2) {
    width: 120px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(3) {
    width: 18%;
    min-width: 190px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(4) {
    width: 100%;
    margin-top: 30px !important;
  }
}
@media only screen and (min-width: 900px) {
  .footer .footer-top-inner .footer-widget:nth-child(4) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1100px) {
  .footer .footer-top-inner .footer-widget:nth-child(2) {
    width: 17%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(4) {
    -ms-flex: 1;
        flex: 1;
    padding-right: 0;
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-top-inner .footer-widget:nth-child(1) {
    width: 100%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(1) > div {
    max-width: 400px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(2), .footer .footer-top-inner .footer-widget:nth-child(3) {
    width: 50%;
    max-width: 185px;
    padding-top: 32px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(4) {
    width: 100%;
    margin-top: 0;
    padding-top: 32px;
  }
}
.footer .footer-top-inner .footer-widget .widgettitle {
  color: var(--dark-color);
  text-transform: none;
  margin-bottom: 3px;
}
.footer .footer-top-inner .footer-widget ul {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
}
.footer .footer-top-inner .footer-widget ul li {
  margin-left: 0;
  padding: 0;
}
.footer .footer-top-inner .footer-widget li,
.footer .footer-top-inner .footer-widget p,
.footer .footer-top-inner .footer-widget a:not(.dc-btn) {
  color: var(--dark-color);
  font-weight: 400 !important;
  line-height: 1.444em;
}
.footer .footer-top-inner .footer-widget p {
  margin-bottom: 8px;
}
.footer .footer-top-inner .footer-widget .dc-btn {
  padding: 0px 18px !important;
  border: 1px solid var(--dark-color);
  line-height: 40px;
  color: var(--dark-color);
}
.footer .footer-top-inner .footer-widget .dc-btn:after {
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer .footer-top-inner .footer-widget .mobile-visible {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-top-inner .footer-widget .mobile-hide {
    display: none;
  }
}
.footer .footer-top-inner .footer-widget a:not(.dc-btn):hover, .footer .footer-top-inner .footer-widget .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn), .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .footer .footer-top-inner .footer-widget a.dc-btn:not(.dc-btn) {
  color: var(--theme-color);
}
.footer .footer-bottom-inner {
  padding-top: 10px;
  padding-bottom: 30px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .footer .footer-bottom-inner {
    padding-bottom: 40px;
  }
}
.footer .footer-bottom-inner .left {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .footer .footer-bottom-inner .left {
    width: 100%;
    position: relative;
  }
  .footer .footer-bottom-inner .left p {
    margin-bottom: 10px;
  }
}
.footer .footer-bottom-inner .right img {
  max-width: 90vw;
}
@media only screen and (min-width: 768px) {
  .footer .footer-bottom-inner .right img {
    max-width: 50vw;
  }
}
.footer .footer-bottom-inner a:not(.dc-btn),
.footer .footer-bottom-inner p,
.footer .footer-bottom-inner span {
  color: var(--dark-color);
  font-size: 13px;
  line-height: 1.2em;
}
@media only screen and (min-width: 768px) {
  .footer .footer-bottom-inner a:not(.dc-btn),
.footer .footer-bottom-inner p,
.footer .footer-bottom-inner span {
    font-size: 14px;
  }
}
.footer .footer-bottom-inner a:not(.dc-btn):hover, .footer .footer-bottom-inner .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn:not(.dc-btn), .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .footer .footer-bottom-inner a.dc-btn:not(.dc-btn) {
  color: var(--theme-color);
  text-decoration: underline;
}
.footer .footer-bottom-inner p {
  margin: 0;
}

/*------------------------------------*\
	FOOTER - CTA
\*------------------------------------*/
.bottom-sidebar {
  position: relative;
  background: var(--light-color);
}
@media only screen and (max-width: 767px) {
  .bottom-sidebar {
    margin-top: 0;
  }
}
.bottom-sidebar .inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto !important;
  z-index: 1;
  position: relative;
  width: 100%;
  padding: 50px 20px 50px !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 1290px) {
  .bottom-sidebar .inner > div:nth-child(1) {
    padding-left: clamp(35px, 4vw, 80px);
  }
  .bottom-sidebar .inner > div:nth-child(2) {
    padding-right: clamp(35px, 4vw, 80px);
  }
}
.bottom-sidebar .inner:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: calc(100% - 40px);
  margin-inline: 20px;
  border-bottom: 0.5px solid var(--dark-color);
}
@media only screen and (min-width: 1290px) {
  .bottom-sidebar .inner:after {
    width: calc(100% - (20px + clamp(35px, 4vw, 80px)) - (20px + clamp(35px, 4vw, 80px)));
    margin-inline: calc(20px + clamp(35px, 4vw, 80px));
  }
}
@media only screen and (min-width: 768px) {
  .bottom-sidebar .inner {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
  }
}
.bottom-sidebar .inner .widget > img {
  max-width: 32vw !important;
  min-width: 285px !important;
}
@media only screen and (max-width: 767px) {
  .bottom-sidebar .inner .widget > img {
    margin-bottom: 30px !important;
  }
}
.bottom-sidebar .inner h3,
.bottom-sidebar .inner p,
.bottom-sidebar .inner li {
  color: var(--dark-color);
}
.bottom-sidebar .inner h3 {
  margin-bottom: 8px;
}
.bottom-sidebar .inner p {
  margin-bottom: 0;
}

.dc_social_icons .social_icons {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dc_social_icons .social_icons li {
  padding: 0;
  margin-left: 10px;
}
.dc_social_icons .social_icons li a {
  background-color: #8ABD24;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: var(--light-color);
  width: 54px;
  height: 54px;
  padding: 0;
  border-radius: 100%;
  font-size: 22px;
}

/* SLICK SLIDER */
/*------------------------------------*\
  SLICK DOTS
\*------------------------------------*/
.slick-dots {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: clamp(20px, 6vw, 35px);
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .slick-dots {
    margin-left: 60px;
  }
}
.slick-dots li {
  display: inline;
  margin: 0 10px 0 0;
}
.slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 13px 0;
  border: 0 none;
  font-size: 0;
  background: transparent;
}
.slick-dots li button:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  height: 12px;
  width: 12px;
  border-radius: 10px;
  background: var(--light-color);
  border: 2px solid var(--theme2-color);
}
.slick-dots li.slick-active button:after,
.slick-dots li button:hover:after,
.slick-dots li .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover button.dc-btn:after,
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .slick-dots li button.dc-btn:after {
  background-color: var(--theme2-color);
}

/*------------------------------------*\
	SLICK ARROWS
\*------------------------------------*/
button.slick-arrow {
  position: absolute;
  top: calc(50% - 35px);
  width: 82px;
  height: 82px;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1;
  font-size: 0;
  background: var(--dark-color);
  border: 6px solid var(--light-color);
  border-radius: 100%;
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media only screen and (max-width: 767px) {
  button.slick-arrow {
    display: none !important;
  }
}
button.slick-arrow:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  background: url("../img/arrow-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
button.slick-arrow.slick-prev {
  left: -38px;
  margin-left: clamp(35px, 4vw, 80px);
}
button.slick-arrow.slick-prev:after {
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
}
button.slick-arrow.slick-next {
  right: -38px;
  margin-right: clamp(35px, 4vw, 80px);
}
button.slick-arrow.slick-next:after {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.carousel-active {
  display: block !important;
}

/* TITLEBOX */
/*------------------------------------*\
  TITLE BOX 
\*------------------------------------*/
:root {
  --animation-distance: 160vw;
}

.hero + .section,
.hero + script + .section {
  z-index: 11;
  position: relative;
}

.hero {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  overflow: hidden;
  max-width: 1920px;
  margin-inline: auto;
  padding: 0 10px;
}
@media only screen and (min-width: 768px) {
  .hero {
    padding: 0 20px;
  }
}
.hero > .hero__inner {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) {
  .hero > .hero__inner {
    border-radius: 30px;
  }
}

.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
}
.hero__bg > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero:not(.video) > .hero__inner.overlay .hero__bg:after,
.hero > .hero__inner.overlay .video-wrapper:after,
.hero.hero__style1 > .hero__inner .hero__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}

.hero > .hero__inner .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  z-index: 2;
  margin-inline: auto;
  padding: 50px 10px 50px clamp(25px, 5vw, 80px);
}
@media only screen and (max-width: 767px) {
  .hero > .hero__inner .content {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start !important;
        align-items: flex-start !important;
  }
}
.hero > .hero__inner .content h1,
.hero > .hero__inner .content > span {
  color: var(--light-color);
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  margin-bottom: 8px !important;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .hero > .hero__inner .content h1,
.hero > .hero__inner .content > span {
    margin-bottom: 16px !important;
    width: 1200px;
    max-width: 68vw;
  }
}
.hero > .hero__inner .content h1:last-child,
.hero > .hero__inner .content > span:last-child {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
  .hero > .hero__inner .content h1 br,
.hero > .hero__inner .content > span br {
    display: none;
  }
}
.hero > .hero__inner .content h1 > div,
.hero > .hero__inner .content > span > div {
  overflow: hidden;
}
.hero > .hero__inner .content h1 {
  text-transform: uppercase;
}
.hero > .hero__inner .content > span {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.hero > .hero__inner .content .text {
  max-width: 700px;
  position: relative;
  z-index: 1;
}
.hero > .hero__inner .content .text > * {
  color: var(--dark-color);
  margin-bottom: 16px;
}
.hero > .hero__inner .content .text > *:last-child {
  margin-bottom: 0 !important;
}
.hero > .hero__inner .content .text p {
  color: var(--light-color);
}
.hero > .hero__inner .tags-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  position: relative;
  z-index: 10;
}
.hero > .hero__inner .tags-wrapper .button-wrapper {
  margin-right: clamp(6px, 0.5vw, 10px);
}
.hero > .hero__inner .tags-wrapper .button-wrapper:nth-child(1) a.dc-btn:after {
  background-color: #00ABDD;
}
.hero > .hero__inner .tags-wrapper .button-wrapper:nth-child(2) a.dc-btn:after {
  background-color: #F18A00;
}
.hero > .hero__inner .tags-wrapper .button-wrapper:nth-child(3) a.dc-btn:after {
  background-color: #8ABD24;
}
.hero > .hero__inner .tags-wrapper .button-wrapper:nth-child(4) a.dc-btn:after {
  background-color: #7C6EB0;
}
.hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn {
  color: var(--dark-color);
  font-size: 14px;
  line-height: 40px;
  padding-inline: clamp(25px, 1.5vw, 32px) clamp(60px, 3.5vw, 70px);
  margin-right: 0;
  margin-top: clamp(6px, 1vw, 20px);
}
@media only screen and (min-width: 768px) {
  .hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn {
    line-height: 56px;
    font-size: 17px;
  }
}
@media only screen and (min-width: 950px) {
  .hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn {
    line-height: 60px;
    font-size: 20px;
  }
}
.hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn:after {
  width: 34px;
  height: 34px;
  right: 3px !important;
  left: unset !important;
}
@media only screen and (min-width: 768px) {
  .hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn:after {
    width: 44px;
    height: 44px;
    right: 6px !important;
  }
}
@media only screen and (min-width: 950px) {
  .hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn:after {
    right: 8px !important;
  }
}
.hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn:hover, .hero > .hero__inner .tags-wrapper .button-wrapper .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn {
  padding-inline: 32px 70px !important;
}
.hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn:hover:after, .hero > .hero__inner .tags-wrapper .button-wrapper .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-btn:after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .hero > .hero__inner .tags-wrapper .button-wrapper .dc-btn:after {
  left: unset !important;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.hero > .hero__inner .brand-graphic {
  position: absolute;
  right: 0;
  top: 0;
}
.hero > .hero__inner .brand-graphic::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(200px, 35vw, 481px);
  height: clamp(200px, 35vw, 481px);
  background-image: url(../img/get_careers-brandmark-colour-web.svg);
  background-size: contain;
  z-index: 1;
}

.hero.hero_apprenticeship > .hero__inner .content .text {
  max-width: 900px;
}

.hero.center .hero__inner, .section.dc-contact-cards > .inner > .hero.section_intro .hero__inner {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

.hero__s > .hero__inner {
  min-height: clamp(400px, 29vw, 520px);
}
@media only screen and (min-width: 768px) {
  .hero__s > .hero__inner {
    height: auto;
  }
}
.hero__s > .hero__inner .brand-graphic::after {
  width: clamp(200px, 25vw, 380px);
  height: clamp(200px, 25vw, 380px);
}
.hero__s > .hero__inner .content {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-bottom: clamp(40px, 4vw, 70px);
}
@media only screen and (min-width: 768px) {
  .hero__s > .hero__inner .content h1 {
    width: 1250px;
    max-width: 80vw;
  }
}

.hero__f.hero__style1 > .hero__inner .content,
.hero__s.hero__style1 > .hero__inner .content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.hero__f.hero__style1 > .hero__inner .content:before,
.hero__s.hero__style1 > .hero__inner .content:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .hero__f.hero__style1 > .hero__inner .content:before,
.hero__s.hero__style1 > .hero__inner .content:before {
    margin-right: 12px;
  }
}
.hero__f.hero__style1 > .hero__inner .content:before,
.hero__s.hero__style1 > .hero__inner .content:before {
  margin-bottom: 20px;
  margin-left: 6px;
  width: 20px;
  height: 30px;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  color: var(--green-color);
}

.hero__t > .hero__inner {
  min-height: clamp(540px, 68vw, 1080px);
  max-height: 100svh;
}
.hero__t > .hero__inner .content {
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-bottom: clamp(80px, 13vh, 140px);
}
@media only screen and (max-width: 767px) {
  .hero__t > .hero__inner .content {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

.hero__f > .hero__inner {
  min-height: clamp(540px, 68vw, 100dvh - 130px);
}
.hero__f > .hero__inner .content {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-block: clamp(60px, 6vw, 120px) clamp(60px, 12vw, 140px);
}
@media only screen and (max-width: 767px) {
  .hero__f > .hero__inner .content {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

body.projects .hero > .hero__inner {
  min-height: clamp(220px, 26vw, 460px);
}
body.projects .hero > .hero__inner .content {
  padding-bottom: clamp(40px, 7vw, 60px);
}

.scrolldown {
  position: absolute;
  left: 30px;
  bottom: 50px;
  z-index: 10000;
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 767px) {
  .scrolldown {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .scrolldown {
    left: 60px;
  }
}
@media only screen and (min-width: 1920px) {
  .scrolldown {
    left: calc(50% - 860px);
  }
}
.hero__s .scrolldown {
  display: none;
}
.scrolldown .scrolldown__inner {
  opacity: 0.6 !important;
}

.hero.video .hero__bg {
  -ms-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
}
.hero.video .hero__bg > img {
  object-position: center top;
}
.hero.video .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-size: contain;
  /*
  .random-video-background-image {
    background-size: cover;
    background-repeat: no-repeat;
    @include full_size();
    display: flex;
  }
  */
}
@media only screen and (max-width: 767px) {
  .hero.video .video-wrapper {
    height: clamp(600px, 60svh, 60svh);
  }
}
.hero.video .video-wrapper iframe {
  aspect-ratio: 1920/1080;
  min-height: 100%;
  min-width: 100%;
}
.hero.video .video-wrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero.image_slider .items,
.hero.image_slider .slick-list,
.hero.image_slider .slick-track {
  height: 100%;
}
.hero.image_slider .item {
  position: relative;
}

.hero.hero__style2 > .hero__inner {
  display: -ms-flexbox;
  display: flex;
  background: var(--dark-color);
}
@media only screen and (max-width: 767px) {
  .hero.hero__style2 > .hero__inner {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
.hero.hero__style2 > .hero__inner .hero__bg {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  left: unset;
  top: unset;
  height: 100%;
  -ms-transform: unset !important;
      transform: unset !important;
}
@media only screen and (min-width: 768px) {
  .hero.hero__style2 > .hero__inner .hero__bg {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero.hero__style2 > .hero__inner .hero__bg {
    width: 100%;
    height: 205px;
    -ms-flex: unset;
        flex: unset;
    border-radius: 20px;
  }
}
.hero.hero__style2 > .hero__inner .content {
  width: 50%;
  min-width: 380px;
  padding: clamp(25px, 7vw, 150px) clamp(25px, 6vw, 130px) clamp(25px, 7vw, 150px) clamp(25px, 7vw, 150px);
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-transform: unset !important;
      transform: unset !important;
}
@media only screen and (max-width: 767px) {
  .hero.hero__style2 > .hero__inner .content {
    width: 100%;
    height: auto;
    padding: 60px 50px;
  }
}
.hero.hero__style2 > .hero__inner .content h1 {
  width: 100%;
  position: relative;
}
.hero.hero__style2 > .hero__inner .content h1:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .hero.hero__style2 > .hero__inner .content h1:before {
    margin-right: 12px;
  }
}
.hero.hero__style2 > .hero__inner .content h1:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
@media only screen and (max-width: 767px) {
  .hero.hero__style2 > .hero__inner .content h1 {
    margin-bottom: 30px !important;
  }
}
.hero.hero__style2 > .hero__inner .content h1:before {
  filter: invert(50%) sepia(95%) saturate(2374%) hue-rotate(160deg) brightness(97%) contrast(99%);
}
.hero.hero__style2 > .hero__inner .content p {
  color: var(--light-color);
}
.hero.hero__style2 > .hero__inner .content p a {
  color: var(--light-color);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 0.5px;
}
.hero.hero__style2 > .hero__inner .content p a:hover, .hero.hero__style2 > .hero__inner .content p .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .hero.hero__style2 > .hero__inner .content p a.dc-btn {
  color: var(--theme-color);
}
.hero.hero__style2 > .hero__inner .brand-graphic {
  display: none !important;
}

.hero.multiple-sliders .hero__inner h1 {
  padding-bottom: clamp(120px, 8vw, 130px);
}
.hero.multiple-sliders .hero__inner .slides {
  width: 100%;
  height: 100%;
}
.hero.multiple-sliders .hero__inner .slides > .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: all 250ms ease-in-out;
}
.hero.multiple-sliders .hero__inner .slides > .slide.active {
  opacity: 1;
  visibility: visible;
}
.hero.multiple-sliders .hero__inner .tags-wrapper {
  position: absolute;
  z-index: 10;
  bottom: clamp(30px, 7vw, 150px);
  left: clamp(25px, 5vw, 80px);
}

.single-project > .page_container {
  padding-top: 0 !important;
}

.hero.hero__project .hero__inner .items {
  position: absolute;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.hero.hero__project .hero__inner .items .item {
  height: 100%;
}
.hero.hero__project .hero__inner .items .item .hero__bg {
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.hero.hero__project .hero__inner .items .item {
  position: relative;
  min-height: calc(100svh - 110px);
}
.hero.hero__project .hero__inner .items .item .hero__bg {
  background-size: cover;
  background-position: center;
}
.hero.hero__project .hero__inner .items .item .hero__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.4;
}
.hero.hero__project .hero__inner .items .item .content {
  margin-block: 0 !important;
  margin-inline: auto !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 1840px !important;
}
.hero.hero__project .hero__inner .items .item .content > span {
  line-height: 1em;
  text-transform: none;
}
.hero.hero__project.hero__style2 .hero__inner .items .item:not(:first-child) {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.hero.hero__project.hero__style2 .hero__inner .items .item .content {
  opacity: 0;
  margin-top: 300px;
}
.hero.hero__project.hero__style2 .hero__inner .items .item .content span,
.hero.hero__project.hero__style2 .hero__inner .items .item .content h1 {
  opacity: 1;
}

/* BLOCKS GLOBAL STUFF */
/*------------------------------------*\
	ARTICLE SECTION 
\*------------------------------------*/
.section.dc-section, .section.error-404, .section.dc-contact-cards, .section.dc-job-board, .section.dc-infoboxes, .section.dc-testimonials, .section.dc-social-media-section, .section.section-slider, .section.dc-news-grid, .section.dc-capability-data-wrapper, .section.dc-projects-carousel, .section.dc-cards, .section.apprenticeships-data, .section.dc-video:not(.expand), .section.dc-text-testimonial, .section.dc-text-block, .section.dc-team-cards, .section.dc-statistics, .section.dc-project-grid, .section.dc-project-data, .section.dc-links-section, .section.dc-intro-section, .section.dc-image-slider, .section.dc-image-text, .section.dc-image-hotboxes, .section.dc-image, .section.dc-hotboxes, .section.dc-cta, .section.dc-capabilities-grid, .section.dc-accordion, .section.dc-logo-carousel {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.section.dc-section > .inner, .section.error-404 > .inner, .section.dc-contact-cards > .inner, .section.dc-job-board > .inner, .section.dc-infoboxes > .inner, .section.dc-testimonials > .inner, .section.dc-social-media-section > .inner, .section.section-slider > .inner, .section.dc-news-grid > .inner, .section.dc-capability-data-wrapper > .inner, .section.dc-projects-carousel > .inner, .section.dc-cards > .inner, .section.apprenticeships-data > .inner, .section.dc-video:not(.expand) > .inner, .section.dc-text-testimonial > .inner, .section.dc-text-block > .inner, .section.dc-team-cards > .inner, .section.dc-statistics > .inner, .section.dc-project-grid > .inner, .section.dc-project-data > .inner, .section.dc-links-section > .inner, .section.dc-intro-section > .inner, .section.dc-image-slider > .inner, .section.dc-image-text > .inner, .section.dc-image-hotboxes > .inner, .section.dc-image > .inner, .section.dc-hotboxes > .inner, .section.dc-cta > .inner, .section.dc-capabilities-grid > .inner, .section.dc-accordion > .inner, .section.dc-logo-carousel > .inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto !important;
  max-width: 1920px;
  z-index: 1;
}
.section.dc-section.fullwidth > .inner, .section.fullwidth.error-404 > .inner, .section.fullwidth.dc-contact-cards > .inner, .section.fullwidth.dc-job-board > .inner, .section.fullwidth.dc-infoboxes > .inner, .section.fullwidth.dc-testimonials > .inner, .section.fullwidth.dc-social-media-section > .inner, .section.fullwidth.section-slider > .inner, .section.fullwidth.dc-news-grid > .inner, .section.fullwidth.dc-capability-data-wrapper > .inner, .section.fullwidth.dc-projects-carousel > .inner, .section.fullwidth.dc-cards > .inner, .section.fullwidth.apprenticeships-data > .inner, .section.fullwidth.dc-video:not(.expand) > .inner, .section.fullwidth.dc-text-testimonial > .inner, .section.fullwidth.dc-text-block > .inner, .section.fullwidth.dc-team-cards > .inner, .section.fullwidth.dc-statistics > .inner, .section.fullwidth.dc-project-grid > .inner, .section.fullwidth.dc-project-data > .inner, .section.fullwidth.dc-links-section > .inner, .section.fullwidth.dc-intro-section > .inner, .section.fullwidth.dc-image-slider > .inner, .section.fullwidth.dc-image-text > .inner, .section.fullwidth.dc-image-hotboxes > .inner, .section.fullwidth.dc-image > .inner, .section.fullwidth.dc-hotboxes > .inner, .section.fullwidth.dc-cta > .inner, .section.fullwidth.dc-capabilities-grid > .inner, .section.fullwidth.dc-accordion > .inner, .section.fullwidth.dc-logo-carousel > .inner, .section.dc-section.full_width > .inner, .section.full_width.error-404 > .inner, .section.full_width.dc-contact-cards > .inner, .section.full_width.dc-job-board > .inner, .section.full_width.dc-infoboxes > .inner, .section.full_width.dc-testimonials > .inner, .section.full_width.dc-social-media-section > .inner, .section.full_width.section-slider > .inner, .section.full_width.dc-news-grid > .inner, .section.full_width.dc-capability-data-wrapper > .inner, .section.full_width.dc-projects-carousel > .inner, .section.full_width.dc-cards > .inner, .section.full_width.apprenticeships-data > .inner, .section.full_width.dc-video:not(.expand) > .inner, .section.full_width.dc-text-testimonial > .inner, .section.full_width.dc-text-block > .inner, .section.full_width.dc-team-cards > .inner, .section.full_width.dc-statistics > .inner, .section.full_width.dc-project-grid > .inner, .section.full_width.dc-project-data > .inner, .section.full_width.dc-links-section > .inner, .section.full_width.dc-intro-section > .inner, .section.full_width.dc-image-slider > .inner, .section.full_width.dc-image-text > .inner, .section.full_width.dc-image-hotboxes > .inner, .section.full_width.dc-image > .inner, .section.full_width.dc-hotboxes > .inner, .section.full_width.dc-cta > .inner, .section.full_width.dc-capabilities-grid > .inner, .section.full_width.dc-accordion > .inner, .section.full_width.dc-logo-carousel > .inner {
  max-width: 100%;
  padding-inline: 0 !important;
}

.section.dc-vert-default, .section.dc-contact-cards, .section.dc-job-board, .section.dc-infoboxes, .section.dc-testimonials, .section.dc-social-media-section, .section.section-slider, .section.dc-cards, .section.apprenticeships-data, .section.dc-video:not(.expand), .section.dc-text-block, .section.dc-statistics, .section.dc-project-grid, .section.dc-image-hotboxes, .section.dc-image, .section.dc-hotboxes, .section.dc-capabilities-grid.style_2 {
  padding-block: 70px;
}
@media only screen and (min-width: 768px) {
  .section.dc-vert-default, .section.dc-contact-cards, .section.dc-job-board, .section.dc-infoboxes, .section.dc-testimonials, .section.dc-social-media-section, .section.section-slider, .section.dc-cards, .section.apprenticeships-data, .section.dc-video:not(.expand), .section.dc-text-block, .section.dc-statistics, .section.dc-project-grid, .section.dc-image-hotboxes, .section.dc-image, .section.dc-hotboxes, .section.dc-capabilities-grid.style_2 {
    padding-block: 90px;
  }
}
@media only screen and (min-width: 950px) {
  .section.dc-vert-default, .section.dc-contact-cards, .section.dc-job-board, .section.dc-infoboxes, .section.dc-testimonials, .section.dc-social-media-section, .section.section-slider, .section.dc-cards, .section.apprenticeships-data, .section.dc-video:not(.expand), .section.dc-text-block, .section.dc-statistics, .section.dc-project-grid, .section.dc-image-hotboxes, .section.dc-image, .section.dc-hotboxes, .section.dc-capabilities-grid.style_2 {
    padding-block: 120px;
  }
}

.section.dc-vert-200, .section.dc-projects-carousel, .section.dc-capabilities-grid, .section.dc-accordion {
  padding-block: clamp(60px, 12vw, 200px);
}

.section.dc-vert-180, .section.dc-image-slider, .section.dc-image-text {
  padding-block: clamp(50px, 10.5vw, 180px);
}

.section.dc-vert-140, .section.error-404, .section.dc-capability-data-wrapper {
  padding-block: clamp(40px, 8vw, 140px);
}

.section.dc-vert-120, .section.dc-intro-section, .section.dc-logo-carousel {
  padding-block: clamp(80px, 8vw, 120px);
}

.section.dc-vert-100, .section.dc-text-testimonial, .section.dc-team-cards {
  padding-block: clamp(30px, 6vw, 100px);
}

.section.dc-vert-80, .section.dc-news-grid, .section.dc-cta {
  padding-block: clamp(30px, 5vw, 80px);
}

.section.dc-vert-60 {
  padding-block: clamp(20px, 4vw, 60px);
}

.section.dc-vert-50 {
  padding-block: clamp(20px, 3vw, 50px);
}

.section.dc-image.full_width > .inner .section_intro, .bottom-sidebar .inner, .section.dc-section > .inner, .section.error-404 > .inner, .section.dc-contact-cards > .inner, .section.dc-job-board > .inner, .section.dc-infoboxes > .inner, .section.dc-testimonials > .inner, .section.dc-social-media-section > .inner, .section.section-slider > .inner, .section.dc-news-grid > .inner, .section.dc-capability-data-wrapper > .inner, .section.dc-projects-carousel > .inner, .section.dc-cards > .inner, .section.apprenticeships-data > .inner, .section.dc-video:not(.expand) > .inner, .section.dc-text-testimonial > .inner, .section.dc-text-block > .inner, .section.dc-team-cards > .inner, .section.dc-statistics > .inner, .section.dc-project-grid > .inner, .section.dc-project-data > .inner, .section.dc-links-section > .inner, .section.dc-intro-section > .inner, .section.dc-image-slider > .inner, .section.dc-image-text > .inner, .section.dc-image-hotboxes > .inner, .section.dc-image > .inner, .section.dc-hotboxes > .inner, .section.dc-cta > .inner, .section.dc-capabilities-grid > .inner, .section.dc-accordion > .inner, .section.dc-logo-carousel > .inner {
  padding-inline: 10px;
}
@media only screen and (min-width: 768px) {
  .section.dc-image.full_width > .inner .section_intro, .bottom-sidebar .inner, .section.dc-section > .inner, .section.error-404 > .inner, .section.dc-contact-cards > .inner, .section.dc-job-board > .inner, .section.dc-infoboxes > .inner, .section.dc-testimonials > .inner, .section.dc-social-media-section > .inner, .section.section-slider > .inner, .section.dc-news-grid > .inner, .section.dc-capability-data-wrapper > .inner, .section.dc-projects-carousel > .inner, .section.dc-cards > .inner, .section.apprenticeships-data > .inner, .section.dc-video:not(.expand) > .inner, .section.dc-text-testimonial > .inner, .section.dc-text-block > .inner, .section.dc-team-cards > .inner, .section.dc-statistics > .inner, .section.dc-project-grid > .inner, .section.dc-project-data > .inner, .section.dc-links-section > .inner, .section.dc-intro-section > .inner, .section.dc-image-slider > .inner, .section.dc-image-text > .inner, .section.dc-image-hotboxes > .inner, .section.dc-image > .inner, .section.dc-hotboxes > .inner, .section.dc-cta > .inner, .section.dc-capabilities-grid > .inner, .section.dc-accordion > .inner, .section.dc-logo-carousel > .inner {
    padding-inline: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-image.full_width > .inner .section_intro, .bottom-sidebar .inner, .section.dc-section > .inner, .section.error-404 > .inner, .section.dc-contact-cards > .inner, .section.dc-job-board > .inner, .section.dc-infoboxes > .inner, .section.dc-testimonials > .inner, .section.dc-social-media-section > .inner, .section.section-slider > .inner, .section.dc-news-grid > .inner, .section.dc-capability-data-wrapper > .inner, .section.dc-projects-carousel > .inner, .section.dc-cards > .inner, .section.apprenticeships-data > .inner, .section.dc-video:not(.expand) > .inner, .section.dc-text-testimonial > .inner, .section.dc-text-block > .inner, .section.dc-team-cards > .inner, .section.dc-statistics > .inner, .section.dc-project-grid > .inner, .section.dc-project-data > .inner, .section.dc-links-section > .inner, .section.dc-intro-section > .inner, .section.dc-image-slider > .inner, .section.dc-image-text > .inner, .section.dc-image-hotboxes > .inner, .section.dc-image > .inner, .section.dc-hotboxes > .inner, .section.dc-cta > .inner, .section.dc-capabilities-grid > .inner, .section.dc-accordion > .inner, .section.dc-logo-carousel > .inner {
    padding-inline: 20px;
  }
}

.d_p_top {
  padding-top: 0 !important;
}

.d_p_bottom {
  padding-bottom: 0 !important;
}

.bg_white + .bg_white, .section.dc-statistics + .bg_white, .bg_white + .section.dc-statistics, .section.dc-statistics + .section.dc-statistics,
.bg_white + script + .bg_white,
.section.dc-statistics + script + .bg_white,
.bg_white + script + .section.dc-statistics,
.section.dc-statistics + script + .section.dc-statistics,
.bg_1 + .bg_1,
.bg_1 + script + .bg_1,
.bg_2 + .bg_2,
.bg_2 + script + .bg_2,
.bg_3 + .bg_3,
.bg_3 + script + .bg_3 {
  padding-top: 0 !important;
}

.section.bg_white, .section.dc-statistics {
  background: var(--light-color);
}
.section.bg_grey, .section.dc-accordion.style_1 {
  background: var(--grey-color);
  margin-inline: 10px;
  border-radius: 30px;
}
@media only screen and (min-width: 768px) {
  .section.bg_grey, .section.dc-accordion.style_1 {
    margin-inline: 20px;
  }
}
.section.bg_dark {
  background: var(--dark-color);
  color: var(--light-color);
}

.section:not(.dc-cta) > .inner > .section_intro:last-child,
.section:not(.dc-cta) .item > .section_intro:last-child {
  margin-bottom: 0 !important;
}
.section:not(.dc-cta) > .inner > .section_intro > .description p:last-child,
.section:not(.dc-cta) .item > .section_intro > .description p:last-child {
  margin: 0;
}
.section:not(.dc-cta) > .inner > .section_intro:not(.center),
.section:not(.dc-cta) .item > .section_intro:not(.center) {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .section:not(.dc-cta) > .inner > .section_intro:not(.center),
.section:not(.dc-cta) .item > .section_intro:not(.center) {
    margin-bottom: 40px;
  }
}
.section:not(.dc-cta) > .inner > .section_intro:not(.center) .title,
.section:not(.dc-cta) .item > .section_intro:not(.center) .title {
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .section:not(.dc-cta) > .inner > .section_intro:not(.center) .title,
.section:not(.dc-cta) .item > .section_intro:not(.center) .title {
    margin-bottom: 12px;
  }
}
.section:not(.dc-cta) > .inner > .section_intro:not(.center) > .button-wrapper,
.section:not(.dc-cta) .item > .section_intro:not(.center) > .button-wrapper {
  position: relative;
  text-align: left;
  margin-top: 23px;
}
.section:not(.dc-cta) > .inner > .section_intro.center, .section.dc-contact-cards:not(.dc-cta) > .inner > .section_intro,
.section:not(.dc-cta) .item > .section_intro.center,
.section:not(.dc-cta) .section.dc-contact-cards > .inner.item > .section_intro {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  margin-bottom: clamp(22px, 2.5vw, 45px) !important;
  padding-right: 0 !important;
  padding-top: clamp(20px, 2vw, 35px);
  text-align: center;
  border-top: 0.5px solid var(--dark-color);
}
.section:not(.dc-cta) > .inner > .section_intro.center > .button-wrapper, .section.dc-contact-cards:not(.dc-cta) > .inner > .section_intro > .button-wrapper,
.section:not(.dc-cta) .item > .section_intro.center > .button-wrapper,
.section:not(.dc-cta) .section.dc-contact-cards > .inner.item > .section_intro > .button-wrapper {
  position: relative;
  right: unset;
  bottom: unset;
  margin-top: 35px;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .section:not(.dc-cta) > .inner > .section_intro.center > .button-wrapper, .section.dc-contact-cards:not(.dc-cta) > .inner > .section_intro > .button-wrapper,
.section:not(.dc-cta) .item > .section_intro.center > .button-wrapper,
.section:not(.dc-cta) .section.dc-contact-cards > .inner.item > .section_intro > .button-wrapper {
    margin-top: 40px;
  }
}

.border-top .section_intro {
  border-top: 1px solid var(--dark-color);
  padding-top: 50px;
}
@media only screen and (min-width: 768px) {
  .border-top .section_intro {
    padding-top: 110px;
  }
}

.section > .inner > .button-wrapper {
  text-align: center;
  margin-top: 50px;
}
@media only screen and (min-width: 768px) {
  .section > .inner > .button-wrapper {
    margin-top: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .section > .inner > .button-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
}
.section > .inner > .button-wrapper a:nth-child(2) {
  margin-left: 16px;
}
@media only screen and (max-width: 767px) {
  .section > .inner > .button-wrapper a:nth-child(2) {
    margin: 20px 0 0 0;
  }
}

.home .header_logo,
.home .main_menu,
.home .toggle-menu-wrap #menu-toggle,
.home .hero h1,
.home .hero h1 .lines-inner > div,
.home .hero h3,
.home .hero h3 .lines-inner > div,
.home .hero .content > span {
  opacity: 1;
}

.hero .show-text h1,
.hero .show-text h1 .lines-inner > div,
.hero .show-text h3,
.hero .show-text h3 .lines-inner > div,
.hero .show-text .content > span {
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .dc_fade_in,
.dc_fade_in_right {
    -ms-transform: translateY(100px);
        transform: translateY(100px);
    opacity: 0;
  }
  .dc_fade_in.dc-card, .dc-project-grid.style_1 .dc_fade_in.item, .section.dc-hotboxes.style_1 > .inner .section_content .items .dc_fade_in.item,
.dc_fade_in_right.dc-card,
.dc-project-grid.style_1 .dc_fade_in_right.item,
.section.dc-hotboxes.style_1 > .inner .section_content .items .dc_fade_in_right.item {
    transition: all 0ms ease-in-out;
  }
  .dc_fade_in_right {
    -ms-transform: translateX(100px);
        transform: translateX(100px);
    opacity: 0;
  }
  .section.dc-capabilities-grid .inner .section_content .items .item {
    -ms-transform: translateY(60px);
        transform: translateY(60px);
    opacity: 0;
  }
  .section.dc-video.expand .content-wrapper .h3 .lines-inner, .section.dc-video.expand .video-wrapper .content-wrapper h2 .lines-inner, .section.dc-video.expand .content-wrapper .section.dc-text-block h2:not(first-child) .lines-inner, .section.dc-text-block .section.dc-video.expand .content-wrapper h2:not(first-child) .lines-inner {
    overflow: hidden;
  }
  .section-slider .inner .h-outer,
.hero__project .inner .items.h-outer {
    overflow-x: hidden;
  }
  .section-slider .inner .h-outer .h-scroller {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .section-slider .inner .h-outer .h-scroller .section-slide {
    height: 100%;
    width: 100%;
  }
  .hero__project .inner .items.h-outer .h-scroller {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .hero__project .inner .items.h-outer .h-scroller .item {
    height: 100%;
    width: 100%;
  }
  .hero.video .video-wrapper {
    opacity: 0;
  }
}
.training-list .hero.hero__style2 > .hero__inner .content h1:before,
.training-list .item.dc-card .content-wrapper .app-code,
.training-list .dc-project-grid.style_1 .item .content-wrapper .app-code,
.dc-project-grid.style_1 .training-list .item .content-wrapper .app-code,
.training-list .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper .app-code,
.section.dc-hotboxes.style_1 > .inner .section_content .items .training-list .item .content-wrapper .app-code,
.training-list .apprenticeships-data .inner > .section_content .item > .right > .info-card ul li span,
.single-training .hero.hero__style2 > .hero__inner .content h1:before,
.single-training .item.dc-card .content-wrapper .app-code,
.single-training .dc-project-grid.style_1 .item .content-wrapper .app-code,
.dc-project-grid.style_1 .single-training .item .content-wrapper .app-code,
.single-training .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper .app-code,
.section.dc-hotboxes.style_1 > .inner .section_content .items .single-training .item .content-wrapper .app-code,
.single-training .apprenticeships-data .inner > .section_content .item > .right > .info-card ul li span {
  color: #F18A00;
}

/*------------------------------------*\
	ARTICLE SECTION COLS 
\*------------------------------------*/
.section > .inner.dc_cols > .section_content .item, .section.error-404 > .inner > .section_content .item, .section.dc-text-testimonial > .inner > .section_content .item, .section.dc-image-text > .inner > .section_content .item, .section.dc-accordion.style_2 > .inner > .section_content .item {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .section > .inner.dc_cols > .section_content .item, .section.error-404 > .inner > .section_content .item, .section.dc-text-testimonial > .inner > .section_content .item, .section.dc-image-text > .inner > .section_content .item, .section.dc-accordion.style_2 > .inner > .section_content .item {
    -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
  }
}
.section > .inner.dc_cols > .section_content .item > .left, .section.error-404 > .inner > .section_content .item > .left, .section.dc-text-testimonial > .inner > .section_content .item > .left, .section.dc-image-text > .inner > .section_content .item > .left, .section.dc-accordion.style_2 > .inner > .section_content .item > .left,
.section > .inner.dc_cols > .section_content .item > .right,
.section.error-404 > .inner > .section_content .item > .right,
.section.dc-text-testimonial > .inner > .section_content .item > .right,
.section.dc-image-text > .inner > .section_content .item > .right,
.section.dc-accordion.style_2 > .inner > .section_content .item > .right {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .section > .inner.dc_cols > .section_content .item, .section.error-404 > .inner > .section_content .item, .section.dc-text-testimonial > .inner > .section_content .item, .section.dc-image-text > .inner > .section_content .item, .section.dc-accordion.style_2 > .inner > .section_content .item {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .section > .inner.dc_cols.image_right .section_content .item, .section.error-404 > .inner.image_right .section_content .item, .section.dc-text-testimonial > .inner.image_right .section_content .item, .section.dc-image-text > .inner.image_right .section_content .item, .section.dc-accordion.style_2 > .inner.image_right .section_content .item,
.section > .inner.dc_cols > .section_content .item.image_right,
.section.error-404 > .inner > .section_content .item.image_right,
.section.dc-text-testimonial > .inner > .section_content .item.image_right,
.section.dc-image-text > .inner > .section_content .item.image_right,
.section.dc-accordion.style_2 > .inner > .section_content .item.image_right {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
.section > .inner.dc_cols.align-center > .section_content .item > .right, .section.error-404 > .inner.align-center > .section_content .item > .right, .section.dc-text-testimonial > .inner.align-center > .section_content .item > .right, .section.dc-image-text > .inner.align-center > .section_content .item > .right, .section.dc-accordion.style_2 > .inner.align-center > .section_content .item > .right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center !important;
      justify-content: center !important;
}

@media only screen and (min-width: 768px) {
  .section > .inner.col_50_50 > .section_content .item .left, .section.error-404 > .inner > .section_content .item .left, .section.dc-text-testimonial > .inner > .section_content .item .left, .section.dc-image-text2.default > .inner > .section_content .item .left, .section.dc-image-text > .inner > .section_content .item .left,
.section > .inner.col_50_50 > .section_content .item .right,
.section.error-404 > .inner > .section_content .item .right,
.section.dc-text-testimonial > .inner > .section_content .item .right,
.section.dc-image-text2.default > .inner > .section_content .item .right,
.section.dc-image-text > .inner > .section_content .item .right {
    width: 49.998%;
  }
}

@media only screen and (min-width: 768px) {
  .section > .inner.col_33_66 > .section_content .item .left {
    -ms-flex: 1;
        flex: 1;
  }
  .section > .inner.col_33_66 > .section_content .item .right {
    width: 33%;
    min-width: 330px;
  }
}

@media only screen and (min-width: 768px) {
  .section > .inner.col_66_33 > .section_content .item .left {
    -ms-flex: 1;
        flex: 1;
  }
  .section > .inner.col_66_33 > .section_content .item .right {
    width: 66%;
  }
}

@media only screen and (min-width: 768px) {
  .section > .inner.col_40_60 > .section_content .item .left, .section.dc-image-text2.col_40_60 > .inner > .section_content .item .left {
    -ms-flex: 1;
        flex: 1;
  }
  .section > .inner.col_40_60 > .section_content .item .right, .section.dc-image-text2.col_40_60 > .inner > .section_content .item .right {
    width: 41%;
  }
}

/*------------------------------------*\
	DC GRID ITEMS
\*------------------------------------*/
.grid-items:not(.grid), .section.dc-contact-cards > .inner .section_content .items:not(.grid), .section.dc-image-hotboxes > .inner .section_content .items:not(.grid), .section.dc-hotboxes > .inner .section_content .items:not(.grid) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 650px) {
  .grid-items:not(.grid), .section.dc-contact-cards > .inner .section_content .items:not(.grid), .section.dc-image-hotboxes > .inner .section_content .items:not(.grid), .section.dc-hotboxes > .inner .section_content .items:not(.grid) {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0;
    margin-bottom: -15px;
  }
}
.grid-items:not(.grid) .slick-list, .section.dc-contact-cards > .inner .section_content .items:not(.grid) .slick-list, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid) .slick-list, .section.dc-hotboxes > .inner .section_content .items:not(.grid) .slick-list {
  overflow: visible;
}
.grid-items:not(.grid) .slick-list .slick-track, .section.dc-contact-cards > .inner .section_content .items:not(.grid) .slick-list .slick-track, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid) .slick-list .slick-track, .section.dc-hotboxes > .inner .section_content .items:not(.grid) .slick-list .slick-track {
  display: -ms-flexbox;
  display: flex;
}
.grid-items:not(.grid).col2, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col2, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col2, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col2 {
  width: calc(100% + 20px);
}
@media only screen and (max-width: 650px) {
  .grid-items:not(.grid).col2, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col2, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col2, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col2 {
    width: 100%;
  }
}
.grid-items:not(.grid).col2 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col2 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col2 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col2 .item {
  width: calc(calc(100% / 2) - 20px);
  margin-right: 20px;
}
@media only screen and (max-width: 650px) {
  .grid-items:not(.grid).col2 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col2 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col2 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col2 .item {
    width: 100%;
    margin-right: 0;
  }
}
.grid-items:not(.grid).col3, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col3, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col3, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col3 {
  width: calc(100% + 20px);
}
@media only screen and (max-width: 1099px) {
  .grid-items:not(.grid).col3, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col3, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col3, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col3 {
    width: calc(100% + 30px);
  }
}
@media only screen and (max-width: 650px) {
  .grid-items:not(.grid).col3, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col3, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col3, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col3 {
    width: 100%;
  }
}
.grid-items:not(.grid).col3 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col3 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col3 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col3 .item {
  width: calc(calc(100% / 3) - 20px);
  margin-right: 20px;
}
@media only screen and (max-width: 1099px) {
  .grid-items:not(.grid).col3 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col3 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col3 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col3 .item {
    width: calc(33.3333333333% - 30px);
    margin-right: 30px;
  }
}
@media only screen and (max-width: 849px) {
  .grid-items:not(.grid).col3 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col3 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col3 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col3 .item {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 650px) {
  .grid-items:not(.grid).col3 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col3 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col3 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col3 .item {
    width: 100%;
  }
}
.grid-items:not(.grid).col4, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col4, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col4, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col4 {
  width: calc(100% + 20px);
}
@media only screen and (max-width: 1099px) {
  .grid-items:not(.grid).col4, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col4, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col4, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col4 {
    width: calc(100% + 30px);
  }
}
@media only screen and (max-width: 767px) {
  .grid-items:not(.grid).col4, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col4, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col4, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col4 {
    width: 100%;
  }
}
.grid-items:not(.grid).col4 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col4 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col4 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col4 .item {
  width: calc(calc(100% / 4) - 20px);
  margin-right: 20px;
}
@media only screen and (max-width: 1099px) {
  .grid-items:not(.grid).col4 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col4 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col4 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col4 .item {
    width: calc(50% - 30px);
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .grid-items:not(.grid).col4 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col4 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col4 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col4 .item {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 650px) {
  .grid-items:not(.grid).col4 .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).col4 .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col4 .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).col4 .item {
    width: 100%;
    margin-right: 0;
  }
}
.grid-items:not(.grid).slick-slider, .section.dc-contact-cards > .inner .section_content .items:not(.grid).slick-slider, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).slick-slider, .section.dc-hotboxes > .inner .section_content .items:not(.grid).slick-slider {
  display: block;
  width: calc(100% + 30px);
}
@media only screen and (max-width: 1099px) {
  .grid-items:not(.grid).slick-slider, .section.dc-contact-cards > .inner .section_content .items:not(.grid).slick-slider, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).slick-slider, .section.dc-hotboxes > .inner .section_content .items:not(.grid).slick-slider {
    width: calc(100% + 20px);
  }
}
@media only screen and (max-width: 650px) {
  .grid-items:not(.grid).slick-slider, .section.dc-contact-cards > .inner .section_content .items:not(.grid).slick-slider, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).slick-slider, .section.dc-hotboxes > .inner .section_content .items:not(.grid).slick-slider {
    width: calc(100% + 8px);
  }
}
.grid-items:not(.grid).slick-slider .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).slick-slider .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).slick-slider .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).slick-slider .item {
  margin-right: 30px;
}
@media only screen and (max-width: 1099px) {
  .grid-items:not(.grid).slick-slider .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).slick-slider .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).slick-slider .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).slick-slider .item {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 650px) {
  .grid-items:not(.grid).slick-slider .item, .section.dc-contact-cards > .inner .section_content .items:not(.grid).slick-slider .item, .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).slick-slider .item, .section.dc-hotboxes > .inner .section_content .items:not(.grid).slick-slider .item {
    margin-right: 8px;
  }
}

/*------------------------------------*\
	DC CARD
\*------------------------------------*/
:root {
  --card-margin-bottom: 60px;
}

.item.dc-card, .dc-project-grid.style_1 .item, .section.dc-hotboxes.style_1 > .inner .section_content .items .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  margin-bottom: 10px;
  margin-right: 10px !important;
  padding: clamp(20px, 3vw, 40px) clamp(25px, 2vw, 40px) clamp(100px, 13vw, 160px) clamp(35px, 4vw, 80px);
  background: var(--grey-color);
  border-radius: 20px;
  transition: all 250ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .item.dc-card, .dc-project-grid.style_1 .item, .section.dc-hotboxes.style_1 > .inner .section_content .items .item {
    margin-bottom: 20px;
    margin-right: 20px !important;
  }
}
.item.dc-card.slick-slide, .dc-project-grid.style_1 .item.slick-slide, .section.dc-hotboxes.style_1 > .inner .section_content .items .item.slick-slide {
  margin-bottom: 0;
  height: unset !important;
}
.item.dc-card .image-wrapper, .dc-project-grid.style_1 .item .image-wrapper, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .image-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: clamp(60px, 11vw, 175px);
  height: clamp(60px, 11vw, 175px);
  margin-left: auto;
  background-size: cover;
  overflow: hidden;
  border-radius: 100px;
  -ms-flex-order: 1;
      order: 1;
}
.item.dc-card .image-wrapper img, .dc-project-grid.style_1 .item .image-wrapper img, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .image-wrapper img {
  display: block;
  object-fit: cover;
  width: 100%;
  transition: all 250ms ease-in-out;
}
@media (hover: hover) {
  .item.dc-card .image-wrapper:has(+ div + .overlay:hover, + .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover div + .overlay.dc-btn) img, .dc-project-grid.style_1 .item .image-wrapper:has(+ div + .overlay:hover, + .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover div + .overlay.dc-btn) img, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .image-wrapper:has(+ div + .overlay:hover, + .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover div + .overlay.dc-btn) img {
    -ms-transform: scale(1.1);
        transform: scale(1.1);
  }
}
.item.dc-card .content-wrapper, .dc-project-grid.style_1 .item .content-wrapper, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper {
  -ms-flex-order: 2;
      order: 2;
  transition: all 150ms ease-in-out;
}
.item.dc-card .content-wrapper > *, .dc-project-grid.style_1 .item .content-wrapper > *, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper > * {
  margin-bottom: 0;
  padding-bottom: 0;
}
.item.dc-card .content-wrapper .app-code, .dc-project-grid.style_1 .item .content-wrapper .app-code, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper .app-code {
  color: #00ABDD;
  margin-bottom: 10px;
}
.item.dc-card .content-wrapper h3, .dc-project-grid.style_1 .item .content-wrapper h3, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper h3 {
  margin-bottom: clamp(15px, 1.5vw, 25px);
}
.item.dc-card .content-wrapper strong, .dc-project-grid.style_1 .item .content-wrapper strong, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper strong {
  display: block;
  margin-bottom: clamp(10px, 1vw, 15px);
}
.item.dc-card .button-wrapper, .dc-project-grid.style_1 .item .button-wrapper, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .button-wrapper {
  margin-top: 15px;
  -ms-flex-order: 3;
      order: 3;
  display: none;
}
.item.dc-card .button-wrapper a, .dc-project-grid.style_1 .item .button-wrapper a, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .button-wrapper a {
  position: relative;
}
.item.dc-card a.overlay::after, .dc-project-grid.style_1 .item a.overlay::after, .section.dc-hotboxes.style_1 > .inner .section_content .items .item a.overlay::after {
  content: "";
  background-image: url("../img/arrow-right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--light-color);
  background-size: clamp(12px, 1vw, 18px);
  width: clamp(48px, 3vw, 60px);
  height: clamp(48px, 3vw, 60px);
  border-radius: 100%;
  position: absolute;
  top: 10px;
  right: 10px;
}
.item.dc-card a.overlay:after, .dc-project-grid.style_1 .item a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section_content .items .item a.overlay:after {
  bottom: clamp(35px, 2.7vw, 50px);
  left: clamp(35px, 4vw, 80px);
  top: unset;
}

/*------------------------------------*\
  DC CAROUSELS
\*------------------------------------*/
:root {
  --cards-carousel-minus-margin: -15px;
  --cards-carousel-card-margin-right: 15px;
}

.section.dc-logo-carousel {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .section.dc-logo-carousel > .inner {
    padding-inline: 0 !important;
  }
  .section.dc-logo-carousel > .inner .items {
    -ms-transform: scale(0.75);
        transform: scale(0.75);
    width: 140%;
    margin-left: -20%;
  }
}
.section.dc-logo-carousel .slick-list {
  overflow: visible;
}
.section.dc-logo-carousel .slick-track {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.section.dc-logo-carousel .slick-track > .item {
  padding: 0 50px;
}
.section.dc-logo-carousel .section_content > .description {
  margin-top: clamp(45px, 7vw, 75px);
}
.section.dc-logo-carousel .section_content > .description p {
  text-align: center;
  max-width: 800px;
  margin-inline: auto;
}

/*
.section.dc-cards-carousel {

	> .inner {

		.slick-slider {
			overflow: hidden;
		}

		.slick-list {
			margin-inline: var(--cards-carousel-minus-margin);

			.item {
				display: flex !important;
				margin: 0 var(--cards-carousel-card-margin-right);
			}
		}
	}
}

.section.dc-image-video-carousel,
.section.dc-image-text-slider {

	.slick-slide {

		.left {

			.image-wrapper {

				img {
					object-fit: cover;
					width: 100%;
					aspect-ratio: 1.8/1;
				}
			}

			@include video_overlay();
		}

		.right {
			margin-top: 15px;

			.button-wrapper {
				margin-top: 15px;				
			}
		}
	}
}

.section.dc-image-video-carousel {

	.thumbnail-wrapper {
		margin-top: 30px;

		.slick-track {
			display: flex;
		}

		.thumbnail {
			@extend .dc-card;
			height: unset;

			.thumb-image-wrapper {
				display: flex;
				height: 100%;

				img {
					object-fit: cover;
					min-width: 100%;
				}
			}

			p {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				padding: 10px 16px;
				margin: 0;

				color: white;
				background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
			}
		}
	}
}

.section.dc-image-slider {

	.slick-slide {

		img {
			object-fit: cover;
			width: 100%;
			aspect-ratio: 1.8/1;
		}
	}
}
*/
/*------------------------------------*\

POST GRID - FILTER

\*------------------------------------*/
.section-filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  margin-bottom: 50px;
  z-index: 100;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .section-filters {
    margin-bottom: 25px;
  }
}
.section-filters h4 {
  margin: 0;
  padding-left: 0 !important;
  width: 20%;
  min-width: 220px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1em;
}
.section-filters .clear-filters {
  width: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  line-height: 1em;
  display: none;
}
.section-filters .filters:not(.clear-filters) {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  border: 1px solid var(--dark-color);
  border-radius: 26px;
  padding-block: 12px;
  padding-inline: clamp(10px, 1.2vw, 25px);
  margin-left: 0.9vw;
  -ms-flex: 1;
      flex: 1;
  line-height: 1em;
}
.section-filters .filters:not(.clear-filters) .value {
  color: var(--purple-color);
  margin-left: 20px;
}
.section-filters .filters:not(.clear-filters):hover, .section-filters .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .filters.dc-btn:not(.clear-filters), .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section-filters .filters.dc-btn:not(.clear-filters) {
  color: var(--theme-color);
}
.section-filters .filters:not(.clear-filters):hover .dropdown-content, .section-filters .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .filters.dc-btn:not(.clear-filters) .dropdown-content, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section-filters .filters.dc-btn:not(.clear-filters) .dropdown-content {
  opacity: 1;
}
.section-filters .filters:not(.clear-filters) .dropdown-label {
  color: var(--dark-color);
  line-height: 1em;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.section-filters .filters:not(.clear-filters) .filter-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 auto;
  max-width: 1080px;
  padding: 0;
  -ms-flex-direction: column;
      flex-direction: column;
}
.section-filters .filters:not(.clear-filters) .filter-items li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-filters .filters:not(.clear-filters) .filter-items li a {
  cursor: pointer;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  white-space: nowrap;
}
.section-filters .filters:not(.clear-filters).dc-dropdown {
  position: relative;
}
.section-filters .filters:not(.clear-filters).dc-dropdown .dropdown-content {
  position: absolute;
  top: 100%;
  left: -1px;
  width: calc(100% + 2px);
  padding: 0px clamp(10px, 1.2vw, 25px) clamp(10px, 1.2vw, 25px);
  display: none;
  background: white;
  border-radius: 0 0 30px 30px;
  border: 1px solid var(--dark-color);
  border-width: 0 1px 1px 1px;
}
.section-filters .filters:not(.clear-filters).dc-dropdown .dropdown-content.active-mt {
  display: block;
}
.section-filters .filters:not(.clear-filters).dc-dropdown .dropdown-content ul li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.section-filters .filters:not(.clear-filters).dc-dropdown .dropdown-content ul li a {
  display: block;
  text-transform: none;
}
.section-filters .filters:not(.clear-filters) form {
  width: 100%;
  padding-right: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.section-filters .filters:not(.clear-filters) form input {
  border: 0 none;
  padding: 0;
  margin: 0;
}
.section-filters .filters:not(.clear-filters) form button {
  background: none;
  border: 0 none;
  color: var(--purple-color);
}
.section-filters .filters:has(.dropdown-content.active-mt) {
  border-radius: 26px 26px 0 0;
}

.section-pagination {
  margin-top: 70px;
  text-align: center;
}

.dc-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-shadow: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, 0.2);
}
.dc-loader img {
  max-width: 100px;
}

/* BLOCKS */
/*------------------------------------*\
  ACCORDION
\*------------------------------------*/
.section.dc-accordion {
  position: relative;
  z-index: 11;
}
.section.dc-accordion .accordion {
  padding-block: 30px;
  padding-inline: clamp(20px, 2vw, 40px);
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  position: relative;
  margin-bottom: 4px;
}
.section.dc-accordion .accordion:after {
  content: "+";
  position: absolute;
  right: clamp(20px, 2vw, 40px);
  top: 25px;
  width: 36px;
  height: 33px;
  padding-bottom: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #8ABD24;
  border-radius: 40px;
  font-size: 30px;
  font-weight: 400 !important;
  color: var(--light-color);
  cursor: pointer;
  transition: all 150ms ease-in-out;
}
.section.dc-accordion .accordion:after:hover, .section.dc-accordion .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .accordion.dc-btn:after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-accordion .accordion.dc-btn:after {
  color: var(--theme2-color);
}
.section.dc-accordion .accordion .title {
  position: relative;
  z-index: 100;
  cursor: pointer;
}
.section.dc-accordion .accordion .title h3 {
  margin-bottom: 0;
  padding-right: clamp(50px, 6vw, 100px);
  -ms-flex: 1;
      flex: 1;
  transition: all 350ms ease-in-out;
}
.section.dc-accordion .accordion .content {
  overflow: hidden;
  max-height: 0;
  max-width: 1100px;
  padding-right: clamp(50px, 6vw, 100px);
  transition: max-height 0.2s ease-in-out;
}
.section.dc-accordion .accordion .content .content-wrap {
  padding-block: 20px;
}
.section.dc-accordion .accordion .image-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 262px;
  max-height: 36vw;
  transition: all 350ms ease-in-out;
}
@media only screen and (max-width: 767px) {
  .section.dc-accordion .accordion .image-wrapper {
    margin-bottom: 50px;
    max-height: 80vw;
    width: 100%;
  }
}
.section.dc-accordion .accordion .image-wrapper img {
  aspect-ratio: 1.5/1;
  width: 100%;
  object-fit: cover;
}
.section.dc-accordion .accordion.active:after {
  content: "-";
  background: var(--theme2-color);
}
.section.dc-accordion .accordion.active .content {
  max-height: 3000px;
  transition: max-height 1.5s ease-in-out;
}
.section.dc-accordion .accordion:not(.active) {
  cursor: pointer;
  transition: all 250ms ease-in-out;
}
.section.dc-accordion.style_1 {
  padding-block: 0 !important;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .section.dc-accordion.style_1 {
    margin-bottom: 20px;
  }
}
.section.dc-accordion.style_1 .section_intro,
.section.dc-accordion.style_1 .section_content {
  padding-inline: clamp(15px, 3vw, 80px);
}
@media only screen and (min-width: 1200px) {
  .section.dc-accordion.style_1 .section_intro,
.section.dc-accordion.style_1 .section_content {
    padding-inline: clamp(70px, 11vw, 210px);
  }
}
.section.dc-accordion.style_1 .inner {
  padding-block: clamp(60px, 12vw, 160px);
}
.section.dc-accordion.style_1 .accordion {
  background: var(--light-color);
}
@media only screen and (min-width: 768px) {
  .section.dc-accordion.style_2 > .inner .section_content {
    padding-inline: clamp(35px, 4vw, 80px);
  }
}
.section.dc-accordion.style_2 > .inner .left:after {
  content: "";
  position: absolute;
  width: clamp(70px, 7vw, 140px);
  height: 340px;
  height: clamp(172px, 17vw, 340px);
  background-image: url(../img/arrow-group-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
}
.section.dc-accordion.style_2 > .inner .left:after {
  top: clamp(-70px, -3.5vw, -20px);
}
.section.dc-accordion.style_2 > .inner .left:after {
  left: clamp(40px, -0.1059rem + 3.9529vw, 3.6rem);
}
.section.dc-accordion.style_2 > .inner .left:after {
  filter: invert(62%) sepia(30%) saturate(6840%) hue-rotate(9deg) brightness(101%) contrast(107%);
}
.section.dc-accordion.style_2 > .inner .left .image-wrapper {
  position: relative;
  width: 100%;
  max-width: 860px;
  margin-bottom: 20px;
  border-radius: 30px;
  overflow: hidden;
  padding-inline: 5%;
}
@media only screen and (max-width: 767px) {
  .section.dc-accordion.style_2 > .inner .left .image-wrapper {
    margin-top: 30px !important;
  }
}
.section.dc-accordion.style_2 > .inner .left .image-wrapper > img {
  display: block;
  width: 100%;
  -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}
.section.dc-accordion.style_2 > .inner .right {
  position: relative;
  margin-inline: auto 0;
  max-width: 755px;
}
@media only screen and (min-width: 768px) {
  .section.dc-accordion.style_2 > .inner .right {
    padding-left: clamp(30px, 2.5vw, 50px);
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-accordion.style_2 > .inner .right {
    margin-bottom: 40px;
  }
}
.section.dc-accordion.style_2 > .inner .right .section_intro {
  max-width: 650px;
}
.section.dc-accordion.style_2 .accordion {
  background: var(--grey-color);
}
.apprenticeships-data .section.dc-accordion {
  padding-block: clamp(40px, 6vw, 100px);
}
.apprenticeships-data .section.dc-accordion .left {
  display: none;
}
.apprenticeships-data .section.dc-accordion > .inner > .section_content {
  padding-inline: 0;
}
.apprenticeships-data .section.dc-accordion > .inner > .section_content > .item .right {
  padding-inline: 0;
  margin-inline: 0;
  max-width: 100%;
}
.apprenticeships-data .section.dc-accordion > .inner > .section_content > .item .right .section_intro {
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.apprenticeships-data .section.dc-accordion > .inner > .section_content > .item .right .accordion-wrapper {
  padding: 0;
  max-width: 100%;
}

.section.dc-accordion.style_2 > .inner .left:has(.accordion-wrapper):after {
  display: none;
}

/*------------------------------------*\
    INTRO SECTION
\*------------------------------------*/
.section.dc-capabilities-grid {
  overflow: hidden;
  max-width: 2200px;
  margin-inline: auto;
  border-inline: 20px solid white;
}
.section.dc-capabilities-grid .inner {
  position: relative;
}
.section.dc-capabilities-grid .inner .section_intro {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  margin-bottom: clamp(22px, 2.5vw, 45px) !important;
  padding-right: 0 !important;
  padding-top: clamp(20px, 2vw, 35px);
  text-align: center;
  border-top: 0.5px solid var(--dark-color);
  border-top: 0;
}
.section.dc-capabilities-grid.style_1 .section_content .items, .section.dc-capabilities-grid.style_2 .section_content .items {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
@media only screen and (min-width: 768px) {
  .section.dc-capabilities-grid.style_1 .section_content .items, .section.dc-capabilities-grid.style_2 .section_content .items {
    gap: 30px;
  }
}
.section.dc-capabilities-grid.style_1 .section_content .items .item, .section.dc-capabilities-grid.style_2 .section_content .items .item {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  position: relative;
  padding: 20px;
  color: #424444;
  aspect-ratio: 1/0.7;
  width: calc(50% - 8px);
}
@media only screen and (min-width: 768px) {
  .section.dc-capabilities-grid.style_1 .section_content .items .item, .section.dc-capabilities-grid.style_2 .section_content .items .item {
    padding-top: clamp(30px, 4vw, 50px);
    padding-bottom: clamp(30px, 4vw, 60px);
    padding-left: clamp(30px, 3vw, 30px);
    padding-right: clamp(30px, 4vw, 50px);
    width: calc(33.333% - 20px);
  }
}
@media only screen and (min-width: 1360px) {
  .section.dc-capabilities-grid.style_1 .section_content .items .item, .section.dc-capabilities-grid.style_2 .section_content .items .item {
    width: calc(25% - 22.5px);
  }
  .section.dc-capabilities-grid.style_1 .section_content .items .item:nth-child(5), .section.dc-capabilities-grid.style_2 .section_content .items .item:nth-child(5) {
    margin-left: 1px;
  }
}
.section.dc-capabilities-grid.style_1 .section_content .items .item:before, .section.dc-capabilities-grid.style_2 .section_content .items .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.section.dc-capabilities-grid.style_1 .section_content .items .item .bg-image, .section.dc-capabilities-grid.style_2 .section_content .items .item .bg-image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -webkit-clip-path: polygon(0 calc(100% - clamp(40px, 4vw, 60px)), clamp(40px, 4vw, 60px) calc(100% - clamp(40px, 4vw, 60px)), clamp(40px, 4vw, 60px) 100%, 0 100%);
          clip-path: polygon(0 calc(100% - clamp(40px, 4vw, 60px)), clamp(40px, 4vw, 60px) calc(100% - clamp(40px, 4vw, 60px)), clamp(40px, 4vw, 60px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: all 300ms ease-in-out;
}
.section.dc-capabilities-grid.style_1 .section_content .items .item .bg-image img, .section.dc-capabilities-grid.style_2 .section_content .items .item .bg-image img {
  width: 100%;
  object-fit: cover;
}
.section.dc-capabilities-grid.style_1 .section_content .items .item .bg-image:after, .section.dc-capabilities-grid.style_2 .section_content .items .item .bg-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.2);
}
.section.dc-capabilities-grid.style_1 .section_content .items .item h3, .section.dc-capabilities-grid.style_2 .section_content .items .item h3 {
  position: relative;
  z-index: 2;
  margin: 0;
  min-height: 100%;
  width: 100%;
  font-size: clamp(20px, 4vw, 33px);
  line-height: 1.22em;
  color: var(--light-color);
  transition: all 350ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .section.dc-capabilities-grid.style_1 .section_content .items .item h3, .section.dc-capabilities-grid.style_2 .section_content .items .item h3 {
    font-size: clamp(20px, 2.4vw, 33px);
  }
}
@media only screen and (min-width: 1360px) {
  .section.dc-capabilities-grid.style_1 .section_content .items .item h3, .section.dc-capabilities-grid.style_2 .section_content .items .item h3 {
    font-size: clamp(20px, 1.8vw, 33px);
  }
}
.section.dc-capabilities-grid.style_1 .section_content .items .item .button-wrapper, .section.dc-capabilities-grid.style_2 .section_content .items .item .button-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  width: clamp(40px, 4vw, 60px);
  transition: all 300ms ease-in-out;
}
.section.dc-capabilities-grid.style_1 .section_content .items .item .button-wrapper .dc-btn2, .section.dc-capabilities-grid.style_2 .section_content .items .item .button-wrapper .dc-btn2 {
  width: clamp(40px, 4vw, 60px);
  height: clamp(40px, 4vw, 60px);
}
.section.dc-capabilities-grid.style_1 .section_content .items .item .button-wrapper .dc-btn2:after, .section.dc-capabilities-grid.style_2 .section_content .items .item .button-wrapper .dc-btn2:after {
  background-size: clamp(10px, 1.3vw, 16px);
  background-position: center;
}
.section.dc-capabilities-grid.style_1 .section_content .items .item:hover, .section.dc-capabilities-grid.style_1 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_1 .section_content .items .item:hover .item.dc-btn, .section.dc-capabilities-grid.style_2 .section_content .items .item:hover, .section.dc-capabilities-grid.style_2 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_2 .section_content .items .item:hover .item.dc-btn {
  -ms-flex-align: end;
      align-items: flex-end;
}
.section.dc-capabilities-grid.style_1 .section_content .items .item:hover h3, .section.dc-capabilities-grid.style_1 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn h3, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_1 .section_content .items .item:hover .item.dc-btn h3, .section.dc-capabilities-grid.style_2 .section_content .items .item:hover h3, .section.dc-capabilities-grid.style_2 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn h3, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_2 .section_content .items .item:hover .item.dc-btn h3 {
  min-height: 20px;
}
.section.dc-capabilities-grid.style_1 .section_content .items .item:hover .button-wrapper, .section.dc-capabilities-grid.style_1 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn .button-wrapper, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_1 .section_content .items .item:hover .item.dc-btn .button-wrapper, .section.dc-capabilities-grid.style_2 .section_content .items .item:hover .button-wrapper, .section.dc-capabilities-grid.style_2 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn .button-wrapper, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_2 .section_content .items .item:hover .item.dc-btn .button-wrapper {
  height: clamp(40px, 4vw, 60px);
}
@media only screen and (max-width: 767px) {
  .section.dc-capabilities-grid.style_1 .section_content .items .item, .section.dc-capabilities-grid.style_2 .section_content .items .item {
    -ms-flex-align: end;
        align-items: flex-end;
  }
  .section.dc-capabilities-grid.style_1 .section_content .items .item h3, .section.dc-capabilities-grid.style_2 .section_content .items .item h3 {
    min-height: 20px;
  }
  .section.dc-capabilities-grid.style_1 .section_content .items .item .button-wrapper, .section.dc-capabilities-grid.style_2 .section_content .items .item .button-wrapper {
    height: clamp(40px, 4vw, 60px);
  }
}
.section.dc-capabilities-grid.style_1 {
  padding-bottom: 140px !important;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .section.dc-capabilities-grid.style_1 {
    padding-bottom: 180px !important;
  }
}
@media only screen and (min-width: 950px) {
  .section.dc-capabilities-grid.style_1 {
    padding-bottom: 230px !important;
  }
}
.section.dc-capabilities-grid.style_1 .inner:after {
  content: "";
  position: absolute;
  bottom: -110px;
  right: 20px;
  width: 76px;
  height: 76px;
  background: url(../img/brandmark-outline.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .section.dc-capabilities-grid.style_1 .inner:after {
    bottom: -150px;
    right: 60px;
    width: 96px;
    height: 96px;
  }
}
@media only screen and (min-width: 950px) {
  .section.dc-capabilities-grid.style_1 .inner:after {
    bottom: -200px;
    right: 90px;
    width: 116px;
    height: 116px;
  }
}
.section.dc-capabilities-grid.style_1 .inner > .section_content .items .item {
  background: #FFFFFF;
}
.section.dc-capabilities-grid.style_1 .inner > .section_content .items .item:before {
  border: 1px solid var(--grey-color);
}
.section.dc-capabilities-grid.style_2 {
  position: relative;
  overflow: hidden;
}
.section.dc-capabilities-grid.style_2 .inner .section_content .items .item {
  background: #FFFFFF;
}
.section.dc-capabilities-grid.style_2 .inner .section_content .items .item:before {
  border: 1px solid var(--grey-color);
  background: #FFFFFF;
}
.section.dc-capabilities-grid.style_1, .section.dc-capabilities-grid.style_3:not(.no-blue) {
  padding-top: 0 !important;
}
.section.dc-capabilities-grid.style_1 .background-image, .section.dc-capabilities-grid.style_3:not(.no-blue) .background-image {
  height: clamp(220px, 31vw, 600px);
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.section.dc-capabilities-grid.style_1 .background-image:before, .section.dc-capabilities-grid.style_3:not(.no-blue) .background-image:before {
  content: "";
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  height: 20px;
  width: 100%;
  background: white;
  display: block;
  z-index: 10;
}
.section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box {
  position: relative;
  width: 100%;
  margin-top: clamp(-30px, -20vw, -120px);
  margin-bottom: clamp(30px, 5vw, 120px);
  padding: 0;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box {
    width: calc(66.666% - 15px);
    margin-top: clamp(-340px, -20vw, -120px);
  }
}
@media only screen and (min-width: 1360px) {
  .section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box {
    width: 63%;
  }
}
.section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box .title-wrapper, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box .title-wrapper {
  background: var(--theme-color);
  width: 100%;
  padding: 8.5vw 4vw;
}
@media only screen and (min-width: 1200px) {
  .section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box .title-wrapper, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box .title-wrapper {
    padding: 90px 60px;
  }
}
.section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box .label, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box .label {
  color: var(--light-color);
  display: block;
  margin-bottom: 25px;
}
.section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box h2, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box h2 {
  color: var(--light-color);
  margin-bottom: 0;
}
.section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box h2 a, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box h2 a {
  color: var(--light-color);
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0.08em;
  text-decoration-skip-ink: none;
}
.section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box h2 a:hover, .section.dc-capabilities-grid.style_1 .section.dc-hotboxes.style_2 > .inner .inner > .section_content > .title-box h2 .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box h2 .items .item:hover a.dc-btn, .section.dc-capabilities-grid.style_1 .section.dc-hotboxes.style_2 > .inner .inner > .section_content > .title-box .items .item:hover h2 a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box .items .item:hover h2 a.dc-btn, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box h2 a:hover, .section.dc-capabilities-grid.style_3:not(.no-blue) .section.dc-hotboxes.style_2 > .inner .inner > .section_content > .title-box h2 .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box h2 .items .item:hover a.dc-btn, .section.dc-capabilities-grid.style_3:not(.no-blue) .section.dc-hotboxes.style_2 > .inner .inner > .section_content > .title-box .items .item:hover h2 a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box .items .item:hover h2 a.dc-btn {
  color: var(--dark-color);
  -webkit-text-decoration-color: var(--dark-color);
          text-decoration-color: var(--dark-color);
}
.section.dc-capabilities-grid.style_1 .inner > .section_content > .title-box h2 p, .section.dc-capabilities-grid.style_3:not(.no-blue) .inner > .section_content > .title-box h2 p {
  line-height: 1.15em;
}
@media only screen and (max-width: 849px) {
  .section.dc-capabilities-grid.style_3 .inner {
    padding-inline: 0;
  }
}
@media only screen and (max-width: 849px) {
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media only screen and (min-width: 850px) {
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items {
    display: grid;
    margin-inline: -30px;
    grid-template-columns: repeat(auto-fill, calc(12.4% - 10px) calc(12% - 10px) calc(12% - 10px) calc(12% - 10px) calc(13% - 10px) calc(13% - 10px) calc(13% - 10px) calc(13.3% - 10px));
    grid-template-rows: repeat(3, 1fr);
    gap: 10px;
  }
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  position: relative;
  padding: 15px 15px 15px 15px;
  color: var(--light-color);
}
@media only screen and (min-width: 768px) {
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item {
    padding-bottom: clamp(15px, 2vw, 35px);
    padding-left: clamp(15px, 2.4vw, 35px);
    padding-right: clamp(15px, 2vw, 20px);
  }
}
@media only screen and (max-width: 849px) {
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item {
    width: calc(50% - 5px);
    max-height: 36vw;
    height: 200px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 850px) {
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item.s-1 {
    grid-column: span 4;
    height: 340px;
    max-height: 17vw;
  }
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item.s-2 {
    grid-column: span 4;
  }
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item.s-3 {
    grid-column: span 3;
  }
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item.s-4 {
    grid-column: span 3;
  }
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item.s-5 {
    grid-column: span 2;
  }
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item.s-6 {
    grid-column: span 2;
  }
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item.s-7 {
    grid-column: span 3;
  }
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item.s-8 {
    grid-column: span 3;
  }
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item .bg-image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(1, 1, 1, 0.3) 69%, rgba(1, 1, 1, 0.3) 100%) 0% 0% no-repeat padding-box;
  transition: all 300ms ease-in-out;
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item .bg-image img {
  width: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item h3 {
  position: absolute;
  bottom: clamp(15px, 2vw, 35px);
  z-index: 2;
  margin: 0;
  min-height: 0;
  width: calc(100% - clamp(15px, 2.4vw, 35px) - clamp(15px, 2.4vw, 35px));
  max-width: 240px;
  font-size: clamp(17px, 1.8vw, 32px);
  line-height: 1.22em;
  color: var(--light-color);
  transition: all 350ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item h3 {
    font-size: clamp(20px, 1.8vw, 32px);
  }
}
@media only screen and (min-width: 1360px) {
  .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item h3 {
    font-size: clamp(20px, 1.8vw, 32px);
  }
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item .button-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  background: var(--theme2-color);
  transition: all 300ms ease-in-out;
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item .button-wrapper .dc-btn2 {
  width: 0;
  height: 0;
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item .button-wrapper .dc-btn2:after {
  background-size: clamp(10px, 1.3vw, 16px);
  background-position: center;
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item:hover h3, .section.dc-capabilities-grid.style_3 .section.dc-hotboxes.style_2 > .inner .inner > .section_content .items .item:hover .item.dc-btn h3, .section.dc-hotboxes.style_2 > .inner .section.dc-capabilities-grid.style_3 .inner > .section_content .items .item:hover .item.dc-btn h3 {
  min-height: calc(100% - clamp(25px, 3vw, 35px) - clamp(25px, 3vw, 35px));
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item:hover .button-wrapper, .section.dc-capabilities-grid.style_3 .section.dc-hotboxes.style_2 > .inner .inner > .section_content .items .item:hover .item.dc-btn .button-wrapper {
  width: 100%;
  height: 100%;
}
.section.dc-capabilities-grid.style_3 .inner > .section_content .items .item:hover .button-wrapper .dc-btn2, .section.dc-capabilities-grid.style_3 .section.dc-hotboxes.style_2 > .inner .inner > .section_content .items .item:hover .item.dc-btn .button-wrapper .dc-btn2 {
  width: clamp(40px, 4vw, 60px);
  height: clamp(40px, 4vw, 60px);
}
.section.dc-capabilities-grid.style_3.no-blue {
  padding-top: 0;
}
.section.dc-capabilities-grid.style_3.no-blue .title-box {
  display: none;
}
.section.dc-capabilities-grid.style_3.no-blue .title-wrapper {
  margin-bottom: clamp(30px, 3vw, 70px);
  max-width: 570px;
}

/*------------------------------------*\
  CTA
\*------------------------------------*/
.section.dc-hotboxes:has(+ .dc-cta) {
  padding-bottom: 0 !important;
}
.section.dc-hotboxes + .dc-cta {
  padding-top: 20px !important;
}

@media only screen and (max-width: 767px) {
  .section.dc-cta {
    padding-block: 10px;
  }
}
.section.dc-cta > .inner {
  max-width: 1920px;
  padding-inline: 20px;
}
@media only screen and (max-width: 767px) {
  .section.dc-cta > .inner {
    padding-inline: 10px;
  }
}
.section.dc-cta > .inner .image-wrapper .image-wrapper-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
.section.dc-cta.cta_style_1 {
  padding-block: clamp(30px, 11vw, 150px);
}
.section.dc-cta.cta_style_1 > .inner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  min-height: 600px;
}
.section.dc-cta.cta_style_1 > .inner:after {
  content: "";
  position: absolute;
  width: clamp(70px, 7vw, 140px);
  height: 340px;
  height: clamp(172px, 17vw, 340px);
  background-image: url(../img/arrow-group-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
}
.section.dc-cta.cta_style_1 > .inner:after {
  bottom: clamp(-70px, -3.5vw, -20px);
}
.section.dc-cta.cta_style_1 > .inner:after {
  left: clamp(40px, -0.1059rem + 3.9529vw, 3.6rem);
}
.section.dc-cta.cta_style_1 > .inner:after {
  filter: invert(62%) sepia(85%) saturate(393%) hue-rotate(37deg) brightness(92%) contrast(91%);
}
@media only screen and (max-width: 767px) {
  .section.dc-cta.cta_style_1 > .inner {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    min-height: 200px;
  }
  .section.dc-cta.cta_style_1 > .inner:after {
    display: none;
  }
}
.section.dc-cta.cta_style_1 > .inner .image-wrapper {
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  border-radius: 30px;
}
.section.dc-cta.cta_style_1 > .inner .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .section.dc-cta.cta_style_1 > .inner .image-wrapper {
    position: absolute;
    left: 20px;
    top: 0;
    right: 0;
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-cta.cta_style_1 > .inner .image-wrapper {
    height: 167px;
    margin-top: 10px;
    border-radius: 20px;
  }
  .section.dc-cta.cta_style_1 > .inner .image-wrapper .image-wrapper-inner {
    position: relative;
  }
}
.section.dc-cta.cta_style_1 > .inner .section_intro {
  position: relative;
  margin-inline: 0 clamp(1px, 4vw, 80px);
  margin-block: clamp(1px, 4vw, 80px) clamp(80px, 10vw, 210px);
  padding: clamp(50px, 6vw, 120px) clamp(40px, 5.5vw, 110px);
  max-width: clamp(300px, 45vw, 705px);
  border-radius: 20px;
  background-color: var(--dark-color);
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .section.dc-cta.cta_style_1 > .inner .section_intro {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
.section.dc-cta.cta_style_1 > .inner .section_intro h2 {
  color: white;
  margin-bottom: clamp(12px, 1.4vw, 25px);
  position: relative;
}
.section.dc-cta.cta_style_1 > .inner .section_intro h2:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-cta.cta_style_1 > .inner .section_intro h2:before {
    margin-right: 12px;
  }
}
.section.dc-cta.cta_style_1 > .inner .section_intro h2:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-cta.cta_style_1 > .inner .section_intro .description p {
  color: white;
}
.section.dc-cta.cta_style_1 > .inner .section_intro .description p a {
  color: var(--light-color);
  text-decoration: underline;
}
.section.dc-cta.cta_style_1 > .inner .section_intro .description p a:hover, .section.dc-cta.cta_style_1 > .inner .section_intro .description p .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-cta.cta_style_1 > .inner .section_intro .description p a.dc-btn {
  color: var(--dark-color);
}
.section.dc-cta.cta_style_2 > .inner {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.section.dc-cta.cta_style_2 > .inner .image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  -ms-flex: 1;
      flex: 1;
}
.section.dc-cta.cta_style_2 > .inner .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section.dc-cta.cta_style_2 > .inner .section_intro {
  width: clamp(560px, 42%, 42%);
  background-color: var(--dark-color);
  border-radius: 30px;
  padding-block: clamp(50px, 7vw, 140px) clamp(60px, 8vw, 160px);
  padding-inline: calc(clamp(35px, 4vw, 80px) + 40px);
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .section.dc-cta.cta_style_2 > .inner .section_intro {
    padding-inline: 50px 30px;
    margin-right: 0;
  }
}
.section.dc-cta.cta_style_2 > .inner .section_intro h2 {
  position: relative;
  color: var(--light-color);
  margin-bottom: clamp(14px, 1.5vw, 25px);
}
.section.dc-cta.cta_style_2 > .inner .section_intro h2:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-cta.cta_style_2 > .inner .section_intro h2:before {
    margin-right: 12px;
  }
}
.section.dc-cta.cta_style_2 > .inner .section_intro h2:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-cta.cta_style_2 > .inner .section_intro .description {
  max-width: 485px;
}
.section.dc-cta.cta_style_2 > .inner .section_intro .description p {
  color: var(--light-color);
}
.section.dc-cta.cta_style_2 > .inner .section_intro .dc-btn {
  margin-top: clamp(16px, 2vw, 30px);
}
.section.dc-cta.cta_style_2 > .inner::after {
  content: "";
  position: absolute;
  bottom: clamp(-80px, -4vw, -43px);
  right: clamp(2rem, -0.1059rem + 3.9529vw, 3.6rem);
  width: clamp(70px, 7vw, 140px);
  height: clamp(185px, 17vw, 340px);
  background: url(../img/arrow-group-black.svg) no-repeat;
  background-size: contain;
  z-index: 2;
  filter: invert(62%) sepia(30%) saturate(6840%) hue-rotate(9deg) brightness(101%) contrast(107%);
}

/*------------------------------------*\
  HOTBOXS
\*------------------------------------*/
.section.dc-hotboxes {
  overflow: hidden;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item {
  background-color: var(--grey-color);
  border-radius: 30px;
  overflow: hidden;
  padding-inline: 30px;
  padding-block: 30px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .section.dc-hotboxes.style_1 > .inner .section_content .items .item {
    width: calc(100% - 20px) !important;
  }
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: var(--purple-color);
  border-radius: 0 30px 30px 0;
  transition: all 250ms ease-in-out;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item .text {
  max-width: 700px;
  position: relative;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item .text h2 {
  transition: all 250ms ease-in-out;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item .text h2:before {
  margin-bottom: 16px;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item .text p {
  margin-bottom: 0;
  transition: all 250ms ease-in-out;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item .text .button-wrapper {
  display: none;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item .image-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  max-height: 15vw;
  min-height: 100px;
  height: 185px;
  width: calc(100% + clamp(35px, 4vw, 80px));
  position: relative;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .section.dc-hotboxes.style_1 > .inner .section_content .items .item .image-wrapper {
    margin-bottom: 30px;
  }
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item .image-wrapper img {
  height: 100%;
  width: unset;
  aspect-ratio: 1/1;
  z-index: 3;
  border: 3px solid var(--light-color);
  border-radius: 100px;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item .image-wrapper img:nth-child(2) {
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 2;
  margin-left: 5px;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item .image-wrapper img:nth-child(3) {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  z-index: 1;
  margin-left: 5px;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item:first-child {
  padding: clamp(50px, 7vw, 120px) clamp(35px, 4vw, 80px) clamp(35px, 4vw, 80px);
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item:first-child .text {
  margin-bottom: 35px;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item:last-child {
  padding: clamp(35px, 4vw, 80px);
}
@media only screen and (max-width: 767px) {
  .section.dc-hotboxes.style_1 > .inner .section_content .items .item:last-child {
    margin-top: 10px;
  }
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item:last-child .text {
  -ms-flex-order: 2;
      order: 2;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item a.overlay:after {
  left: unset;
  bottom: unset;
  top: clamp(10px, 1vw, 20px);
  right: clamp(10px, 1vw, 20px);
}
@media only screen and (max-width: 767px) {
  .section.dc-hotboxes.style_1 > .inner .section_content .items .item {
    margin-right: 0 !important;
  }
  .section.dc-hotboxes.style_1 > .inner .section_content .items .item .text {
    -ms-flex-order: 2 !important;
        order: 2 !important;
    margin-bottom: 35px;
  }
  .section.dc-hotboxes.style_1 > .inner .section_content .items .item .image-wrapper {
    -ms-flex-order: 1 !important;
        order: 1 !important;
    margin-block: 0 30px !important;
  }
  .section.dc-hotboxes.style_1 > .inner .section_content .items .item a.overlay:after {
    left: unset;
    right: 20px;
    top: 20px;
  }
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover:before, .section.dc-hotboxes.style_1 > .inner .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn:before, .section.dc-hotboxes.style_2 > .inner .section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover .item.dc-btn:before {
  width: 100%;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover .text h2, .section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover .text p {
  color: var(--light-color);
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover .image-wrapper img {
  -ms-transform: scale(1) !important;
      transform: scale(1) !important;
}
.section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover .image-wrapper img:nth-child(1) {
  aspect-ratio: 1.75/1;
}
@media only screen and (max-width: 650px) {
  .section.dc-hotboxes.style_2 > .inner .section_content .items .item:not(:first-child) {
    margin-top: 10px;
  }
}
.section.dc-hotboxes.style_2 > .inner .section_content .items .item .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px;
  overflow: hidden;
}
.section.dc-hotboxes.style_2 > .inner .section_content .items .item .image-wrapper img {
  object-fit: cover;
  width: 100%;
}
.section.dc-hotboxes.style_2 > .inner .section_content .items .item .image-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.5);
}
.section.dc-hotboxes.style_2 > .inner .section_content .items .item .text {
  position: relative;
  width: 100%;
  height: clamp(250px, 40vw, 620px);
  padding: clamp(30px, 4vw, 60px) clamp(20px, 2.5vw, 40px) clamp(60px, 4vw, 60px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.section.dc-hotboxes.style_2 > .inner .section_content .items .item .text h2 {
  color: var(--light-color);
  text-align: center;
  text-transform: none;
  max-width: 530px;
  margin-inline: auto;
}
.section.dc-hotboxes.style_2 > .inner .section_content .items .item .text .button-wrapper {
  position: absolute;
  bottom: clamp(26px, 3vw, 60px);
  left: 0;
  width: 100%;
  text-align: center;
}
/*------------------------------------*\
  IMAGE
\*------------------------------------*/
.section.dc-image.thin_width > .inner {
  max-width: 1220px;
}
.section.dc-image.full_width > .inner {
  max-width: 100%;
}
.section.dc-image.full_width > .inner .section_intro {
  max-width: 1920px;
  margin-inline: auto;
}
.section.dc-image.no-title .grid-items, .section.dc-image.no-title .section.dc-contact-cards > .inner .section_content .items, .section.dc-contact-cards > .inner .section_content .section.dc-image.no-title .items, .section.dc-image.no-title .section.dc-image-hotboxes > .inner .section_content .items, .section.dc-image-hotboxes > .inner .section_content .section.dc-image.no-title .items, .section.dc-image.no-title .section.dc-hotboxes > .inner .section_content .items, .section.dc-hotboxes > .inner .section_content .section.dc-image.no-title .items {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .section.dc-image .grid-items, .section.dc-image .section.dc-contact-cards > .inner .section_content .items, .section.dc-contact-cards > .inner .section_content .section.dc-image .items, .section.dc-image .section.dc-image-hotboxes > .inner .section_content .items, .section.dc-image-hotboxes > .inner .section_content .section.dc-image .items, .section.dc-image .section.dc-hotboxes > .inner .section_content .items, .section.dc-hotboxes > .inner .section_content .section.dc-image .items {
    display: -ms-flexbox;
    display: flex;
  }
}
.section.dc-image .grid-items .item, .section.dc-image .section.dc-contact-cards > .inner .section_content .items .item, .section.dc-contact-cards > .inner .section_content .section.dc-image .items .item, .section.dc-image .section.dc-image-hotboxes > .inner .section_content .items .item, .section.dc-image-hotboxes > .inner .section_content .section.dc-image .items .item, .section.dc-image .section.dc-hotboxes > .inner .section_content .items .item, .section.dc-hotboxes > .inner .section_content .section.dc-image .items .item {
  margin-bottom: 54px;
}
.section.dc-image .grid-items .item img, .section.dc-image .section.dc-contact-cards > .inner .section_content .items .item img, .section.dc-contact-cards > .inner .section_content .section.dc-image .items .item img, .section.dc-image .section.dc-image-hotboxes > .inner .section_content .items .item img, .section.dc-image-hotboxes > .inner .section_content .section.dc-image .items .item img, .section.dc-image .section.dc-hotboxes > .inner .section_content .items .item img, .section.dc-hotboxes > .inner .section_content .section.dc-image .items .item img {
  display: block;
  width: 100%;
}
.section.dc-image .grid-items.col1 .item, .section.dc-image .section.dc-contact-cards > .inner .section_content .col1.items .item, .section.dc-contact-cards > .inner .section_content .section.dc-image .col1.items .item, .section.dc-image .section.dc-image-hotboxes > .inner .section_content .col1.items .item, .section.dc-image-hotboxes > .inner .section_content .section.dc-image .col1.items .item, .section.dc-image .section.dc-hotboxes > .inner .section_content .col1.items .item, .section.dc-hotboxes > .inner .section_content .section.dc-image .col1.items .item {
  width: 100%;
}

/*------------------------------------*\
    IMAGE HOTBOXES
\*------------------------------------*/
.section.dc-image-hotboxes > .inner .section_content .items .item {
  position: relative;
  border-radius: 300px;
  overflow: hidden;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .section.dc-image-hotboxes > .inner .section_content .items .item {
    height: clamp(300px, 50vw, 700px);
  }
}
.section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper {
  height: 132px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper {
    height: 100%;
  }
}
.section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper img {
  object-fit: cover;
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
  filter: grayscale(1);
}
.section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  z-index: 2;
}
.section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper .text {
  position: absolute;
  width: 100%;
  top: 130px;
  left: 0;
  padding: 40px 15px;
  z-index: 3;
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 767px) {
  .section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper .text {
    top: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}
.section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper .text h2 {
  color: var(--light-color);
  text-transform: none;
  margin-block: 0;
  max-width: 260px;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper .text h2 {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-image-hotboxes > .inner .section_content .items .item .image-wrapper .text h2 {
    padding-inline: 40px 30px;
  }
}
.section.dc-image-hotboxes > .inner .section_content .items .item:nth-child(1) .image-wrapper:after {
  background: #00ABDD;
}
.section.dc-image-hotboxes > .inner .section_content .items .item:nth-child(2) .image-wrapper:after {
  background: #F18A00;
}
.section.dc-image-hotboxes > .inner .section_content .items .item:nth-child(3) .image-wrapper:after {
  background: #8ABD24;
}
.section.dc-image-hotboxes > .inner .section_content .items .item:nth-child(4) .image-wrapper:after {
  background: #7C6EB0;
}
@media only screen and (min-width: 768px) {
  .section.dc-image-hotboxes > .inner .section_content .items .item:nth-child(2), .section.dc-image-hotboxes > .inner .section_content .items .item:nth-child(4) {
    margin-top: clamp(50px, 5vw, 100px);
  }
}
.section.dc-image-hotboxes > .inner .section_content .items .item:hover .image-wrapper .text {
  top: calc(50% - 90px);
}
.section.dc-image-hotboxes.style_1 > .inner {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1199px) {
  .section.dc-image-hotboxes.style_1 > .inner {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-inline: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-image-hotboxes.style_1 > .inner > .section_intro {
    padding-inline: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .section.dc-image-hotboxes.style_1 > .inner > .section_intro {
    max-width: 720px;
    padding: clamp(50px, 5vw, 100px) 5.5% 40px clamp(35px, 4vw, 80px);
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-image-hotboxes.style_1 > .inner > .section_intro {
    width: 40%;
    min-width: 435px;
  }
}
.section.dc-image-hotboxes.style_1 > .inner > .section_intro h2.title {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: clamp(20px, 2vw, 45px);
}
.section.dc-image-hotboxes.style_1 > .inner > .section_intro h2.title:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-image-hotboxes.style_1 > .inner > .section_intro h2.title:before {
    margin-right: 12px;
  }
}
.section.dc-image-hotboxes.style_1 > .inner > .section_intro h2.title:before {
  margin-bottom: 20px;
  margin-left: 6px;
  width: 20px;
  height: 30px;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  color: var(--purple-color);
}
.section.dc-image-hotboxes.style_1 > .inner .section_content {
  -ms-flex: 1;
      flex: 1;
}
@media only screen and (max-width: 767px) {
  .section.dc-image-hotboxes.style_1 > .inner .section_content {
    padding-inline: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .section.dc-image-hotboxes.style_1 > .inner .section_content {
    padding-inline: clamp(35px, 4vw, 80px);
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-image-hotboxes.style_1 > .inner .section_content {
    padding-right: clamp(35px, 4vw, 80px);
  }
}
.section.dc-image-hotboxes.style_2 > .inner {
  max-width: 640px;
  margin-inline: auto;
}
@media only screen and (min-width: 1000px) {
  .section.dc-image-hotboxes.style_2 > .inner {
    max-width: 1470px;
  }
}
.section.dc-image-hotboxes.style_2 > .inner > .section_intro h2.title {
  position: relative;
  margin-bottom: clamp(40px, 4vw, 75px) !important;
}
.section.dc-image-hotboxes.style_2 > .inner > .section_intro h2.title:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-image-hotboxes.style_2 > .inner > .section_intro h2.title:before {
    margin-right: 12px;
  }
}
.section.dc-image-hotboxes.style_2 > .inner > .section_intro h2.title:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
@media only screen and (max-width: 1099px) {
  .section.dc-image-hotboxes.style_2 > .inner .section_content .items {
    width: calc(100% + 20px) !important;
  }
  .section.dc-image-hotboxes.style_2 > .inner .section_content .items .item {
    width: calc(25% - 20px) !important;
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 999px) {
  .section.dc-image-hotboxes.style_2 > .inner .section_content .items .item {
    width: calc(50% - 20px) !important;
    height: clamp(300px, 70vw, 700px);
  }
}

.hero__inner .content:before,
.hero__inner .content h1:before,
.inner > .section_intro .title-wrapper h2:before,
.inner > .section_intro h2.title:before,
.inner > .section_content .title-wrapper h2:before,
.inner > .section_content .right > .content-wrapper > h2:first-child:before {
  filter: invert(50%) sepia(95%) saturate(2374%) hue-rotate(160deg) brightness(97%) contrast(99%);
}
.g_green .hero__inner .content:before,
.g_green .hero__inner .content h1:before,
.g_green .inner > .section_intro .title-wrapper h2:before,
.g_green .inner > .section_intro h2.title:before,
.g_green .inner > .section_content .title-wrapper h2:before,
.g_green .inner > .section_content .right > .content-wrapper > h2:first-child:before {
  filter: invert(62%) sepia(85%) saturate(393%) hue-rotate(37deg) brightness(92%) contrast(91%) !important;
}
.g_purple .hero__inner .content:before,
.g_purple .hero__inner .content h1:before,
.g_purple .inner > .section_intro .title-wrapper h2:before,
.g_purple .inner > .section_intro h2.title:before,
.g_purple .inner > .section_content .title-wrapper h2:before,
.g_purple .inner > .section_content .right > .content-wrapper > h2:first-child:before {
  filter: invert(49%) sepia(46%) saturate(434%) hue-rotate(212deg) brightness(85%) contrast(91%) !important;
}
.g_orange .hero__inner .content:before,
.g_orange .hero__inner .content h1:before,
.g_orange .inner > .section_intro .title-wrapper h2:before,
.g_orange .inner > .section_intro h2.title:before,
.g_orange .inner > .section_content .title-wrapper h2:before,
.g_orange .inner > .section_content .right > .content-wrapper > h2:first-child:before {
  filter: invert(62%) sepia(30%) saturate(6840%) hue-rotate(9deg) brightness(101%) contrast(107%) !important;
}
.g_blue .hero__inner .content:before,
.g_blue .hero__inner .content h1:before,
.g_blue .inner > .section_intro .title-wrapper h2:before,
.g_blue .inner > .section_intro h2.title:before,
.g_blue .inner > .section_content .title-wrapper h2:before,
.g_blue .inner > .section_content .right > .content-wrapper > h2:first-child:before {
  filter: invert(50%) sepia(95%) saturate(2374%) hue-rotate(160deg) brightness(97%) contrast(99%) !important;
}

.mobile-image-available .desktop-image {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .mobile-image-available .desktop-image {
    display: none !important;
  }
}
.mobile-image-available .mobile-image {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .mobile-image-available .mobile-image {
    display: block !important;
  }
}

/*------------------------------------*\
	IMAGE TEXT BOX
\*------------------------------------*/
.section.dc-image-text > .inner .section_intro,
.section.dc-image-text > .inner .section_content {
  padding-inline: clamp(15px, 4vw, 80px);
}
.section.dc-image-text > .inner .section_intro {
  margin-bottom: clamp(40px, 6vw, 120px) !important;
}
.section.dc-image-text > .inner .section_intro h2.title {
  max-width: 1250px;
}
.section.dc-image-text > .inner .section_content .right > .content-wrapper > h2:first-child {
  position: relative;
}
.section.dc-image-text > .inner .section_content .right > .content-wrapper > h2:first-child:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-image-text > .inner .section_content .right > .content-wrapper > h2:first-child:before {
    margin-right: 12px;
  }
}
.section.dc-image-text > .inner .section_content .right > .content-wrapper > h2:first-child:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-image-text > .inner .section_content .right > .content-wrapper h3:not(:first-child) {
  margin-top: 70px;
}
.section.dc-image-text > .inner .section_content .left .image-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 30px;
  overflow: hidden;
  padding-inline: 5%;
}
@media only screen and (max-width: 767px) {
  .section.dc-image-text > .inner .section_content .left .image-wrapper {
    margin-top: 30px !important;
  }
}
.section.dc-image-text > .inner .section_content .left .image-wrapper > img {
  display: block;
  width: 100%;
  -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}
@media only screen and (min-width: 768px) {
  .section.dc-image-text > .inner.image_left .image-wrapper {
    -ms-transform-origin: left top;
        transform-origin: left top;
  }
  .section.dc-image-text > .inner.image_left .section_content .right {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-image-text > .inner.image_left .section_content .right {
    padding-left: 10%;
    padding-right: clamp(10px, 7vw, 130px);
  }
}
@media only screen and (min-width: 768px) {
  .section.dc-image-text > .inner.image_right .image-wrapper {
    -ms-transform-origin: right top;
        transform-origin: right top;
  }
  .section.dc-image-text > .inner.image_right .section_content .right {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-image-text > .inner.image_right .section_content .right {
    padding-right: 10%;
    padding-left: clamp(10px, 7vw, 130px);
  }
}

.section.dc-image-text:not(.dc-fancy-image-text) > .inner.image_right .section_content .left:after {
  content: "";
  position: absolute;
  width: clamp(70px, 7vw, 140px);
  height: 340px;
  height: clamp(172px, 17vw, 340px);
  background-image: url(../img/arrow-group-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
}
.section.dc-image-text:not(.dc-fancy-image-text) > .inner.image_right .section_content .left:after {
  top: clamp(-70px, -3.5vw, -20px);
}
.section.dc-image-text:not(.dc-fancy-image-text) > .inner.image_right .section_content .left:after {
  right: clamp(40px, -0.1059rem + 3.9529vw, 3.6rem);
}
.section.dc-image-text:not(.dc-fancy-image-text) > .inner.image_right .section_content .left:after {
  filter: invert(49%) sepia(46%) saturate(434%) hue-rotate(212deg) brightness(85%) contrast(91%);
}

@media only screen and (min-width: 1200px) {
  .section.dc-image-text.dc-fancy-image-text > .inner .section_intro .title-wrapper {
    padding-left: clamp(10px, 7vw, 130px);
  }
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_intro .title-wrapper h2 {
  position: relative;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_intro .title-wrapper h2:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-image-text.dc-fancy-image-text > .inner .section_intro .title-wrapper h2:before {
    margin-right: 12px;
  }
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_intro .title-wrapper h2:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .right .text .button-wrapper:not(:last-child) {
  margin-bottom: clamp(40px, 8vw, 160px);
}
@media only screen and (max-width: 767px) {
  .section.dc-image-text.dc-fancy-image-text > .inner .section_content .item {
    -ms-flex-direction: column !important;
        flex-direction: column !important;
  }
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .item .left {
  margin-bottom: 40px !important;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  max-width: 830px;
}
@media only screen and (min-width: 768px) {
  .section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images {
    gap: 20px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images {
    padding-right: clamp(10px, 7vw, 130px);
  }
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images .image-wrapper {
  width: 100%;
  border-radius: 200px;
  display: -ms-flexbox;
  display: flex;
  margin: 0 !important;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images .image-wrapper img {
  object-fit: cover;
  width: 100%;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_1 .image-wrapper:nth-child(1) {
  grid-column: span 2;
  grid-row: 1/2;
  aspect-ratio: 2/1;
}
@media only screen and (max-width: 767px) {
  .section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_1 .image-wrapper:nth-child(1) {
    display: none;
  }
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_1 .image-wrapper:nth-child(2) {
  grid-column: span 1;
  grid-row: 2/3;
  aspect-ratio: 1/1;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_1 .image-wrapper:nth-child(3) {
  grid-column: span 1;
  grid-row: 2/4;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_1 .image-wrapper:nth-child(4) {
  grid-column: span 1;
  grid-row: 3/4;
  aspect-ratio: 1/1;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_2 .image-wrapper:nth-child(1) {
  grid-column: span 1;
  grid-row: 1/3;
  aspect-ratio: 1/2;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_2 .image-wrapper:nth-child(2) {
  grid-column: span 1;
  grid-row: 1/2;
  aspect-ratio: 1/1;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_2 .image-wrapper:nth-child(3) {
  grid-column: span 1;
  grid-row: 2/3;
  aspect-ratio: 1/1;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_2 .image-wrapper:nth-child(4) {
  grid-column: span 2;
  aspect-ratio: 2/1;
}
@media only screen and (max-width: 767px) {
  .section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_2 .image-wrapper:nth-child(4) {
    display: none;
  }
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_3 .image-wrapper:nth-child(1) {
  grid-column: span 2;
  aspect-ratio: 2/1;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_3 .image-wrapper:nth-child(2) {
  grid-column: span 1;
  grid-row: 2/3;
  aspect-ratio: 1/1;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_3 .image-wrapper:nth-child(3) {
  grid-column: span 1;
  grid-row: 2/3;
  aspect-ratio: 1/1;
}
.section.dc-image-text.dc-fancy-image-text > .inner .section_content .left .images.layout_3 .image-wrapper:nth-child(4) {
  grid-column: span 2;
  aspect-ratio: 2/1;
}
@media only screen and (min-width: 768px) {
  .section.dc-image-text.dc-fancy-image-text > .inner.image_right .section_content .left .images {
    padding-left: 50px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-image-text.dc-fancy-image-text > .inner.image_right .section_content .left .images {
    padding-left: clamp(10px, 7vw, 130px);
    padding-right: 0;
  }
}

/*------------------------------------*\
	IMAGE SLIDER 
\*------------------------------------*/
.section.dc-image-slider {
  overflow: hidden;
}
.section.dc-image-slider > .inner {
  max-width: 1530px;
  margin: 0 auto;
}
@media only screen and (max-width: 1359px) {
  .section.dc-image-slider > .inner {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-image-slider > .inner {
    padding: 0 !important;
  }
}
.section.dc-image-slider > .inner .slick-track {
  display: -ms-flexbox;
  display: flex;
}
.section.dc-image-slider > .inner .slick-list {
  width: 400% !important;
  margin-left: -150%;
  padding: 0px 150% !important;
}
.section.dc-image-slider > .inner .item {
  position: relative;
  margin: 0;
  height: 950px;
  max-height: 75vw;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  transition: all 350ms ease-in-out;
}
@media only screen and (min-width: 1360px) {
  .section.dc-image-slider > .inner .item {
    margin-inline: 15px;
  }
}
.section.dc-image-slider > .inner .item img {
  object-fit: cover;
  width: 100%;
}
.section.dc-image-slider button.slick-arrow {
  top: calc(50% - 26px);
  border-color: #141C2C;
}
.section.dc-image-slider button.slick-arrow.slick-next {
  left: unset;
}
@media only screen and (min-width: 768px) {
  .section.dc-image-slider button.slick-arrow.slick-prev {
    left: calc(50% - 50vw);
  }
  .section.dc-image-slider button.slick-arrow.slick-next {
    right: calc(50% - 50vw);
  }
}
.section.dc-image-slider button.slick-arrow:after {
  color: #141C2C;
  font-size: 20px;
}
.section.dc-image-slider button.slick-arrow:hover, .section.dc-image-slider .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover button.slick-arrow.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-image-slider button.slick-arrow.dc-btn {
  border-color: #F18A00;
  background: #F18A00;
}
.section.dc-image-slider button.slick-arrow:hover:after, .section.dc-image-slider .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover button.slick-arrow.dc-btn:after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-image-slider button.slick-arrow.dc-btn:after {
  color: white;
}

/*------------------------------------*\
    INTRO SECTION
\*------------------------------------*/
.section.dc-intro-section {
  z-index: 11;
}
.section.dc-intro-section .inner .section_content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-inline: calc(clamp(35px, 4vw, 80px) + 40px);
}
@media only screen and (max-width: 767px) {
  .section.dc-intro-section .inner .section_content {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-inline: 33px;
  }
}
.section.dc-intro-section .inner .section_content .title-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding-right: clamp(30px, 3vw, 60px);
}
@media only screen and (min-width: 768px) {
  .section.dc-intro-section .inner .section_content .title-wrapper {
    width: 43%;
  }
}
.section.dc-intro-section .inner .section_content .title-wrapper h2 {
  color: var(--purple-color);
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.05em;
  max-width: 440px;
  position: relative;
}
.section.dc-intro-section .inner .section_content .title-wrapper h2:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-intro-section .inner .section_content .title-wrapper h2:before {
    margin-right: 12px;
  }
}
.section.dc-intro-section .inner .section_content .title-wrapper h2:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-intro-section .inner .section_content .description {
  -ms-flex: 1;
      flex: 1;
}
.section.dc-intro-section .inner .section_content .description .intro-description:not(:last-child) {
  margin-bottom: 50px;
}
.section.dc-intro-section .inner .section_content .description .intro-description p:last-child {
  margin-bottom: 0;
}

/*------------------------------------*\
    Links Section
\*------------------------------------*/
.dc-links-section {
  padding-block: 30px;
  overflow: hidden;
  background: var(--light-color);
  overflow-x: scroll;
}
.dc-links-section + .section {
  z-index: 10;
}
.dc-links-section > .inner {
  display: -ms-flexbox;
  display: flex;
}
.dc-links-section > .inner > .section_content {
  padding-inline: 0;
}
@media only screen and (min-width: 768px) {
  .dc-links-section > .inner > .section_content {
    padding-inline: clamp(35px, 4vw, 80px);
  }
}
.dc-links-section > .inner > .section_content .items {
  display: -ms-flexbox;
  display: flex;
}
.dc-links-section > .inner > .section_content .item a.dc-btn {
  margin: 0 8px 0 0;
  padding: 0 20px !important;
  line-height: 38px;
  color: var(--dark-color);
  border: 1px solid var(--dark-color);
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .dc-links-section > .inner > .section_content .item a.dc-btn {
    font-size: 13px;
    padding: 0 14px !important;
    line-height: 30px;
  }
}
.dc-links-section > .inner > .section_content .item a.dc-btn:after {
  display: none;
}
.dc-links-section > .inner > .section_content .item a.dc-btn:hover, .section.dc-hotboxes.style_2 > .inner .dc-links-section > .inner > .section_content .items .item:hover a.dc-btn {
  color: var(--light-color);
  border: 1px solid var(--dark-color);
  background: var(--dark-color);
}
.dc-links-section > .inner > .section_content .item a.dc-btn.label {
  background: #00ABDD;
  border-color: #00ABDD;
  color: var(--light-color);
  font-weight: 600;
  pointer-events: none;
}
.dc-links-section.g_orange > .inner > .section_content .item a.dc-btn.label {
  background: #F18A00;
  border-color: #F18A00;
}
.dc-links-section.g_purple > .inner > .section_content .item a.dc-btn.label {
  background: #7C6EB0;
  border-color: #7C6EB0;
}

/*------------------------------------*\
    PROJECT DATA
\*------------------------------------*/
.section.dc-project-data {
  z-index: 11;
}
.section.dc-project-data:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 50px;
  width: 100%;
}
.section.dc-project-data .section_content {
  border-bottom: 0.5px solid var(--dark-color);
  display: -ms-flexbox;
  display: flex;
  padding-block: 60px 50px;
  margin-bottom: 120px;
}
.section.dc-project-data .section_content .item {
  margin-right: 3vw;
  white-space: nowrap;
}
.section.dc-project-data .section_content .item:nth-child(1) {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .section.dc-project-data .section_content .item:nth-child(1) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.section.dc-project-data .section_content .item:nth-child(1) .item-inner {
  margin-right: 3vw;
}
.section.dc-project-data .section_content .item:nth-child(2) {
  max-width: 700px;
}
@media only screen and (min-width: 1290px) {
  .section.dc-project-data .section_content .item:nth-child(2) {
    display: -ms-flexbox;
    display: flex;
  }
}
.section.dc-project-data .section_content .item:nth-child(2) .item-inner {
  margin-left: 40px;
}
@media only screen and (max-width: 1289px) {
  .section.dc-project-data .section_content .item:nth-child(2) .item-inner:first-child {
    margin-bottom: 20px;
  }
}
.section.dc-project-data .section_content .item:nth-child(2) .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.section.dc-project-data .section_content .item h5 {
  color: var(--theme-color);
  margin-bottom: clamp(12px, 1.6vw, 28px);
}
.section.dc-project-data .section_content .item a {
  border: 0.5px solid var(--dark-color);
  font-size: 14px;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 10px;
  padding: 3px 10px;
}

/*------------------------------------*\
    PROJECTS Grid
\*------------------------------------*/
.dc-project-grid {
  overflow: hidden;
}
.dc-project-grid .section_content .item {
  background: var(--grey-color);
  margin-bottom: clamp(60px, 5.2vw, 95px);
}
@media only screen and (min-width: 651px) {
  .dc-project-grid .section_content .item:nth-child(2n) {
    margin-top: 0;
  }
}
.dc-project-grid .section_content .item .image-wrapper > .button-wrapper {
  display: none;
}
.dc-project-grid .section_content .item .text {
  max-width: 90%;
}
.dc-project-grid .section_content .item .text > * {
  max-width: 680px;
}
.dc-project-grid .section_content .item h3 {
  margin-bottom: clamp(5px, 0.8vw, 11px);
}
@media only screen and (max-width: 767px) {
  .dc-project-grid .section_content .item h3 {
    font-size: 18px;
  }
}
.dc-project-grid .section_content .item .location {
  max-width: 410px;
  width: 100%;
  margin-top: clamp(20px, 2vw, 30px);
  padding-top: 3px;
  border-top: 1px solid var(--dark-color);
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .dc-project-grid .section_content .item .location {
    font-size: 15px;
  }
}
.dc-project-grid.style_1 .item {
  background: white;
}
.dc-project-grid.style_1 .item .content {
  padding-inline: clamp(15px, 2.5vw, 40px);
  padding-bottom: 26px;
}
.dc-project-grid.style_1 .item .content .client {
  color: var(--theme-color);
}
.dc-project-grid.style_1 .item .content .location {
  border-top: 0;
  margin-top: clamp(10px, 1vw, 15px);
}
.dc-project-grid.style_2 .section_intro {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  margin-bottom: clamp(22px, 2.5vw, 45px) !important;
  padding-right: 0 !important;
  padding-top: clamp(20px, 2vw, 35px);
  text-align: center;
  border-top: 0.5px solid var(--dark-color);
}
.dc-project-grid.style_2 .grid-items:not(.grid).col2, .dc-project-grid.style_2 .section.dc-contact-cards > .inner .section_content .items:not(.grid).col2, .section.dc-contact-cards > .inner .section_content .dc-project-grid.style_2 .items:not(.grid).col2, .dc-project-grid.style_2 .section.dc-hotboxes > .inner .section_content .items:not(.grid).col2, .section.dc-hotboxes > .inner .section_content .dc-project-grid.style_2 .items:not(.grid).col2, .dc-project-grid.style_2 .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col2, .section.dc-image-hotboxes > .inner .section_content .dc-project-grid.style_2 .items:not(.grid).col2 {
  width: calc(100% + clamp(20px, 1.8vw, 30px));
  -ms-flex-direction: row;
      flex-direction: row;
}
.dc-project-grid.style_2 .grid-items:not(.grid).col2 .item, .dc-project-grid.style_2 .section.dc-contact-cards > .inner .section_content .items:not(.grid).col2 .item, .section.dc-contact-cards > .inner .section_content .dc-project-grid.style_2 .items:not(.grid).col2 .item, .dc-project-grid.style_2 .section.dc-hotboxes > .inner .section_content .items:not(.grid).col2 .item, .section.dc-hotboxes > .inner .section_content .dc-project-grid.style_2 .items:not(.grid).col2 .item, .dc-project-grid.style_2 .section.dc-image-hotboxes > .inner .section_content .items:not(.grid).col2 .item, .section.dc-image-hotboxes > .inner .section_content .dc-project-grid.style_2 .items:not(.grid).col2 .item {
  position: relative;
  width: calc(50% - clamp(20px, 1.8vw, 30px));
  margin-right: clamp(20px, 1.8vw, 30px);
  margin-bottom: 0;
}
.dc-project-grid.style_2 .image-wrapper {
  overflow: hidden;
}
.dc-project-grid.style_2 .image-wrapper img {
  display: block;
  width: 100%;
  transition: all 250ms ease-in-out;
}
.dc-project-grid.style_2 .image-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dc-project-grid.style_2 .content {
  position: absolute;
  top: 0;
  padding: clamp(50px, 8vw, 120px) clamp(15px, 4vw, 60px) 0;
  color: var(--light-color);
  opacity: 0;
  -ms-transform: translateY(50px);
      transform: translateY(50px);
  transition: all 250ms ease-in-out;
}
.dc-project-grid.style_2 .content .meta-wrap {
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .dc-project-grid.style_2 .content .meta-wrap {
    font-size: 16px;
  }
}
.dc-project-grid.style_2 .item:after {
  position: absolute;
  top: clamp(10px, 3.5vw, 80px);
  left: clamp(15px, 4vw, 60px);
  max-width: 60%;
  color: var(--light-color);
  line-height: 1.2em;
}
.dc-project-grid.style_2 .item:nth-child(2):after {
  left: unset;
  right: clamp(15px, 4vw, 60px);
  text-align: right;
}
.dc-project-grid.style_2 .item:nth-child(2) .content {
  text-align: right;
  right: 0;
  left: unset;
}
.dc-project-grid.style_2 .item:hover .image-wrapper img, .dc-project-grid.style_2 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn .image-wrapper img, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-project-grid.style_2 .item.dc-btn .image-wrapper img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.dc-project-grid.style_2 .item:hover .image-wrapper:after, .dc-project-grid.style_2 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn .image-wrapper:after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-project-grid.style_2 .item.dc-btn .image-wrapper:after {
  background: rgba(1, 1, 1, 0.2);
}
@media only screen and (min-width: 768px) {
  .dc-project-grid.style_2 .item:hover .content, .dc-project-grid.style_2 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn .content, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-project-grid.style_2 .item.dc-btn .content {
    opacity: 1;
    -ms-transform: translateY(0);
        transform: translateY(0);
  }
}
.dc-project-grid.style_2 .item.previous-project:after {
  content: "PREVIOUS PROJECT";
}
.dc-project-grid.style_2 .item.next-project:after {
  content: "NEXT PROJECT";
}

/*------------------------------------*\
    STATISTICS SLIDER
\*------------------------------------*/
.section.dc-statistics {
  overflow: hidden;
  z-index: 1000;
  padding-top: 10px;
}
@media only screen and (min-width: 768px) {
  .section.dc-statistics {
    padding-top: 20px;
  }
}
.section.dc-statistics > .inner {
  padding-inline: 5px;
}
@media only screen and (min-width: 768px) {
  .section.dc-statistics > .inner {
    padding-inline: 10px;
  }
}
.section.dc-statistics > .inner .section_content .items .slick-list {
  overflow: hidden;
  padding: 0;
  margin-left: 0;
}
@media only screen and (max-width: 650px) {
  .section.dc-statistics > .inner .section_content .items .slick-list {
    width: 140%;
  }
}
.section.dc-statistics > .inner .section_content .items .slick-track {
  display: -ms-flexbox;
  display: flex;
}
.section.dc-statistics > .inner .section_content .items .item {
  transition: all 350ms ease-in-out;
  margin-top: 0 !important;
  margin-inline: 5px;
  float: none;
  height: unset;
}
@media only screen and (min-width: 768px) {
  .section.dc-statistics > .inner .section_content .items .item {
    margin-inline: 10px;
  }
}
.section.dc-statistics > .inner .section_content .items .item .content-wrapper {
  background-color: var(--grey-color);
  border-radius: 20px;
  padding: clamp(25px, 3vw, 54px) clamp(20px, 2.5vw, 50px) clamp(30px, 3.2vw, 52px);
  height: 100%;
}
@media only screen and (max-width: 650px) {
  .section.dc-statistics > .inner .section_content .items .item .content-wrapper {
    padding: clamp(40px, 2.2vw, 50px) 30px clamp(30px, 2.5vw, 55px);
  }
}
.section.dc-statistics > .inner .section_content .items .item h3 {
  color: var(--theme-color);
  line-height: 1em;
  margin-bottom: 15px;
}
@media only screen and (max-width: 650px) {
  .section.dc-statistics > .inner .section_content .items .item h3 {
    font-size: 52px;
  }
}
.section.dc-statistics > .inner .section_content .items .item p {
  max-width: 238px;
}
@media only screen and (max-width: 650px) {
  .section.dc-statistics > .inner .section_content .items .item p {
    font-size: 18px;
  }
}
.section.dc-statistics > .inner .section_content .items .item:nth-child(4n-3) h3 {
  color: var(--theme-color);
}
.section.dc-statistics > .inner .section_content .items .item:nth-child(4n-2) h3 {
  color: var(--theme2-color);
}
.section.dc-statistics > .inner .section_content .items .item:nth-child(4n-1) h3 {
  color: #8ABD24;
}
.section.dc-statistics > .inner .section_content .items .item:nth-child(4n) h3 {
  color: #7C6EB0;
}

/*------------------------------------*\
  TEAM CARDS    
\*------------------------------------*/
.section.dc-team-cards {
  overflow: hidden;
}
.section.dc-team-cards .section_content {
  max-width: 1720px;
  margin-inline: auto;
}
.section.dc-team-cards .section_content .item {
  margin-bottom: clamp(50px, 6vw, 110px);
}
.section.dc-team-cards .section_content .item .front-card p {
  color: #00ABDD;
  text-transform: uppercase;
  margin-block: 25px 10px;
}
.section.dc-team-cards .section_content .item .image-wrapper {
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px;
  overflow: hidden;
}
.section.dc-team-cards .section_content .item .image-wrapper img {
  object-fit: cover;
  aspect-ratio: 1/1 !important;
  display: block;
}
.section.dc-team-cards .section_content .item .button-wrapper {
  margin-top: 10px;
  border-top: 1px solid var(--dark-color);
  padding-top: 15px;
}
.section.dc-team-cards .section_content .item .button-wrapper .toggle-description {
  position: relative;
  display: block;
  min-height: 0vw;
}
.section.dc-team-cards .section_content .item .button-wrapper .toggle-description::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 12px;
  height: 11px;
  margin-left: 10px;
  background: url(../img/angle-green.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.section.dc-team-cards .section_content .item .button-wrapper.active .toggle-description::after {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.section.dc-team-cards .section_content .item .hover-text {
  display: none;
  margin-top: 10px;
  padding-top: 30px;
}

/*------------------------------------*\
  TEXT BOX    
\*------------------------------------*/
.section.dc-text-block {
  /*
  &.graphic {

  	>.inner>.section_content {
  		display: flex;
  		align-items: flex-start;
  		flex-direction: row-reverse;

  		@include mq('tablet', max) {
  			flex-direction: column;
  		}

  		>.image-wrapper {
  			position: relative;
  			width: 26%;

  			display: none;
  			align-items: center;
  			justify-content: center;

  			@include mq('tablet', min) {
  				display: flex;
  			}

  			.image1 {
  				filter: blur(14px);
  			}

  			.image2 {
  				position: absolute;
  				left: 50%;
  				top: 100px;
  			}

  			&+.items {
  				flex: 1;

  				@include mq('950', min) {
  					max-width: 1170px;
  				}

  				.intro-description {

  					&:not(:last-child) {
  						margin-bottom: 50px;
  					}

  					p {
  						@extend %font-34;
  						line-height: 1.23;

  						&:last-child {
  							margin-bottom: 0;
  						}
  					}
  				}
  			}

  			&+.items {
  				width: 100%;

  				.item {
  					width: 100%;
  				}

  				@include mq('950', min) {

  					&.col2 {

  						.item {
  							width: 50%;
  							margin-right: 0;
  							padding-right: 30px;
  						}
  					}
  				}
  			}
  		}
  	}
  }
  */
}
.section.dc-text-block .items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.section.dc-text-block .items .item {
  width: 100%;
  padding-top: 30px;
}
.section.dc-text-block .items .item:nth-child(1) {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .section.dc-text-block .items .item.width_12 {
    width: 100%;
    max-width: 1000px;
  }
  .section.dc-text-block .items .item.width_6_6, .section.dc-text-block .items .item.width_8_4, .section.dc-text-block .items .item.width_4_8, .section.dc-text-block .items .item.width_7_5, .section.dc-text-block .items .item.width_5_7 {
    padding: 45px 50px 0 50px;
  }
  .section.dc-text-block .items .item.width_6_6:nth-child(odd), .section.dc-text-block .items .item.width_8_4:nth-child(odd), .section.dc-text-block .items .item.width_4_8:nth-child(odd), .section.dc-text-block .items .item.width_7_5:nth-child(odd), .section.dc-text-block .items .item.width_5_7:nth-child(odd) {
    padding-left: 0;
  }
  .section.dc-text-block .items .item.width_6_6:nth-child(even), .section.dc-text-block .items .item.width_8_4:nth-child(even), .section.dc-text-block .items .item.width_4_8:nth-child(even), .section.dc-text-block .items .item.width_7_5:nth-child(even), .section.dc-text-block .items .item.width_5_7:nth-child(even) {
    padding-right: 0;
  }
  .section.dc-text-block .items .item.width_6_6:nth-child(1), .section.dc-text-block .items .item.width_6_6:nth-child(2), .section.dc-text-block .items .item.width_8_4:nth-child(1), .section.dc-text-block .items .item.width_8_4:nth-child(2), .section.dc-text-block .items .item.width_4_8:nth-child(1), .section.dc-text-block .items .item.width_4_8:nth-child(2), .section.dc-text-block .items .item.width_7_5:nth-child(1), .section.dc-text-block .items .item.width_7_5:nth-child(2), .section.dc-text-block .items .item.width_5_7:nth-child(1), .section.dc-text-block .items .item.width_5_7:nth-child(2) {
    padding-top: 0;
  }
  .section.dc-text-block .items .item.width_6_6 {
    width: 50%;
  }
  .section.dc-text-block .items .item.width_8_4:nth-child(odd) {
    width: 66.666%;
  }
  .section.dc-text-block .items .item.width_8_4:nth-child(even) {
    width: 33.333%;
  }
  .section.dc-text-block .items .item.width_4_8:nth-child(odd) {
    width: 33.333%;
  }
  .section.dc-text-block .items .item.width_4_8:nth-child(even) {
    width: 66.666%;
  }
  .section.dc-text-block .items .item.width_7_5:nth-child(odd) {
    width: 58.333%;
  }
  .section.dc-text-block .items .item.width_7_5:nth-child(even) {
    width: 41.666%;
  }
  .section.dc-text-block .items .item.width_5_7:nth-child(odd) {
    width: 41.666%;
  }
  .section.dc-text-block .items .item.width_5_7:nth-child(even) {
    width: 58.333%;
  }
  .section.dc-text-block .items .item.width_4_4_4 {
    width: 33.333%;
    padding: 45px 15px 0 15px;
  }
  .section.dc-text-block .items .item.width_4_4_4:nth-child(1) {
    padding-left: 0;
  }
  .section.dc-text-block .items .item.width_4_4_4:nth-child(2) {
    padding-left: 8px;
    padding-right: 8px;
  }
  .section.dc-text-block .items .item.width_4_4_4:nth-child(3) {
    padding-right: 0;
  }
  .section.dc-text-block .items .item.width_4_4_4:nth-child(1), .section.dc-text-block .items .item.width_4_4_4:nth-child(2), .section.dc-text-block .items .item.width_4_4_4:nth-child(3) {
    padding-top: 0;
  }
}
.section.dc-text-block .section_intro,
.section.dc-text-block .section_content {
  max-width: 1205px !important;
  padding-left: clamp(70px, 11vw, 210px);
}
.section.dc-text-block .dc-intro h3,
.section.dc-text-block .section_intro .description h3 {
  font-weight: 300;
}
.section.dc-text-block .dc-intro h3:first-child,
.section.dc-text-block .section_intro .description h3:first-child {
  margin-top: 0 !important;
}
.section.dc-text-block .dc-intro p:empty,
.section.dc-text-block .section_intro .description p:empty {
  display: none;
}
.section.dc-text-block .dc-intro:last-child,
.section.dc-text-block .section_intro .description:last-child {
  margin-bottom: 0;
}
.section.dc-text-block h2:not(first-child),
.section.dc-text-block h3:not(first-child) {
  margin-top: clamp(30px, 4vw, 60px);
  margin-bottom: 20px;
}
.section.dc-text-block.dc-contact .section_content {
  padding-inline: clamp(25px, 5vw, 80px);
  max-width: 100% !important;
}
.section.dc-text-block.dc-contact .section_content > .items {
  -ms-flex-align: start;
      align-items: flex-start;
}
.section.dc-text-block.dc-contact .section_content > .items .item:first-child {
  padding-right: 8.5%;
}
.section.dc-text-block.dc-contact .section_content > .items .item:first-child p:first-child {
  max-width: 980px;
}
.section.dc-text-block.dc-contact .section_content > .items .item:first-child .gform_wrapper {
  padding-top: 30px;
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) .widget {
  margin-bottom: 30px;
  border-radius: 30px;
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) .widget:first-child {
  background-color: #F8F5ED;
  border-radius: 20px;
  padding: clamp(30px, 4vw, 80px) clamp(20px, 3vw, 60px) clamp(30px, 4vw, 80px) clamp(20px, 5vw, 90px);
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) .widget:nth-child(2), .section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) .widget:nth-child(3) {
  padding-inline: clamp(20px, 5vw, 90px) clamp(20px, 3vw, 60px);
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) p:empty {
  display: none;
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) ul:not(.social_icons) {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
  position: relative;
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) ul:not(.social_icons):before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) ul:not(.social_icons):before {
    margin-right: 12px;
  }
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) ul:not(.social_icons):before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) ul:not(.social_icons):before {
  font-size: 1.4em;
  top: 2px;
  left: -30px;
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) ul:not(.social_icons) li {
  margin: 0;
  padding: 0;
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) .dc_social_icons {
  margin-top: 45px !important;
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) .dc_social_icons li {
  margin-inline: 0 10px;
}
.section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) .dc_social_icons li a:hover, .section.dc-text-block.dc-contact .section.dc-hotboxes.style_2 > .inner .section_content > .items .item:nth-child(2) .dc_social_icons li .items .item:hover a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section.dc-text-block.dc-contact .section_content > .items .item:nth-child(2) .dc_social_icons li .items .item:hover a.dc-btn, .section.dc-text-block.dc-contact .section.dc-hotboxes.style_2 > .inner .section_content > .items .items .item:hover .item:nth-child(2) .dc_social_icons li a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section.dc-text-block.dc-contact .section_content > .items .items .item:hover .item:nth-child(2) .dc_social_icons li a.dc-btn {
  background: var(--theme2-color);
}
.section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .section_intro,
.section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .section_content {
  max-width: 100% !important;
  padding-inline: 5%;
}
.section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .item:first-child h2 {
  position: relative;
  margin-block: 0 40px;
  max-width: 530px;
}
.section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .item:first-child h2:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .item:first-child h2:before {
    margin-right: 12px;
  }
}
.section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .item:first-child h2:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .item:first-child p {
  max-width: 530px;
}
@media only screen and (max-width: 1099px) {
  .section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: span 12;
    -ms-grid-column-span: 12;
  }
}

.dc-mobile-readmore {
  display: block;
}

.toggle-dc-readmore {
  display: none;
}

@media only screen and (max-width: 767px) {
  .dc-mobile-readmore {
    display: none;
  }
  .toggle-dc-readmore {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
  }
}
/*------------------------------------*\
	TEXT TESTIMONIALS
\*------------------------------------*/
.section.dc-text-testimonial > .inner .section_content {
  padding-inline: 0;
}
@media only screen and (min-width: 768px) {
  .section.dc-text-testimonial > .inner .section_content {
    padding-inline: clamp(15px, 3vw, 80px);
  }
}
@media only screen and (max-width: 949px) {
  .section.dc-text-testimonial > .inner .section_content .item {
    -ms-flex-direction: column !important;
        flex-direction: column !important;
  }
  .section.dc-text-testimonial > .inner .section_content .item > div {
    width: 100% !important;
  }
  .section.dc-text-testimonial > .inner .section_content .item > div:nth-child(2) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-text-testimonial > .inner .left {
    padding-inline: 35px;
  }
}
.section.dc-text-testimonial > .inner .left .section_intro h2 {
  position: relative;
}
.section.dc-text-testimonial > .inner .left .section_intro h2:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-text-testimonial > .inner .left .section_intro h2:before {
    margin-right: 12px;
  }
}
.section.dc-text-testimonial > .inner .left .section_intro h2:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-text-testimonial > .inner .right .content-wrapper {
  width: 100%;
  background: var(--purple-color);
  border-radius: 30px;
  padding: clamp(45px, 4vw, 80px) clamp(25px, 3vw, 60px);
}
@media only screen and (max-width: 767px) {
  .section.dc-text-testimonial > .inner .right .content-wrapper {
    padding-inline: 35px;
  }
}
@media only screen and (min-width: 950px) {
  .section.dc-text-testimonial > .inner .right .content-wrapper {
    width: 80%;
    margin-left: 20%;
  }
}
.section.dc-text-testimonial > .inner .right .content-wrapper .text {
  color: var(--light-color);
  margin-bottom: clamp(30px, 3vw, 50px);
}
.section.dc-text-testimonial > .inner .right .content-wrapper .text:before {
  content: "";
  display: block;
  width: 29px;
  height: 20px;
  margin-bottom: 15px;
  background: url("../img/quotes.svg");
}
.section.dc-text-testimonial > .inner .right .content-wrapper .author-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.section.dc-text-testimonial > .inner .right .content-wrapper .author-wrapper .avatar {
  width: clamp(80px, 7vw, 120px);
  height: clamp(80px, 7vw, 120px);
  display: -ms-flexbox;
  display: flex;
  border-radius: 60px;
  overflow: hidden;
  margin-right: clamp(12px, 1.5vw, 20px);
}
.section.dc-text-testimonial > .inner .right .content-wrapper .author-wrapper .avatar img {
  object-fit: cover;
  width: 100%;
}
.section.dc-text-testimonial > .inner .right .content-wrapper .author-wrapper .author {
  color: var(--light-color);
  font-weight: 600;
  -ms-flex: 1;
      flex: 1;
}
.section.dc-text-testimonial > .inner .right .content-wrapper .author-wrapper .author .job-title {
  display: block;
  font-weight: 400;
}

/*------------------------------------*\
  VIDEO
\*------------------------------------*/
.section.dc-video:not(.expand) .video-wrapper {
  position: relative;
}
.section.dc-video:not(.expand) .video-wrapper img {
  display: block;
  width: 100%;
}
.section.dc-video:not(.expand) .video-wrapper a.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.section.dc-video:not(.expand) .video-wrapper a.overlay span.play-btn {
  position: absolute;
  width: 90px;
  height: 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(20, 28, 44, 0.2);
  border-radius: 100%;
  border: 2px solid white;
  transition: all 250ms ease-in-out;
}
@media only screen and (min-width: 950px) {
  .section.dc-video:not(.expand) .video-wrapper a.overlay span.play-btn {
    width: 130px;
    height: 130px;
  }
}
.section.dc-video:not(.expand) .video-wrapper a.overlay span.play-btn i {
  color: white;
  font-size: 55px;
  margin-left: 17px;
  -ms-transform: scaleX(1.5);
      transform: scaleX(1.5);
  transition: all 250ms ease-in-out;
}
@media only screen and (min-width: 950px) {
  .section.dc-video:not(.expand) .video-wrapper a.overlay span.play-btn i {
    font-size: 70px;
  }
}
.section.dc-video:not(.expand) .video-wrapper a.overlay:hover span.play-btn, .section.dc-video:not(.expand) .video-wrapper .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.overlay.dc-btn span.play-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-video:not(.expand) .video-wrapper a.overlay.dc-btn span.play-btn {
  background-color: rgba(20, 28, 44, 0.6);
}
.section.dc-video:not(.expand) .video-wrapper a.overlay:hover span.play-btn i, .section.dc-video:not(.expand) .video-wrapper .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover a.overlay.dc-btn span.play-btn i, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-video:not(.expand) .video-wrapper a.overlay.dc-btn span.play-btn i {
  color: #00ABDD;
}
.section.dc-video:not(.expand) .section_content .text {
  margin-top: 15px;
}

.section.dc-video.expand {
  position: relative;
  max-width: 2200px;
  margin-inline: auto;
  border-inline: 20px solid white;
}
.section.dc-video.expand .video-wrapper {
  position: relative;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 767px) {
  .section.dc-video.expand .video-wrapper {
    height: 60svh;
  }
}
.section.dc-video.expand .video-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.15);
}
.section.dc-video.expand .video-wrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section.dc-video.expand .video-wrapper .content-wrapper {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  max-width: 1150px;
  padding: 17vw clamp(30px, 5.5vw, 100px) 30px;
  z-index: 10000;
}
.section.dc-video.expand .video-wrapper .content-wrapper h3 {
  color: white;
  line-height: 1.1em;
}
.section.dc-video.expand .video-wrapper .content-wrapper h2 {
  color: white;
}
.section.dc-video.expand:before, .section.dc-video.expand:after {
  content: "";
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  height: 20px;
  width: 100%;
  background: white;
  display: block;
  z-index: 10;
}
.section.dc-video.expand:before {
  top: 0;
}
.section.dc-video.expand:after {
  bottom: 0;
}

/*------------------------------------*\
    APPRENTICESHIPS DATA
\*------------------------------------*/
@media only screen and (max-width: 767px) {
  .apprenticeships-data {
    padding-top: 10px !important;
  }
}
.apprenticeships-data .inner > .section_content {
  padding-inline: clamp(35px, 4vw, 80px);
}
@media only screen and (max-width: 767px) {
  .apprenticeships-data .inner > .section_content {
    padding-inline: 0;
  }
}
.apprenticeships-data .inner > .section_content h2:first-child {
  position: relative;
}
.apprenticeships-data .inner > .section_content h2:first-child:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .apprenticeships-data .inner > .section_content h2:first-child:before {
    margin-right: 12px;
  }
}
.apprenticeships-data .inner > .section_content h2:first-child:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.apprenticeships-data .inner > .section_content h2:first-child:before {
  filter: invert(62%) sepia(30%) saturate(6840%) hue-rotate(9deg) brightness(101%) contrast(107%);
}
.apprenticeships-data .inner > .section_content .item {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .apprenticeships-data .inner > .section_content .item {
    -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    padding-bottom: 160px;
  }
}
.apprenticeships-data .inner > .section_content .item > .left,
.apprenticeships-data .inner > .section_content .item > .right {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .apprenticeships-data .inner > .section_content .item > .left {
    padding-left: 2%;
  }
}
.apprenticeships-data .inner > .section_content .item > .left h3:not(:first-child) {
  margin-top: 50px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .apprenticeships-data .inner > .section_content .item > .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-left: clamp(30px, 2.5vw, 50px);
  }
}
@media only screen and (max-width: 767px) {
  .apprenticeships-data .inner > .section_content .item > .right {
    margin-bottom: 40px;
    position: inherit;
  }
}
.apprenticeships-data .inner > .section_content .item > .right > div {
  padding: clamp(30px, 4vw, 80px) clamp(1px, 2vw, 40px) clamp(30px, 4vw, 80px) clamp(20px, 5vw, 90px);
  max-width: 705px;
  border-radius: 30px;
}
.apprenticeships-data .inner > .section_content .item > .right > .info-card {
  background-color: #F8F5ED;
  margin-bottom: 20px;
  display: none;
}
.apprenticeships-data .inner > .section_content .item > .right > .info-card:has(ul) {
  display: block;
}
.apprenticeships-data .inner > .section_content .item > .right > .info-card ul {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding-top: 20px;
}
.apprenticeships-data .inner > .section_content .item > .right > .info-card ul li {
  width: 100%;
  padding: 0 20px 30px 0;
  margin: 0;
  font-weight: 700;
}
@media only screen and (min-width: 1100px) {
  .apprenticeships-data .inner > .section_content .item > .right > .info-card ul li {
    width: 50%;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .apprenticeships-data .inner > .section_content .item > .right > .info-card ul li {
    width: 50%;
  }
}
.apprenticeships-data .inner > .section_content .item > .right > .info-card ul li span {
  display: block;
  margin-block: 0 20px;
  margin-bottom: 10px;
  color: #00ABDD;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.apprenticeships-data .inner > .section_content .item > .right > .info-card p {
  margin-bottom: 0;
  font-style: italic;
}
.apprenticeships-data .inner > .section_content .item > .right > .app-cta {
  background-color: #7C6EB0;
  background-image: url(../img/brandmark-white.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .apprenticeships-data .inner > .section_content .item > .right > .app-cta {
    position: absolute;
    bottom: 50px;
    width: calc(100% - 20px);
  }
}
.apprenticeships-data .inner > .section_content .item > .right > .app-cta h2 {
  color: var(--light-color);
  font-weight: 400;
  text-transform: none;
  margin-bottom: 10px;
}
.apprenticeships-data .inner > .section_content .item > .right > .app-cta h2:before {
  filter: invert(62%) sepia(85%) saturate(393%) hue-rotate(37deg) brightness(92%) contrast(91%);
}
@media only screen and (max-width: 767px) {
  .apprenticeships-data .inner > .section_content .item {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/*------------------------------------*\
	CARDS
\*------------------------------------*/
@media only screen and (min-width: 768px) {
  .section.dc-cards > .inner .section_content {
    padding-inline: clamp(15px, 3vw, 80px);
  }
}
.section.dc-cards > .inner .section_content .dc-card a.overlay:after, .section.dc-cards > .inner .section.dc-hotboxes.style_1 > .inner .section_content .items .item a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section.dc-cards > .inner .section_content .items .item a.overlay:after, .section.dc-cards > .inner .section_content .dc-project-grid.style_1 .item a.overlay:after, .dc-project-grid.style_1 .section.dc-cards > .inner .section_content .item a.overlay:after {
  border-radius: 70px;
  transition: all 250ms ease-in-out;
}
.section.dc-cards > .inner .section_content .dc-card:hover a.overlay:after, .section.dc-cards > .inner .section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section.dc-cards > .inner .section_content .items .item:hover a.overlay:after, .section.dc-cards > .inner .section_content .dc-project-grid.style_1 .item:hover a.overlay:after, .dc-project-grid.style_1 .section.dc-cards > .inner .section_content .item:hover a.overlay:after, .section.dc-cards > .inner .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-card.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section.dc-cards > .inner .section_content .items .item:hover .dc-card.dc-btn a.overlay:after, .section.dc-cards > .inner .dc-project-grid.style_1 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn a.overlay:after, .section.dc-cards > .inner .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-project-grid.style_1 .item.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section.dc-cards > .inner .section_content .items .item:hover .dc-project-grid.style_1 .item.dc-btn a.overlay:after {
  width: clamp(80px, 4.9vw, 99px);
  background-color: var(--green-color);
  color: var(--light-color);
}

/*------------------------------------*\

    PROJECTS CAROUSEL

\*------------------------------------*/
.dc-projects-carousel .inner .section_content .items .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .dc-projects-carousel .inner .section_content .items .item {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper {
  position: relative;
  width: clamp(320px, 30%, 30%);
  min-height: 350px;
  padding: clamp(30px, 5vw, 80px) clamp(20px, 3.2vw, 60px);
  background: var(--theme-color);
}
@media only screen and (max-width: 767px) {
  .dc-projects-carousel .inner .section_content .items .item .content-wrapper {
    width: 100%;
    min-height: 300px;
  }
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper .top-title, .dc-projects-carousel .inner .section_content .items .item.dc-card .content-wrapper .app-code, .dc-projects-carousel .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper .app-code, .dc-projects-carousel .inner .section_content .items .dc-project-grid.style_1 .item .content-wrapper .app-code, .dc-project-grid.style_1 .dc-projects-carousel .inner .section_content .items .item .content-wrapper .app-code, .dc-projects-carousel .inner .section_content .items .dc-project-grid.style_1 .item .content-wrapper .content .client, .dc-project-grid.style_1 .dc-projects-carousel .inner .section_content .items .item .content-wrapper .content .client, .dc-projects-carousel .inner .section_content .items .dc-project-grid.style_1 .item .content .content-wrapper .client, .dc-project-grid.style_1 .dc-projects-carousel .inner .section_content .items .item .content .content-wrapper .client, .dc-projects-carousel .inner .section_content .items .item .content-wrapper .dc-project-grid.style_2 .item:after, .dc-project-grid.style_2 .dc-projects-carousel .inner .section_content .items .item .content-wrapper .item:after,
.dc-projects-carousel .inner .section_content .items .item .content-wrapper h3,
.dc-projects-carousel .inner .section_content .items .item .content-wrapper p,
.dc-projects-carousel .inner .section_content .items .item .content-wrapper .related-industries li a {
  color: var(--light-color);
  position: relative;
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper h3 {
  min-height: clamp(60px, 7vw, 140px);
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper h3 span {
  min-height: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  transition: all 350ms ease-out;
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper .short-description {
  opacity: 0;
  position: relative;
  transition: all 250ms ease-in-out;
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper .related-industries {
  opacity: 0;
  transition: all 250ms ease-in-out;
  position: relative;
  z-index: 1000;
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper .related-industries li {
  position: relative;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper .related-industries li a {
  font-size: 14px;
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper .related-industries li a:hover, .dc-projects-carousel .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .content-wrapper .related-industries li a.dc-btn {
  color: var(--dark-color);
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  transition: all 250ms ease-in-out;
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper:hover h3 span, .dc-projects-carousel .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .content-wrapper.dc-btn h3 span {
  min-height: clamp(60px, 7vw, 140px);
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper:hover:before, .dc-projects-carousel .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .content-wrapper.dc-btn:before {
  width: 100%;
  height: 100%;
  background: var(--theme2-color);
}
.dc-projects-carousel .inner .section_content .items .item .content-wrapper:hover .related-industries, .dc-projects-carousel .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .content-wrapper.dc-btn .related-industries,
.dc-projects-carousel .inner .section_content .items .item .content-wrapper:hover .short-description,
.dc-projects-carousel .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .content-wrapper.dc-btn .short-description {
  opacity: 1;
  max-width: 320px;
}
@media only screen and (max-width: 767px) {
  .dc-projects-carousel .inner .section_content .items .item .content-wrapper h3 span {
    min-height: clamp(60px, 7vw, 140px);
  }
  .dc-projects-carousel .inner .section_content .items .item .content-wrapper:before {
    width: 100%;
    height: 100%;
    background: var(--theme2-color);
  }
  .dc-projects-carousel .inner .section_content .items .item .content-wrapper .related-industries,
.dc-projects-carousel .inner .section_content .items .item .content-wrapper .short-description {
    opacity: 1;
    max-width: 320px;
  }
  .dc-projects-carousel .inner .section_content .items .item .content-wrapper:before {
    background: var(--theme-color);
  }
}
@media only screen and (min-width: 768px) {
  .dc-projects-carousel .inner .section_content .items .item .image-wrapper {
    -ms-flex: 1;
        flex: 1;
  }
}
.dc-projects-carousel .inner .section_content .items .item .image-wrapper img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .dc-projects-carousel .inner .section_content .items .item .image-wrapper img {
    max-height: 60vw;
  }
}
.dc-projects-carousel .inner .section_content .slider-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .dc-projects-carousel .inner .section_content .slider-footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .dc-projects-carousel .inner .section_content .slider-footer .dc-custom-dots {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .dc-projects-carousel .inner .section_content .slider-footer .dc-custom-dots .slick-dots {
    margin-block: 0;
  }
}

/*------------------------------------*\
  CAPABILITY DATA WRAPPER
\*------------------------------------*/
@media only screen and (min-width: 768px) {
  .section.dc-capability-data-wrapper > .inner .section_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) {
  .section.dc-capability-data-wrapper > .inner .section_content .item:first-child {
    -ms-flex: 1;
        flex: 1;
    max-width: 1145px;
    padding-right: clamp(30px, 7vw, 120px);
  }
}
.section.dc-capability-data-wrapper > .inner .section_content p {
  line-height: 1.23;
}
.section.dc-capability-data-wrapper > .inner .section_content h5 {
  color: var(--theme-color);
  margin-bottom: 32px;
}
.section.dc-capability-data-wrapper > .inner .section_content .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section.dc-capability-data-wrapper > .inner .section_content .content a {
  display: inline-block;
  padding: 3px 11px;
  margin: 0 10px 10px 0;
  border: 0.5px solid var(--dark-color);
  font-size: 14px;
}

/*------------------------------------*\

    CUSTOM SLIDER

\*------------------------------------*/
.custom-slider.slider_1 .inner .section_content .slider .slide {
  position: relative;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.custom-slider.slider_1 .inner .section_content .slider .slide .slide-background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.custom-slider.slider_1 .inner .section_content .slider .slide .text-wrapper {
  z-index: 2;
}

/*------------------------------------*\

    NEWS GRID

\*------------------------------------*/
.section.dc-news-grid > .inner {
  max-width: 1760px;
}
.section.dc-news-grid .grid-items, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items {
  width: calc(100% + 10px) !important;
}
@media only screen and (min-width: 768px) {
  .section.dc-news-grid .grid-items, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items {
    width: calc(100% + 20px) !important;
  }
}
.section.dc-news-grid .grid-items .dc-card, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-card, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-card, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-card, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-card, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card, .section.dc-hotboxes.style_1 > .inner .section_content .items .section.dc-news-grid .grid-items .item, .section.dc-news-grid .section.dc-hotboxes.style_1 > .inner .section_content .items .item, .section.dc-hotboxes.style_1 > .inner .section_content .section.dc-news-grid .items .item, .section.dc-hotboxes.style_1 > .inner .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item, .section.dc-news-grid .grid-items .dc-project-grid.style_1 .item, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-project-grid.style_1 .item, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-news-grid .grid-items .item, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .item, .section.dc-contact-cards > .inner .section_content .dc-project-grid.style_1 .section.dc-news-grid .items .item, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .item, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .item, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .item {
  width: calc(100% - 10px);
}
@media only screen and (min-width: 768px) {
  .section.dc-news-grid .grid-items .dc-card, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-card, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-card, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-card, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-card, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card, .section.dc-hotboxes.style_1 > .inner .section_content .items .section.dc-news-grid .grid-items .item, .section.dc-news-grid .section.dc-hotboxes.style_1 > .inner .section_content .items .item, .section.dc-hotboxes.style_1 > .inner .section_content .section.dc-news-grid .items .item, .section.dc-hotboxes.style_1 > .inner .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item, .section.dc-news-grid .grid-items .dc-project-grid.style_1 .item, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-project-grid.style_1 .item, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-news-grid .grid-items .item, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .item, .section.dc-contact-cards > .inner .section_content .dc-project-grid.style_1 .section.dc-news-grid .items .item, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .item, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .item, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .item {
    width: calc(50% - 20px);
  }
}
@media only screen and (min-width: 950px) {
  .section.dc-news-grid .grid-items .dc-card, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-card, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-card, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-card, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-card, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card, .section.dc-hotboxes.style_1 > .inner .section_content .items .section.dc-news-grid .grid-items .item, .section.dc-news-grid .section.dc-hotboxes.style_1 > .inner .section_content .items .item, .section.dc-hotboxes.style_1 > .inner .section_content .section.dc-news-grid .items .item, .section.dc-hotboxes.style_1 > .inner .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item, .section.dc-news-grid .grid-items .dc-project-grid.style_1 .item, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-project-grid.style_1 .item, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-news-grid .grid-items .item, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .item, .section.dc-contact-cards > .inner .section_content .dc-project-grid.style_1 .section.dc-news-grid .items .item, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .item, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .item, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item, .dc-project-grid.style_1 .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .item {
    width: calc(33.3333333333% - 20px);
  }
}
.section.dc-news-grid .grid-items .dc-card .content-wrapper, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-card .content-wrapper, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-card .content-wrapper, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-card .content-wrapper, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card .content-wrapper, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-card .content-wrapper, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card .content-wrapper, .section.dc-hotboxes.style_1 > .inner .section_content .items .section.dc-news-grid .grid-items .item .content-wrapper, .section.dc-news-grid .section.dc-hotboxes.style_1 > .inner .section_content .items .item .content-wrapper, .section.dc-hotboxes.style_1 > .inner .section_content .section.dc-news-grid .items .item .content-wrapper, .section.dc-hotboxes.style_1 > .inner .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item .content-wrapper, .section.dc-news-grid .grid-items .dc-project-grid.style_1 .item .content-wrapper, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-project-grid.style_1 .item .content-wrapper, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item .content-wrapper, .dc-project-grid.style_1 .section.dc-news-grid .grid-items .item .content-wrapper, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .item .content-wrapper, .section.dc-contact-cards > .inner .section_content .dc-project-grid.style_1 .section.dc-news-grid .items .item .content-wrapper, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item .content-wrapper, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .item .content-wrapper, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item .content-wrapper, .dc-project-grid.style_1 .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .item .content-wrapper, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item .content-wrapper, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item .content-wrapper, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item .content-wrapper, .dc-project-grid.style_1 .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .item .content-wrapper {
  max-width: 400px;
}
.section.dc-news-grid .grid-items .dc-card a.overlay:after, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-card a.overlay:after, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-card a.overlay:after, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-card a.overlay:after, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card a.overlay:after, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-card a.overlay:after, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section_content .items .section.dc-news-grid .grid-items .item a.overlay:after, .section.dc-news-grid .section.dc-hotboxes.style_1 > .inner .section_content .items .item a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section_content .section.dc-news-grid .items .item a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item a.overlay:after, .section.dc-news-grid .grid-items .dc-project-grid.style_1 .item a.overlay:after, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-project-grid.style_1 .item a.overlay:after, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item a.overlay:after, .dc-project-grid.style_1 .section.dc-news-grid .grid-items .item a.overlay:after, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .item a.overlay:after, .section.dc-contact-cards > .inner .section_content .dc-project-grid.style_1 .section.dc-news-grid .items .item a.overlay:after, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item a.overlay:after, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .item a.overlay:after, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item a.overlay:after, .dc-project-grid.style_1 .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .item a.overlay:after, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item a.overlay:after, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item a.overlay:after, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item a.overlay:after, .dc-project-grid.style_1 .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .item a.overlay:after {
  border-radius: 70px;
  transition: all 250ms ease-in-out;
}
.section.dc-news-grid .grid-items .dc-card:hover a.overlay:after, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-card:hover a.overlay:after, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-card:hover a.overlay:after, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-card:hover a.overlay:after, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card:hover a.overlay:after, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-card:hover a.overlay:after, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-card:hover a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section_content .items .section.dc-news-grid .grid-items .item:hover a.overlay:after, .section.dc-news-grid .section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section_content .section.dc-news-grid .items .item:hover a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item:hover a.overlay:after, .section.dc-news-grid .grid-items .dc-project-grid.style_1 .item:hover a.overlay:after, .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .dc-project-grid.style_1 .item:hover a.overlay:after, .section.dc-contact-cards > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item:hover a.overlay:after, .dc-project-grid.style_1 .section.dc-news-grid .grid-items .item:hover a.overlay:after, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-contact-cards > .inner .section_content .items .item:hover a.overlay:after, .section.dc-contact-cards > .inner .section_content .dc-project-grid.style_1 .section.dc-news-grid .items .item:hover a.overlay:after, .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item:hover a.overlay:after, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-hotboxes > .inner .section_content .items .item:hover a.overlay:after, .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item:hover a.overlay:after, .dc-project-grid.style_1 .section.dc-hotboxes > .inner .section_content .section.dc-news-grid .items .item:hover a.overlay:after, .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .dc-project-grid.style_1 .item:hover a.overlay:after, .dc-project-grid.style_1 .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item:hover a.overlay:after, .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .dc-project-grid.style_1 .item:hover a.overlay:after, .dc-project-grid.style_1 .section.dc-image-hotboxes > .inner .section_content .section.dc-news-grid .items .item:hover a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-news-grid .grid-items .dc-card.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section.dc-contact-cards > .inner .section_content .items .item:hover .section.dc-news-grid .items .dc-card.dc-btn a.overlay:after, .section.dc-contact-cards > .inner .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-news-grid .items .dc-card.dc-btn a.overlay:after, .section.dc-news-grid .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-card.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section_content .section.dc-news-grid .items .item:hover .dc-card.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item:hover .dc-card.dc-btn a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-news-grid .grid-items .item.dc-btn a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section.dc-hotboxes.style_2 > .inner .section.dc-contact-cards > .inner .section_content .items .item:hover .section.dc-news-grid .items .item.dc-btn a.overlay:after, .section.dc-contact-cards > .inner .section.dc-hotboxes.style_1 > .inner .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-news-grid .items .item.dc-btn a.overlay:after, .section.dc-hotboxes.style_1 > .inner .section.dc-news-grid .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover .section.dc-news-grid .grid-items .item.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section.dc-hotboxes.style_1 > .inner .section.dc-contact-cards > .inner .section_content .items .item:hover .section.dc-news-grid .items .item.dc-btn a.overlay:after, .section.dc-contact-cards > .inner .section.dc-hotboxes.style_2 > .inner .section.dc-hotboxes.style_1 > .inner .section_content .items .item:hover .section.dc-news-grid .items .item.dc-btn a.overlay:after, .dc-project-grid.style_1 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-news-grid .grid-items .item.dc-btn a.overlay:after, .dc-project-grid.style_1 .section.dc-hotboxes.style_2 > .inner .section.dc-contact-cards > .inner .section_content .items .item:hover .section.dc-news-grid .items .item.dc-btn a.overlay:after, .section.dc-contact-cards > .inner .dc-project-grid.style_1 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-news-grid .items .item.dc-btn a.overlay:after, .section.dc-news-grid .dc-project-grid.style_1 .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-project-grid.style_1 .section.dc-news-grid .grid-items .item.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section.dc-contact-cards > .inner .section_content .items .item:hover .dc-project-grid.style_1 .section.dc-news-grid .items .item.dc-btn a.overlay:after, .section.dc-contact-cards > .inner .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-project-grid.style_1 .section.dc-news-grid .items .item.dc-btn a.overlay:after, .section.dc-news-grid .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .dc-project-grid.style_1 .item.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section_content .section.dc-news-grid .items .item:hover .dc-project-grid.style_1 .item.dc-btn a.overlay:after, .section.dc-hotboxes.style_2 > .inner .section.dc-news-grid .section.dc-image-hotboxes > .inner .section_content .items .item:hover .dc-project-grid.style_1 .item.dc-btn a.overlay:after {
  width: clamp(80px, 4.9vw, 99px);
  background-color: var(--green-color);
  color: var(--light-color);
}

/*------------------------------------*\
    SECTION SLIDER STYLES
\*------------------------------------*/
.section-slider {
  padding-bottom: 0 !important;
}
.section-slider .inner .section_intro {
  margin-bottom: 0 !important;
}
.section-slider .inner .section_intro .title-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0 !important;
}
.section-slider .inner .section_intro .title-wrapper:after {
  content: "";
  position: absolute;
  right: 0;
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../img/brandmark-outline.svg) no-repeat;
  background-size: contain;
}
.section-slider .inner .section_intro .title-wrapper h2.title {
  margin-bottom: 0 !important;
  max-width: 1200px;
  -ms-flex: 1;
      flex: 1;
}
.section-slider .inner .section_content {
  padding: clamp(30px, 7vw, 110px) 0;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .section-slider .inner .section_content {
    padding-inline: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-slider .inner .section_content {
    padding-inline: 15px;
  }
}
.section-slider .inner .section_content .section-slides-wrapper {
  position: relative;
}
.section-slider .inner .section_content .section-slides-wrapper .section-slide .text-wrapper .image-wrapper.mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .text-wrapper .image-wrapper.mobile {
    display: block;
    margin-block: 20px 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section-slider .inner .section_content .section-slides-wrapper .section-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .left,
.section-slider .inner .section_content .section-slides-wrapper .section-slide .right {
    width: 50%;
  }
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .left {
    -ms-flex: 1;
        flex: 1;
  }
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .left .text-wrapper {
    height: calc(100vh - 250px);
  }
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .left .text-wrapper .text {
    position: -webkit-sticky;
    position: sticky;
    top: 200px;
    padding-bottom: 100px;
    padding-right: 10%;
  }
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .left .text-wrapper .text > * {
    max-width: 620px;
  }
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .right {
    position: -webkit-sticky;
    position: sticky;
    top: 200px;
  }
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .right .image-wrapper {
    position: absolute;
    overflow: hidden;
    aspect-ratio: 3/2;
    height: unset;
    max-height: unset;
  }
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .right .image-wrapper img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
}
.section-slider .inner .section_content .section-slides-wrapper .section-slide .right {
  aspect-ratio: 3/2;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .section-slider .inner .section_content .section-slides-wrapper .section-slide .right {
    display: none;
  }
}

/*------------------------------------*\

    SOCIAL MEDIA SECTION

\*------------------------------------*/
.section.dc-social-media-section > .inner .section_intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 0 !important;
}
.section.dc-social-media-section > .inner .section_intro h2:before {
  color: var(--theme-color);
}
@media only screen and (max-width: 767px) {
  .section.dc-social-media-section > .inner .section_intro {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .section.dc-social-media-section > .inner .section_intro .title {
    max-width: 300px;
  }
  .section.dc-social-media-section > .inner .section_intro .dc_social_icons {
    margin-top: 20px;
  }
  .section.dc-social-media-section > .inner .section_intro .dc_social_icons li {
    margin: 0 10px 0 0;
  }
}

/*------------------------------------*\
  TESTIMONIALS
\*------------------------------------*/
@media only screen and (max-width: 767px) {
  .section.dc-testimonials {
    overflow: hidden;
  }
}
.section.dc-testimonials .section_intro,
.section.dc-testimonials .section_content {
  padding-inline: clamp(35px, 4vw, 80px);
}
@media only screen and (max-width: 767px) {
  .section.dc-testimonials .section_intro,
.section.dc-testimonials .section_content {
    padding-inline: 0;
  }
}
.section.dc-testimonials .section_intro h2 {
  position: relative;
}
.section.dc-testimonials .section_intro h2:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-testimonials .section_intro h2:before {
    margin-right: 12px;
  }
}
.section.dc-testimonials .section_intro h2:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-testimonials .slick-list {
  width: calc(100% + 20px);
}
.section.dc-testimonials .slick-list:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background: var(--light-color);
}
.section.dc-testimonials .slick-track {
  display: -ms-flexbox;
  display: flex;
}
.section.dc-testimonials .item {
  height: unset;
  margin-right: 20px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.section.dc-testimonials .item .image-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}
.section.dc-testimonials .item .image-wrapper img {
  object-fit: cover;
}
.section.dc-testimonials .item .content-wrapper {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 50px clamp(20px, 5vw, 100px) clamp(50px, 8vw, 150px);
}
.section.dc-testimonials .item .text {
  margin-bottom: 30px;
  color: #fff;
}
.section.dc-testimonials .item .text:before {
  content: "";
  display: block;
  width: 29px;
  height: 20px;
  margin-bottom: 15px;
  background: url("../img/quotes.svg");
}
.section.dc-testimonials .item .author {
  font-weight: 600;
  text-transform: none;
  display: block;
  color: var(--light-color);
}
.section.dc-testimonials .item .author .job-title {
  color: #fff;
  font-weight: 400;
  width: 100%;
  display: block;
}
.section.dc-testimonials .item .tag {
  color: #fff;
  border: 1px solid #fff;
  margin-right: auto;
  font-size: 14px;
  font-weight: 500;
  border-radius: 33px;
  text-transform: uppercase;
  padding: 3px 17px;
  margin-bottom: clamp(50px, 7vw, 120px);
}
.section.dc-testimonials .item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #7C6EB0;
  z-index: 1;
  background-image: url("../img/brandmark-colour-web.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 33.5%;
  transition: all 250ms ease-in-out;
}
.section.dc-testimonials .item:hover::after, .section.dc-testimonials .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .item.dc-btn::after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .section.dc-testimonials .item.dc-btn::after {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.section.dc-testimonials.bg_dark .item .text,
.section.dc-testimonials.bg_dark .item .description,
.section.dc-testimonials.bg_dark .author,
.section.dc-testimonials.bg_dark button.slick-arrow:after {
  color: var(--light-color);
}

/*------------------------------------*\
    INFOBOXES
\*------------------------------------*/
.section.dc-infoboxes {
  overflow: hidden;
}
.section.dc-infoboxes > .inner {
  padding-inline: 10px;
}
@media only screen and (min-width: 768px) {
  .section.dc-infoboxes > .inner {
    padding-inline: clamp(35px, 4vw, 80px);
  }
}
.section.dc-infoboxes > .inner > .section_intro .title {
  position: relative;
  margin-left: clamp(28px, 2.5vw, 48px);
}
.section.dc-infoboxes > .inner > .section_intro .title:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-infoboxes > .inner > .section_intro .title:before {
    margin-right: 12px;
  }
}
.section.dc-infoboxes > .inner > .section_intro .title:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-infoboxes > .inner > .section_content .slick-list {
  margin-left: -10px;
  width: calc(100% + 20px);
}
.section.dc-infoboxes > .inner > .section_content .items {
  display: -ms-flexbox;
  display: flex;
}
.section.dc-infoboxes > .inner > .section_content .items .item {
  transition: all 350ms ease-in-out;
  position: relative;
  margin-top: 0 !important;
  margin-inline: 10px;
  background-color: var(--grey-color);
  background-image: url(../img/brandmark-white.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
  border-radius: 20px;
  -ms-flex: 1;
      flex: 1;
}
.section.dc-infoboxes > .inner > .section_content .items .item .content-wrapper {
  padding: clamp(25px, 3vw, 54px) clamp(20px, 2vw, 40px) clamp(30px, 3.2vw, 52px);
  height: 100%;
}
.section.dc-infoboxes > .inner > .section_content .items .item h3 {
  color: var(--light-color);
  font-weight: 400;
  max-width: 305px;
  margin: 0;
}
.section.dc-infoboxes > .inner > .section_content .items .item h3 strong {
  font-weight: 700;
}
.section.dc-infoboxes > .inner > .section_content .items .item:nth-child(4n-3) {
  background-color: #7C6EB0;
}
.section.dc-infoboxes > .inner > .section_content .items .item:nth-child(4n-2) {
  background-color: #00ABDD;
}
.section.dc-infoboxes > .inner > .section_content .items .item:nth-child(4n-1) {
  background-color: #F18A00;
}
.section.dc-infoboxes > .inner > .section_content .items .item:nth-child(4n) {
  background-color: #8ABD24;
}

/*------------------------------------*\
  JOB BOARD
\*------------------------------------*/
.section.dc-job-board > .inner > .section_content {
  padding-inline: clamp(25px, 5vw, 80px);
}
.section.dc-job-board .items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.section.dc-job-board .items .item {
  width: 100%;
  padding-top: 30px;
}
@media only screen and (min-width: 768px) {
  .section.dc-job-board .items .item.width_8_4 {
    padding: 45px 70px 0 12px;
  }
  .section.dc-job-board .items .item.width_8_4:nth-child(odd) {
    -ms-flex: 1;
        flex: 1;
    padding-left: 0;
  }
  .section.dc-job-board .items .item.width_8_4:nth-child(even) {
    width: 33.333%;
    min-width: 420px;
    padding-right: 0;
  }
  .section.dc-job-board .items .item.width_8_4:nth-child(1), .section.dc-job-board .items .item.width_8_4:nth-child(2) {
    padding-top: 0;
  }
}
.section.dc-job-board .items .item.sidebar .sidebar-widget {
  margin-bottom: 30px;
  border-radius: 30px;
  padding: clamp(30px, 4vw, 80px) clamp(20px, 3vw, 60px) clamp(30px, 4vw, 80px) clamp(30px, 4vw, 80px);
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:first-child {
  background-color: #7C6EB0;
  background-image: url(../img/brandmark-colour-web.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 33.5%;
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:first-child h2,
.section.dc-job-board .items .item.sidebar .sidebar-widget:first-child p {
  color: var(--light-color);
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:first-child h2 {
  position: relative;
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:first-child h2:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-job-board .items .item.sidebar .sidebar-widget:first-child h2:before {
    margin-right: 12px;
  }
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:first-child h2:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:first-child p:last-child {
  margin-bottom: 0;
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:nth-child(2) {
  background-color: #F8F5ED;
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:nth-child(2) h2 {
  position: relative;
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:nth-child(2) h2:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-job-board .items .item.sidebar .sidebar-widget:nth-child(2) h2:before {
    margin-right: 12px;
  }
}
.section.dc-job-board .items .item.sidebar .sidebar-widget:nth-child(2) h2:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-job-board .items .item.sidebar h2 {
  text-transform: none;
  margin-bottom: clamp(12px, 0.8vw, 15px);
}
.section.dc-job-board .items .item.sidebar h2:before {
  font-size: 24px !important;
  top: 1px;
  left: -30px !important;
}
.section.dc-job-board .items .item.sidebar p:empty {
  display: none;
}
.section.dc-job-board #jobboard {
  border: 2px solid var(--green-color) !important;
  border-radius: 30px;
}

/*------------------------------------*\
    CONTACT CARDS
\*------------------------------------*/
.section.dc-contact-cards > .inner {
  padding-inline: clamp(25px, 5vw, 80px);
}
.section.dc-contact-cards > .inner > .section_intro {
  border-top: 0 !important;
}
.section.dc-contact-cards > .inner > .section_intro h2.title {
  text-align: left;
  position: relative;
}
.section.dc-contact-cards > .inner > .section_intro h2.title:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-contact-cards > .inner > .section_intro h2.title:before {
    margin-right: 12px;
  }
}
.section.dc-contact-cards > .inner > .section_intro h2.title:before {
  position: absolute;
  left: clamp(-40px, -2vw, -25px);
  top: clamp(1px, 0.2vw, 4px);
  margin-top: 3px;
}
.section.dc-contact-cards > .inner > .section_intro h2.title:before {
  left: 0;
  position: relative;
  -ms-transform: translateY(-8px);
      transform: translateY(-8px);
}
.section.dc-contact-cards > .inner > .section_intro .description {
  max-width: 680px;
  margin: 0 auto;
}
.section.dc-contact-cards > .inner .section_content .items .item {
  background-color: #F8F5ED;
  padding: 50px 30px;
  margin-bottom: 20px;
  border-radius: 20px;
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper:before {
  content: "";
  position: relative;
  vertical-align: 0;
  background: url(../img/gc-arrow-right.svg) no-repeat;
  background-size: 100%;
  width: clamp(11px, 1vw, 17px);
  height: 26px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .section.dc-contact-cards > .inner .section_content .items .item .content-wrapper:before {
    margin-right: 12px;
  }
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper:before {
  margin-bottom: 20px;
  margin-left: 6px;
  width: 20px;
  height: 30px;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  color: var(--theme2-color);
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper:before {
  font-size: 0.9em;
  font-weight: 900 !important;
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper h3 {
  margin-block: 10px clamp(12px, 0.8vw, 12px);
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper h3 + p {
  font-style: italic;
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper .address {
  -ms-flex: 1;
      flex: 1;
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper .address p {
  margin-bottom: 0;
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper .button-wrapper {
  margin-top: 30px;
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper .button-wrapper a {
  border: 1px solid var(--dark-color);
  border-radius: 30px;
  line-height: 1em;
  padding: 7px 20px;
}
.section.dc-contact-cards > .inner .section_content .items .item .content-wrapper .button-wrapper a:hover, .section.dc-contact-cards > .inner .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .content-wrapper .button-wrapper a.dc-btn, .section.dc-hotboxes.style_2 > .inner .section.dc-contact-cards > .inner .section_content .items .item:hover .content-wrapper .button-wrapper a.dc-btn {
  background: var(--dark-color);
  color: var(--light-color);
}

/*------------------------------------*\
    TRAINING GRID
\*------------------------------------*/
/* GRAVITY FORMS */
/*------------------------------------*\
	GRAVITY FORM
\*------------------------------------*/
.gform_wrapper .gform_fields {
  grid-row-gap: 22px !important;
  grid-column-gap: 20px !important;
}
.gform_wrapper .ginput_container {
  margin: 0 !important;
}
.gform_wrapper .ginput_container input[type=email],
.gform_wrapper .ginput_container input[type=number],
.gform_wrapper .ginput_container input[type=password],
.gform_wrapper .ginput_container input[type=tel],
.gform_wrapper .ginput_container input[type=text],
.gform_wrapper .ginput_container input[type=url],
.gform_wrapper .ginput_container textarea.medium,
.gform_wrapper .ginput_container textarea.large,
.gform_wrapper .ginput_container textarea.small,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container #theme-page select {
  color: var(--dark-color) !important;
  font-size: 16px !important;
  line-height: 18px;
  background-color: transparent !important;
  box-shadow: none;
  margin: 0 !important;
  padding: 10px 16px 10px !important;
  width: 100%;
  max-width: 100%;
  border: 0 none !important;
  border: 1px solid var(--dark-color) !important;
  border-radius: 10px;
  -webkit-appearance: button;
}
.gform_wrapper .ginput_container input[type=email]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=number]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=password]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=tel]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=text]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=url]::-webkit-input-placeholder,
.gform_wrapper .ginput_container textarea.medium::-webkit-input-placeholder,
.gform_wrapper .ginput_container textarea.large::-webkit-input-placeholder,
.gform_wrapper .ginput_container textarea.small::-webkit-input-placeholder,
.gform_wrapper .ginput_container select::-webkit-input-placeholder,
.gform_wrapper .ginput_container #theme-page select::-webkit-input-placeholder {
  font-size: 16px !important;
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
.gform_wrapper .ginput_container input[type=email]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=number]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=password]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=tel]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=text]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=url]:-moz-placeholder,
.gform_wrapper .ginput_container textarea.medium:-moz-placeholder,
.gform_wrapper .ginput_container textarea.large:-moz-placeholder,
.gform_wrapper .ginput_container textarea.small:-moz-placeholder,
.gform_wrapper .ginput_container select:-moz-placeholder,
.gform_wrapper .ginput_container #theme-page select:-moz-placeholder {
  font-size: 16px !important;
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
.gform_wrapper .ginput_container input[type=email]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=number]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=password]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=tel]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=text]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=url]::-moz-placeholder,
.gform_wrapper .ginput_container textarea.medium::-moz-placeholder,
.gform_wrapper .ginput_container textarea.large::-moz-placeholder,
.gform_wrapper .ginput_container textarea.small::-moz-placeholder,
.gform_wrapper .ginput_container select::-moz-placeholder,
.gform_wrapper .ginput_container #theme-page select::-moz-placeholder {
  font-size: 16px !important;
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
.gform_wrapper .ginput_container input[type=email]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=number]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=password]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=tel]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=text]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=url]:-ms-input-placeholder,
.gform_wrapper .ginput_container textarea.medium:-ms-input-placeholder,
.gform_wrapper .ginput_container textarea.large:-ms-input-placeholder,
.gform_wrapper .ginput_container textarea.small:-ms-input-placeholder,
.gform_wrapper .ginput_container select:-ms-input-placeholder,
.gform_wrapper .ginput_container #theme-page select:-ms-input-placeholder {
  font-size: 16px !important;
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
.gform_wrapper .ginput_container input[type=email]:focus,
.gform_wrapper .ginput_container input[type=number]:focus,
.gform_wrapper .ginput_container input[type=password]:focus,
.gform_wrapper .ginput_container input[type=tel]:focus,
.gform_wrapper .ginput_container input[type=text]:focus,
.gform_wrapper .ginput_container input[type=url]:focus,
.gform_wrapper .ginput_container textarea.medium:focus,
.gform_wrapper .ginput_container textarea.large:focus,
.gform_wrapper .ginput_container textarea.small:focus,
.gform_wrapper .ginput_container select:focus,
.gform_wrapper .ginput_container #theme-page select:focus {
  background: var(--light-color) !important;
  color: var(--dark-color) !important;
}
.gform_wrapper .ginput_container input[type=email]:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=number]:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=password]:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=tel]:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=text]:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=url]:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container textarea.medium:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container textarea.large:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container textarea.small:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container select:focus::-webkit-input-placeholder,
.gform_wrapper .ginput_container #theme-page select:focus::-webkit-input-placeholder {
  color: var(--dark-color) !important;
}
.gform_wrapper .ginput_container input[type=email]:focus:-moz-placeholder,
.gform_wrapper .ginput_container input[type=number]:focus:-moz-placeholder,
.gform_wrapper .ginput_container input[type=password]:focus:-moz-placeholder,
.gform_wrapper .ginput_container input[type=tel]:focus:-moz-placeholder,
.gform_wrapper .ginput_container input[type=text]:focus:-moz-placeholder,
.gform_wrapper .ginput_container input[type=url]:focus:-moz-placeholder,
.gform_wrapper .ginput_container textarea.medium:focus:-moz-placeholder,
.gform_wrapper .ginput_container textarea.large:focus:-moz-placeholder,
.gform_wrapper .ginput_container textarea.small:focus:-moz-placeholder,
.gform_wrapper .ginput_container select:focus:-moz-placeholder,
.gform_wrapper .ginput_container #theme-page select:focus:-moz-placeholder {
  color: var(--dark-color) !important;
}
.gform_wrapper .ginput_container input[type=email]:focus::-moz-placeholder,
.gform_wrapper .ginput_container input[type=number]:focus::-moz-placeholder,
.gform_wrapper .ginput_container input[type=password]:focus::-moz-placeholder,
.gform_wrapper .ginput_container input[type=tel]:focus::-moz-placeholder,
.gform_wrapper .ginput_container input[type=text]:focus::-moz-placeholder,
.gform_wrapper .ginput_container input[type=url]:focus::-moz-placeholder,
.gform_wrapper .ginput_container textarea.medium:focus::-moz-placeholder,
.gform_wrapper .ginput_container textarea.large:focus::-moz-placeholder,
.gform_wrapper .ginput_container textarea.small:focus::-moz-placeholder,
.gform_wrapper .ginput_container select:focus::-moz-placeholder,
.gform_wrapper .ginput_container #theme-page select:focus::-moz-placeholder {
  color: var(--dark-color) !important;
}
.gform_wrapper .ginput_container input[type=email]:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=number]:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=password]:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=tel]:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=text]:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=url]:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container textarea.medium:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container textarea.large:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container textarea.small:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container select:focus:-ms-input-placeholder,
.gform_wrapper .ginput_container #theme-page select:focus:-ms-input-placeholder {
  color: var(--dark-color) !important;
}
@media only screen and (min-width: 1360px) {
  .gform_wrapper .ginput_container input[type=email],
.gform_wrapper .ginput_container input[type=number],
.gform_wrapper .ginput_container input[type=password],
.gform_wrapper .ginput_container input[type=tel],
.gform_wrapper .ginput_container input[type=text],
.gform_wrapper .ginput_container input[type=url],
.gform_wrapper .ginput_container textarea.medium,
.gform_wrapper .ginput_container textarea.large,
.gform_wrapper .ginput_container textarea.small,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container #theme-page select {
    font-size: 18px !important;
  }
  .gform_wrapper .ginput_container input[type=email]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=number]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=password]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=tel]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=text]::-webkit-input-placeholder,
.gform_wrapper .ginput_container input[type=url]::-webkit-input-placeholder,
.gform_wrapper .ginput_container textarea.medium::-webkit-input-placeholder,
.gform_wrapper .ginput_container textarea.large::-webkit-input-placeholder,
.gform_wrapper .ginput_container textarea.small::-webkit-input-placeholder,
.gform_wrapper .ginput_container select::-webkit-input-placeholder,
.gform_wrapper .ginput_container #theme-page select::-webkit-input-placeholder {
    font-size: 18px !important;
  }
  .gform_wrapper .ginput_container input[type=email]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=number]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=password]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=tel]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=text]:-moz-placeholder,
.gform_wrapper .ginput_container input[type=url]:-moz-placeholder,
.gform_wrapper .ginput_container textarea.medium:-moz-placeholder,
.gform_wrapper .ginput_container textarea.large:-moz-placeholder,
.gform_wrapper .ginput_container textarea.small:-moz-placeholder,
.gform_wrapper .ginput_container select:-moz-placeholder,
.gform_wrapper .ginput_container #theme-page select:-moz-placeholder {
    font-size: 18px !important;
  }
  .gform_wrapper .ginput_container input[type=email]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=number]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=password]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=tel]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=text]::-moz-placeholder,
.gform_wrapper .ginput_container input[type=url]::-moz-placeholder,
.gform_wrapper .ginput_container textarea.medium::-moz-placeholder,
.gform_wrapper .ginput_container textarea.large::-moz-placeholder,
.gform_wrapper .ginput_container textarea.small::-moz-placeholder,
.gform_wrapper .ginput_container select::-moz-placeholder,
.gform_wrapper .ginput_container #theme-page select::-moz-placeholder {
    font-size: 18px !important;
  }
  .gform_wrapper .ginput_container input[type=email]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=number]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=password]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=tel]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=text]:-ms-input-placeholder,
.gform_wrapper .ginput_container input[type=url]:-ms-input-placeholder,
.gform_wrapper .ginput_container textarea.medium:-ms-input-placeholder,
.gform_wrapper .ginput_container textarea.large:-ms-input-placeholder,
.gform_wrapper .ginput_container textarea.small:-ms-input-placeholder,
.gform_wrapper .ginput_container select:-ms-input-placeholder,
.gform_wrapper .ginput_container #theme-page select:-ms-input-placeholder {
    font-size: 18px !important;
  }
}

.gform_wrapper .gform-body .gfield .gfield_label {
  color: var(--purple-color) !important;
  font-size: 13px !important;
  letter-spacing: 0.1em;
  line-height: 13px !important;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .gform_wrapper .gform-body .gfield .gfield_label {
    font-size: 14px !important;
    line-height: 14px !important;
  }
}
.gform_wrapper .gform-body .gfield:focus .gfield_label {
  color: var(--dark-color);
}

.gform_wrapper .gform_footer {
  margin: 0 !important;
  padding: 0;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .gform_wrapper .gform_footer {
    margin-top: 35px !important;
    padding-top: 0 !important;
  }
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
  line-height: 48px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-sizing: border-box;
  width: auto;
  padding-inline: 68px 24px;
  margin-top: clamp(12px, 2vw, 20px);
  opacity: 1;
  -ms-flex-align: center;
      align-items: center;
  color: var(--dark-color);
  background-color: var(--light-color);
  border-radius: 50px;
  color: var(--light-color);
  background-color: var(--dark-color);
  padding-inline: 24px !important;
  border: 0 none !important;
}
@media only screen and (min-width: 768px) {
  .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    line-height: 52px;
  }
}
@media only screen and (min-width: 950px) {
  .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    line-height: 56px;
  }
}
.gform_wrapper .gform_footer input.button > span,
.gform_wrapper .gform_footer input[type=submit] > span {
  position: relative;
  white-space: nowrap;
}
.gform_wrapper .gform_footer input.button:after,
.gform_wrapper .gform_footer input[type=submit]:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  background-image: url("../img/arrow-button.svg");
  background-color: #8ABD24;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 10px;
  border-radius: 100%;
  transition: all 250ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .gform_wrapper .gform_footer input.button:after,
.gform_wrapper .gform_footer input[type=submit]:after {
    left: 7px;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 950px) {
  .gform_wrapper .gform_footer input.button:after,
.gform_wrapper .gform_footer input[type=submit]:after {
    left: 9px;
  }
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover input.button.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .gform_wrapper .gform_footer input.button.dc-btn,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover input[type=submit].dc-btn,
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .gform_wrapper .gform_footer input[type=submit].dc-btn {
  padding-left: 24px !important;
  padding-right: 68px !important;
}
.gform_wrapper .gform_footer input.button:hover:after, .gform_wrapper .gform_footer .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover input.button.dc-btn:after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .gform_wrapper .gform_footer input.button.dc-btn:after,
.gform_wrapper .gform_footer input[type=submit]:hover:after,
.gform_wrapper .gform_footer .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover input[type=submit].dc-btn:after,
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .gform_wrapper .gform_footer input[type=submit].dc-btn:after {
  left: calc(100% - 9px - 40px) !important;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover input.button.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .gform_wrapper .gform_footer input.button.dc-btn,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover input[type=submit].dc-btn,
.section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover .gform_wrapper .gform_footer input[type=submit].dc-btn {
  color: var(--light-color);
  background: var(--theme-color) !important;
  padding-inline: 24px !important;
}
@media only screen and (max-width: 767px) {
  .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    line-height: 2;
    min-height: 2rem;
    max-width: 560px;
  }
}

.gform_wrapper > .gform_validation_errors {
  display: none;
}
.gform_wrapper > .gform_validation_errors + form {
  padding-bottom: 30px;
}
@media only screen and (max-width: 849px) {
  .gform_wrapper > .gform_validation_errors + form div.gform_footer.top_label {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 650px) {
  .gform_wrapper > .gform_validation_errors + form div.gform_footer.top_label {
    margin-top: 10px;
  }
  .gform_wrapper > .gform_validation_errors + form div.gform_body ul.top_label.form_sublabel_below li.gfield {
    margin-bottom: 50px !important;
  }
}
.gform_wrapper .gfield.gfield_error .validation_message {
  font-weight: 400;
  color: red;
}
.gform_wrapper form div.gform_body .top_label.form_sublabel_below .gfield.gfield.gfield_error > .gfield_label {
  color: red !important;
}
.gform_wrapper form div.gform_body .top_label.form_sublabel_below .gfield.gfield.gfield_error > .ginput_container > input {
  border-color: red !important;
}

.form-wrapper .title h2 {
  font-size: 32px;
}
@media only screen and (max-width: 1099px) {
  .form-wrapper .title h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 949px) {
  .form-wrapper .title h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .form-wrapper .title h2 {
    font-size: 22px;
  }
}

.gform_wrapper .gform_heading .gform_required_legend {
  display: none;
}

/*
.gform_wrapper {
	max-width: 100%;
	margin: 0 auto;

	.gform_heading,
	.gform_body,
	.gform_footer {
		width: 100% !important;
		max-width: 810px;
		margin-left: auto !important;
		margin-right: auto !important
	}
}
*/
/*
.gform_wrapper {
	max-width: 100%;
	margin: 0 auto;

	.gform_body {
		width: 100% !important;
		max-width: 810px;
		margin: 40px auto 0;

		ul {
			margin: 0;

			li.gfield {
				position: relative;
				margin: 0 0 8px !important;
				padding: 0 !important;

				color: $grav_field_font_color !important;

				border: unset !important;
				background: none;

				@include mq('tablet-small', max) {
					padding-left: 0 !important;
				}

				&.gf_left_half {
					width: 50%;
					max-width: 50%;
					padding: 11px 1% 0 0 !important;

					@include mq('tablet-small', max) {
						width: 100%;
						max-width: 100%;
						padding: 0 !important;
					}
				}

				&.gf_right_half {
					width: 50%;
					max-width: 50%;
					padding: 11px 0 0 1% !important;

					@include mq('tablet-small', max) {
						width: 100%;
						max-width: 100%;
						padding: 0 !important;
					}

					label {
						left: 10px;

						@include mq('tablet-small', max) {
							left: 0;
						}
					}
				}

				label {
					@extend %font_family_base;
					color: $grav_label_color;
					font-size: $grav_label_font_size;

					margin-bottom: 6px;
					padding: 0 !important;
				}

				.ginput_container {

					input[type=text].datepicker {
						width: 100%;
					}

					textarea.large {
						height: 150px;
						background: transparent;
					}

					.gfield_radio {
						display: flex;
					}

					input:-webkit-autofill,
					input:-webkit-autofill:hover,
					input:-webkit-autofill:focus textarea:-webkit-autofill,
					textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
					select:-webkit-autofill,
					select:-webkit-autofill:hover,
					select:-webkit-autofill:focus {
						-webkit-text-fill-color: $black;
						-webkit-box-shadow: 0 0 0 0 transparent inset;
						transition: background-color 5000s ease-in-out 0s;
					}

					select {
						background-color: white;
						background-image: url('../img/ic_arrow.svg');
						background-size: 21px;
						background-position: calc(100% - 10px) center;
						background-repeat: no-repeat;

						padding-right: 60px;
					}	
				}

				.clear-multi {
					border-bottom: 1px solid #8e9498 !important;

					.ginput_container {

						input,
						select {
							border: unset !important;
						}
					}
				}

				.gfield_required {
					color: var(--grey-color);
				}		

				.gfield_checkbox {

					input[type=checkbox] {
						margin: 0 6px 0 0;
					}

					label {
						margin-bottom: 0;
					}
				}

				.gfield_radio {

					li {

						input[type=radio] {
							position: absolute;
							visibility: hidden;
						}

						label {
							display: block;
							position: relative;
							font-weight: 300;
							font-size: 16px;
							padding: 10px 70px 0 0 !important;
							margin: 0 40px 0 0;
							height: 45px;
							z-index: 9;
							cursor: pointer;
							-webkit-transition: all 0.25s linear;
							left: 0;
							max-width: 100% !important;
							width: auto !important;

							@include mq('960', max) {
								padding: 10px 50px 0 0 !important;
								margin: 0 30px 0 0;
							}

							@include mq('800', max) {
								padding: 10px 40px 0 0 !important;
								margin: 0 20px 0 0;
							}

							&:before {
								content: "";
								display: block;
								position: absolute;
								border: 10px solid #f7f8fc;
								border-radius: 100%;
								height: 37px;
								width: 37px;
								top: 4px;
								right: 20px;
								z-index: 5;
								transition: all .2s linear;
								-webkit-transition: all .2s linear;

								@include mq('960', max) {
									right: 0;
								}

								@include mq('800', max) {
									top: 9px;
									height: 30px;
									width: 30px;
								}

								&:hover {

									&:before {
										background: $theme_color;
									}
								}
							}

							&:hover label {
								//color: $theme_color;
							}

							input[type=radio]:checked~label:before {
								border: 8px solid $theme_color;
							}

							input[type=radio]:checked:hover~label:before {
								background: none;
							}

							input[type=radio]:checked~label {
								color: var(--grey-color);
							}

							&:last-child {

								label {
									margin: 0 !important;

									@include mq('960', max) {
										margin: 0 !important;
									}

									@include mq('800', max) {
										margin: 0 !important;
									}
								}
							}
						}
					}
				}

				&.message {

					@include mq('650', min) {
						margin-top: -50px !important;
					}
				}

				&.hidden_label {
					padding-top: 0 !important;
				}
			}
		}
	}

	.column-count-2-of-2 {
		li.gfield {
			padding: 0 0 0 14px !important;
		}
	}





}

*/
/*
body img.gform_ajax_spinner {
	position: absolute;
	bottom: 18px;
	left: calc(50% + 62px);

	//bottom: -32px;
	//left: calc(50% - 16px);

	width: 36px !important;
	height: 36px !important;
	max-width: 42px !important;
	margin: 0 !important;
	padding: 0 !important;

	//background: white;
	//border-radius: 50%;
}
*/
/* Spinner */
/*
.gform_ajax_spinner {
margin-left: 20px;
border: 4px solid rgba(255, 255, 255, 0.3);
border-left: 4px solid rgba(110, 73, 217, 0.7);
animation: spinner 1.1s infinite linear;
border-radius: 50%;
width: 30px;
height: 30px;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
*/
/* FANCYBOX */
/* PAGES */
/*------------------------------------*\
   404
\*------------------------------------*/
body.error404 .panel.main .row .M12 {
  padding: 0;
}
body.error404 .panel.main .row #post-404 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto !important;
  text-align: center;
  font-size: 18px;
}
body.error404 .panel.main .row #post-404 .page_not_found span {
  display: block;
}
body.error404 .panel.main .row #post-404 .page_not_found span.not-found-title {
  color: #00ABDD;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 100;
}
body.error404 .panel.main .row #post-404 .page_not_found span.not-found-subtitle {
  color: #00ABDD;
  font-size: 180px;
  text-transform: uppercase;
  padding: 0px 0 30px;
  font-weight: 100;
  line-height: 170px;
}
body.error404 .panel.main .row #post-404 .error_search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}
body.error404 .panel.main .row #post-404 .error_search form.search {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input {
  color: var(--dark-color) !important;
  font-size: 18px;
  line-height: 20px;
  -ms-flex: 1;
      flex: 1;
  border-radius: 10px !important;
  background: none;
  background-color: transparent !important;
  padding: 15px 30px !important;
  margin: 0 !important;
  width: 60%;
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input:focus {
  border-color: var(--theme-color) !important;
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 300 !important;
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input::-moz-placeholder {
  font-size: 18px;
  font-weight: 300 !important;
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 300 !important;
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input::-moz-placeholder {
  font-size: 18px;
  font-weight: 300 !important;
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input:focus::-webkit-input-placeholder {
  color: var(--dark-color);
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input:focus::-moz-placeholder {
  color: var(--dark-color);
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input:focus:-ms-input-placeholder {
  color: var(--dark-color);
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input:focus::-moz-placeholder {
  color: var(--dark-color);
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit {
  line-height: 48px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-sizing: border-box;
  width: auto;
  padding-inline: 68px 24px;
  margin-top: clamp(12px, 2vw, 20px);
  opacity: 1;
  -ms-flex-align: center;
      align-items: center;
  color: var(--dark-color);
  background-color: var(--light-color);
  border-radius: 50px;
  margin: 0 0 0 20px !important;
}
@media only screen and (min-width: 768px) {
  body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit {
    line-height: 52px;
  }
}
@media only screen and (min-width: 950px) {
  body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit {
    line-height: 56px;
  }
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit > span {
  position: relative;
  white-space: nowrap;
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  background-image: url("../img/arrow-button.svg");
  background-color: #8ABD24;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 10px;
  border-radius: 100%;
  transition: all 250ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:after {
    left: 7px;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 950px) {
  body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:after {
    left: 9px;
  }
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:hover, body.error404 .panel.main .row #post-404 .error_search form.search .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover button.search-submit.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit.dc-btn {
  padding-left: 24px !important;
  padding-right: 68px !important;
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:hover:after, body.error404 .panel.main .row #post-404 .error_search form.search .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover button.search-submit.dc-btn:after, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit.dc-btn:after {
  left: calc(100% - 9px - 40px) !important;
}
@media only screen and (max-width: 650px) {
  body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit {
    padding: 6px 32px !important;
  }
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:hover, body.error404 .panel.main .row #post-404 .error_search form.search .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover button.search-submit.dc-btn, .section.dc-hotboxes.style_2 > .inner .section_content .items .item:hover body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit.dc-btn {
  background: #00ABDD !important;
  color: #FFFFFF !important;
}

.error404 .page_container {
  background: #f1e8dc;
}
