@charset "UTF-8";
/*------------------------------------*\
    SCSS COMPILE LIST
\*------------------------------------*/
/* DEFAULT RESPONSIVE LAYOUTS */
/*------------------------------------*\
    LITESPEED 
\*------------------------------------*/
/* PART 1 - Before Lazy Load */
@import url("https://use.typekit.net/qqk3kef.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%;
}

.gform_wrapper .gform-body .gfield .gfield_label, .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year .ctl-year-text, .section.capability-hotboxes-cirlce > .inner .section_content .items .item .text h5, .section.dc-intro-section .inner .section_content .description .intro-description ol li::marker, .section.dc-accordion.style_1 .accordion-css__item-h4, .section.dc-accordion .accordion-css__item-h4, .section.dc-accordion .accordion .title h4, .top-title, .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-accordion .section_intro > span, .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .industry, .section:not(.dc-cta) > .inner > .section_intro .section-label > span,
.section:not(.dc-cta) .item > .section_intro .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span, h3,
.h3,
.section.dc-infoboxes > .inner .section_intro h2,
.section.dc-text-block h2:not(first-child), h2:not(.section-label),
.h2, h1,
.h1 {
  font-family: "loos-extrawide", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.section.dc-featured-projects > .inner .left .content-wrapper > p, .section.dc-careers-grid > .inner > .section_content .grid-items .item h3, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3, .section.dc-careers-grid > .inner > .section_intro .title-wrapper .title, .section.dc-team-cards .section_content .item h2, .section.dc-team-cards .section_intro .description p,
.section.dc-team-cards .section_intro .description h3, .section.dc-accordion .accordion-css__item-h4, .section.dc-accordion.style_2 .accordion .title h4, .footer .footer-bottom-inner a:not(.dc-btn),
.footer .footer-bottom-inner p,
.footer .footer-bottom-inner span, .footer .footer-top-inner .footer-widget .widgettitle, body.error404 .panel.main .row #post-404 .error_search form.search input.search-input, .gform_wrapper.gravity-theme .ginput_container input[type=email],
.gform_wrapper.gravity-theme .ginput_container input[type=number],
.gform_wrapper.gravity-theme .ginput_container input[type=password],
.gform_wrapper.gravity-theme .ginput_container input[type=tel],
.gform_wrapper.gravity-theme .ginput_container input[type=text],
.gform_wrapper.gravity-theme .ginput_container input[type=url],
.gform_wrapper.gravity-theme .ginput_container textarea.medium,
.gform_wrapper.gravity-theme .ginput_container textarea.large,
.gform_wrapper.gravity-theme .ginput_container textarea.small,
.gform_wrapper.gravity-theme .ginput_container select,
.gform_wrapper.gravity-theme .ginput_container #theme-page select, body {
  font-family: "elza", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.section.dc-text-block .dc-intro h3,
.section.dc-text-block .section_intro .description h3, .section.dc-image-text > .inner .section_content .right .content-wrapper .text h3, .header-hotbox .header-hotbox-inner .header-hotbox-content h3, h6,
.h6, h5,
.h5,
.section.dc-project-carousel .item.project-card h4,
.section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item h4,
.section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item h4,
.section.dc-project-carousel > .inner .section_content .item h4, h4,
.h4, p strong,
p strong a, .main_menu .menu ul li a,
.header_top .widget_nav_menu ul li a {
  font-family: "elza", sans-serif;
  font-weight: 500;
  font-style: normal;
}

body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit, .section.capability-info .section_content_right .section_intro .description h3, .section.dc-project-grid .section_content .item .content h3, .section.dc-image-text > .inner .section_content .right .content-wrapper > h3, .section.dc-project-carousel .item.project-card .content h3, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content h3, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content h3,
.section.dc-project-carousel > .inner .section_content .item .content h3, .footer .footer-top-inner .footer-widget .widgettitle, a.dc-btn {
  font-family: "elza", sans-serif;
  font-weight: 600;
  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,
.section.dc-project-carousel > .inner .section_intro .slick-prev:before,
.section.dc-project-carousel > .inner .section_intro .slick-next:before,
.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 */
.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, .section.dc-project-carousel > .inner .section_intro .slick-prev:before,
.section.dc-project-carousel > .inner .section_intro .slick-next:before,
.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-facebook-f:before {
  content: "\f39e";
}

.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-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

/*!
 * 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: #151515;
  --light-color: #FFFFFF;
  --grey-color: #878787;
  --grey-color2:#939D9E;
  --grey-color3: #F2F2F2;
  --theme-color: #002C4E;
  --theme2-color: #C7931D;
  --blue-color: #002C4E;
  --yellow-color: #C7931D;
}

/* 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);
}

body {
  font-size: clamp(1rem, 0.9255rem + 0.2128vw, 1.125rem);
  line-height: 1.44em;
  color: #151515;
  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,
h3,
h4,
h5,
h6 {
  width: 100%;
  margin-bottom: clamp(16px, 1.8vw, 35px);
}

h1,
.h1 {
  color: var(--light-color);
  line-height: 0.95em;
  text-transform: uppercase;
}

h2:not(.section-label),
.h2 {
  color: var(--theme-color);
  line-height: 1em;
  text-transform: uppercase;
}
@media only screen and (max-width: 559px) {
  h2:not(.section-label),
.h2 {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  h2:not(.section-label),
.h2 {
    font-size: 25px !important;
  }
}
@media only screen and (max-width: 1023px) {
  h2:not(.section-label),
.h2 {
    font-size: 25px !important;
  }
}

h3,
.h3,
.section.dc-infoboxes > .inner .section_intro h2,
.section.dc-text-block h2:not(first-child) {
  color: var(--theme-color);
  line-height: 1em;
  text-transform: uppercase;
}

h4,
.h4 {
  color: var(--theme-color);
  line-height: 1.3em;
}

h5,
.h5,
.section.dc-project-carousel .item.project-card h4,
.section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item h4,
.section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item h4,
.section.dc-project-carousel > .inner .section_content .item h4 {
  line-height: 1.25em;
}

h6,
.h6 {
  font-size: 14px;
  line-height: 1.25em;
}

.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content .ctl-description *, .section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) p, .section.dc-image-text2.large-text > .inner p {
  font-size: clamp(1.125rem, 0.8634rem + 0.5457vw, 1.375rem);
  min-height: 0vw;
}

.section.dc-featured-projects > .inner .left .content-wrapper .text, .section.capability-info .section_content_right .section_intro .description p:first-child, .section.capability-hotboxes-cirlce > .inner .section_content .section_description p, .section.dc-infoboxes > .inner .section_content .items .item h5, .section.dc-text-block:has(.item:nth-child(2) > .gform_wrapper) .item:first-child p, .section.dc-text-block.contact-us .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-team-cards .section_intro .description p,
.section.dc-team-cards .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-image-text > .inner .section_content .right .content-wrapper .text h3, .section.dc-hotboxes.style_1 > .inner .section_content .items .item .text, .section.dc-cta.cta_style_1 > .inner .description p, .section.dc-accordion.style_2 .accordion .title h4, .header-hotbox .header-hotbox-inner .header-hotbox-content h3, .hero > .hero__inner .content .text p, h4,
.h4 {
  font-size: clamp(1.1875rem, 0.8605rem + 0.6821vw, 1.5rem);
  min-height: 0vw;
}

.section.dc-featured-projects > .inner .left .content-wrapper .text p {
  font-size: clamp(1.3125rem, 0.8547rem + 0.955vw, 1.75rem);
  min-height: 0vw;
}

.section.capability-info .section_content_right .section_intro .description h3, .section.dc-project-grid .section_content .item .content h3, .section.dc-image-text > .inner .section_content .right .content-wrapper > h3, .section.dc-accordion .accordion-css__item-h4, .section.dc-accordion .accordion .title h4, .section.dc-project-carousel .item.project-card .content h3, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content h3, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content h3,
.section.dc-project-carousel > .inner .section_content .item .content h3 {
  font-size: clamp(1.125rem, 0.3402rem + 1.6371vw, 1.875rem);
  min-height: 0vw;
}

.section.dc-hotboxes > .inner .section_content .items .item .text h3, .section.dc-cta.image .inner .section_intro .title-wrapper h2,
.section.dc-cta.image .inner .section_intro .title-wrapper h3, .section.dc-accordion.style_2 .inner .section_intro .title-wrapper h2.title, .bottom-sidebar > .inner .bottom-cta .intro, h3,
.h3,
.section.dc-infoboxes > .inner .section_intro h2,
.section.dc-text-block h2:not(first-child) {
  font-size: clamp(1.625rem, 0.971rem + 1.3643vw, 2.25rem);
  min-height: 0vw;
}

.section.dc-project-data > .inner .section_content .item .right .content-wrapper h1 {
  font-size: clamp(1.75rem, 0.8344rem + 1.91vw, 2.625rem);
  min-height: 0vw;
}

.section.capability-info .section_content_right .section_intro .title-wrapper .title, h2:not(.section-label),
.h2 {
  font-size: clamp(1.875rem, 0.1746rem + 3.5471vw, 3.5rem);
  font-size: clamp(1.625rem, -1.6136rem + 5.4545vw, 3.5rem);
  min-height: 0vw;
}

h1,
.h1 {
  font-size: clamp(1.75rem, -0.4096rem + 6.1702vw, 5.375rem);
  min-height: 0vw;
}

/********/
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit], .footer .footer-bottom-inner a:not(.dc-btn),
.footer .footer-bottom-inner p,
.footer .footer-bottom-inner span {
  font-size: clamp(0.875rem, 0.8005rem + 0.2128vw, 1rem);
  min-height: 0vw;
}

.gform_wrapper.gravity-theme .ginput_container input[type=email]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container select:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select:-ms-input-placeholder, .gform_wrapper.gravity-theme .ginput_container input[type=email]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container select::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select::-moz-placeholder, .gform_wrapper.gravity-theme .ginput_container input[type=email]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container select:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select:-moz-placeholder, .gform_wrapper.gravity-theme .ginput_container input[type=email]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container select::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select::-webkit-input-placeholder, .section.dc-featured-projects > .inner .left .content-wrapper > p, .section.dc-intro-section .inner .section_content .description .intro-description ol li, .section.dc-image-text2.small-text > .inner p, .footer .footer-top-inner .footer-widget li,
.footer .footer-top-inner .footer-widget p,
.footer .footer-top-inner .footer-widget a:not(.dc-btn), .main_menu .menu ul li a,
.header_top .widget_nav_menu ul li a {
  font-size: clamp(1rem, 0.9255rem + 0.2128vw, 1.125rem);
  min-height: 0vw;
}

.form-wrapper .title h2 {
  font-size: clamp(1.375rem, 1.0027rem + 1.0638vw, 2rem);
  min-height: 0vw;
}

/***********************************/
.section.dc-facts-carousel > .inner .section_content .items .item .text, h5,
.h5,
.section.dc-project-carousel .item.project-card h4,
.section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item h4,
.section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item h4,
.section.dc-project-carousel > .inner .section_content .item h4 {
  font-size: clamp(16px, 1rem + (1vw - 5.6px) * 0.2941, 20px);
  min-height: 0vw;
}

.top-title, .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-accordion .section_intro > span, .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .industry, .section:not(.dc-cta) > .inner > .section_intro .section-label > span,
.section:not(.dc-cta) .item > .section_intro .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span {
  color: var(--theme2-color);
  font-size: clamp(12px, 0.8rem + (1vw - 5.6px) * 0.1471, 14px);
  text-transform: uppercase;
  min-height: 0vw;
}

/*------------------------------------*\
	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 {
  color: var(--theme2-color);
}
.section.bg_dark a:not(.dc-btn) {
  color: var(--light-color);
}
.section.bg_dark a:not(.dc-btn):hover {
  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-image-text a:not(.dc-btn):hover,
.dc-accordion a:not(.dc-btn):hover {
  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-image-text a:not(.dc-btn):hover,
.section.bg_dark .dc-accordion a:not(.dc-btn):hover {
  color: var(--theme2-color);
}

/*------------------------------------*\
	BASE - BUTTONS
\*------------------------------------*/
a.dc-btn {
  line-height: 44px;
  font-size: 14px;
  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: 19px 35px;
  margin-top: clamp(12px, 2vw, 20px);
  opacity: 1;
  border-radius: 6px;
  -ms-flex-align: center;
      align-items: center;
  color: var(--light-color);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-color: var(--light-color);
}
@media only screen and (min-width: 768px) {
  a.dc-btn {
    line-height: 52px;
  }
}
a.dc-btn > span {
  position: relative;
  white-space: nowrap;
}
a.dc-btn:before, a.dc-btn:after {
  content: "";
  position: absolute;
  top: 0;
  transition: all 250ms ease-in-out;
}
a.dc-btn:before {
  display: inline-block;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: var(--theme2-color);
}
a.dc-btn:after {
  width: 30px;
  height: 4px;
  background: var(--light-color);
  right: -15px;
  top: 20px;
}
@media only screen and (min-width: 768px) {
  a.dc-btn:after {
    top: 24px;
  }
}
a.dc-btn:hover {
  color: var(--dark-color);
}
a.dc-btn:hover:before {
  width: 0;
}
a.dc-btn:hover:after {
  background: var(--theme2-color);
}
a.dc-btn.on_light, .section.bg_white a.dc-btn, .section.bg_light a.dc-btn, .section.bg_grey a.dc-btn, .section.dc-accordion.style_2 a.dc-btn {
  background: var(--theme-color);
}
a.dc-btn.on_light:after, .section.bg_white a.dc-btn:after, .section.bg_light a.dc-btn:after, .section.bg_grey a.dc-btn:after, .section.dc-accordion.style_2 a.dc-btn:after {
  background: var(--theme-color);
}
a.dc-btn.on_light:hover, .section.bg_white a.dc-btn:hover, .section.bg_light a.dc-btn:hover, .section.bg_grey a.dc-btn:hover, .section.dc-accordion.style_2 a.dc-btn:hover {
  color: var(--light-color);
}
a.dc-btn.on_light:hover:after, .section.bg_white a.dc-btn:hover:after, .section.bg_light a.dc-btn:hover:after, .section.bg_grey a.dc-btn:hover:after, .section.dc-accordion.style_2 a.dc-btn:hover:after {
  background: var(--theme2-color);
}
.section.dc-project-carousel a.dc-btn {
  background: var(--theme-color);
}
.section.dc-project-carousel a.dc-btn:after {
  background: var(--light-color);
}
.section.dc-project-carousel a.dc-btn:hover {
  color: var(--light-color);
}
.section.dc-project-carousel a.dc-btn:hover:after {
  background: var(--theme2-color);
}

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

/*------------------------------------*\
	BASE - LINKS - DC LINK
\*------------------------------------*/
a.dc-link {
  background: none !important;
}

/*--------------------------------------------------------*\
	BASE - LISTS
\*--------------------------------------------------------*/
ul,
ol {
  margin-top: 20px;
  margin-bottom: 15px;
}
ul li,
ol li {
  line-height: 1.44em;
  color: #151515;
  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(--theme2-color);
  font-size: 1.5em;
  display: inline-block;
  width: 15px;
  position: absolute;
  top: 0px;
  left: -25px;
}

.dc-text-block ul li,
.dc-intro-section ul li,
.dc-image-text ul li,
.dc-accordion ul li,
.capability-info ul li {
  padding-bottom: 5px;
}
.dc-text-block ul li::marker,
.dc-intro-section ul li::marker,
.dc-image-text ul li::marker,
.dc-accordion ul li::marker,
.capability-info ul li::marker {
  color: var(--theme2-color);
}

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

/* GLOBAL APP - HEADER */
/*------------------------------------*\
	HEADER - BASE
\*------------------------------------*/
html:has(.admin-bar) {
  margin-top: 0 !important;
}

#wpadminbar {
  display: none;
}

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

#header_main {
  background: transparent;
}
#header_main + .page_container {
  padding-top: 0;
}

#header_main {
  position: fixed;
  top: 30px;
  margin-inline: auto;
  z-index: 100000;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100vw;
  transition: all 450ms ease-in-out;
}
@media only screen and (max-width: 849px) {
  #header_main {
    top: 15px;
  }
}
#header_main .header_nav_container {
  width: 100%;
  max-width: 1550px;
  margin: 0 auto !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: relative;
  height: 80px;
  padding-inline: 15px;
}
@media only screen and (min-width: 768px) {
  #header_main .header_nav_container {
    padding-inline: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  #header_main .header_nav_container {
    padding-inline: 60px;
  }
}
@media only screen and (max-width: 849px) {
  #header_main .header_nav_container {
    height: 76px;
  }
}
#header_main .header_nav_container .menus {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
#header_main .header_nav_container .header_left,
#header_main .header_nav_container .header_right {
  background: white;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
#header_main .header_nav_container .header_left:before, #header_main .header_nav_container .header_left:after,
#header_main .header_nav_container .header_right:before,
#header_main .header_nav_container .header_right:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  background-size: auto 100%;
}
@media only screen and (max-width: 849px) {
  #header_main .header_nav_container .header_left,
#header_main .header_nav_container .header_right {
    height: 70px;
  }
}
#header_main .header_nav_container .header_left {
  margin-inline: 20px 12px;
  -ms-flex: 1;
      flex: 1;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-inline: clamp(20px, 1.8vw, 40px);
}
@media only screen and (max-width: 849px) {
  #header_main .header_nav_container .header_left {
    margin-inline: 20px;
  }
}
#header_main .header_nav_container .header_left:before, #header_main .header_nav_container .header_left:after {
  background-image: url(../img/header-left-bg.svg);
}
#header_main .header_nav_container .header_left:before {
  left: -20px;
  width: 20px;
  background-position: left center;
}
#header_main .header_nav_container .header_left:after {
  right: -28px;
  width: 45px;
  background-position: right center;
}
@media only screen and (max-width: 849px) {
  #header_main .header_nav_container .header_left:after {
    right: -20px;
    width: 20px;
    background-position: right center;
    background-image: url(../img/header-right-bg.svg);
  }
}
#header_main .header_nav_container .header_right {
  padding-inline: clamp(20px, 2.5vw, 70px) calc(clamp(20px, 2.5vw, 70px) - 20px);
  border-radius: 6px 0 0 6px;
  margin-right: 20px;
}
@media only screen and (max-width: 849px) {
  #header_main .header_nav_container .header_right {
    display: none;
  }
}
#header_main .header_nav_container .header_right:before, #header_main .header_nav_container .header_right:after {
  background-image: url(../img/header-right-bg.svg);
}
#header_main .header_nav_container .header_right:before {
  left: 0;
  width: 20px;
  background-position: left center;
}
#header_main .header_nav_container .header_right:after {
  right: -20px;
  width: 20px;
  background-position: right center;
}
.sticky-nav #header_main {
  -ms-transform: translateY(-110px) !important;
      transform: translateY(-110px) !important;
}
.scroll-up #header_main {
  -ms-transform: translateY(0) !important;
      transform: translateY(0) !important;
}

body .page_container:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--theme-color);
  opacity: 0;
  visibility: hidden;
  transition: all 350ms ease-in-out;
  z-index: -1;
}

body:has(.toggle-menu-wrap.open-menu) .page_container:before {
  z-index: 100;
  visibility: visible;
  opacity: 0.79;
}

@media only screen and (max-width: 349px) {
  #header_main {
    top: 12px;
  }
  #header_main .header_nav_container {
    padding-inline: 14px;
  }
  #header_main .header_nav_container .header_left {
    margin-inline: 14px;
    padding-inline: 16px;
    min-height: 68px;
  }
}
/*------------------------------------*\
	HEADER - LOGO
\*------------------------------------*/
.header_logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
  max-width: 20%;
  min-width: 142px;
  margin: 0 clamp(10px, 1.5vw, 30px) 0 0;
  padding: 1px 0px 1px 1px;
}
@media only screen and (max-width: 849px) {
  .header_logo {
    min-width: 170px;
    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,
.header_logo a svg {
  display: block;
  max-height: 42px;
  position: relative;
  z-index: 1000;
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 849px) {
  .header_logo a img,
.header_logo a svg {
    max-height: 42px;
  }
}
.header_logo a.desktop-logo {
  display: block;
}
.transparent-header .header_logo a.desktop-logo, .single-capability .header_logo a.desktop-logo {
  display: block;
}
.transparent-header .header_logo a.mobile-logo, .single-capability .header_logo a.mobile-logo {
  display: none;
}
@media only screen and (max-width: 849px) {
  .header_logo a.white-logo {
    display: none;
  }
  .header_logo a.color-logo {
    display: block;
  }
}
.open-toggle-menu .header_logo a.white-logo {
  display: none;
}
.open-toggle-menu .header_logo a.color-logo {
  display: block;
}

/* GLOBAL APP - MENU */
/*------------------------------------*\
	MENU - SIMPLE - LEFT ALIGNED
\*------------------------------------*/
@media only screen and (max-width: 849px) {
  .header_top {
    display: none;
  }
}
.main_menu .menu,
.header_top .widget_nav_menu {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}
.main_menu .menu ul,
.header_top .widget_nav_menu ul {
  margin: 0;
}
.main_menu .menu ul li,
.header_top .widget_nav_menu ul li {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.main_menu .menu ul li a,
.header_top .widget_nav_menu ul li a {
  color: var(--dark-color);
  line-height: 1.2em;
  display: block;
  position: relative;
}
@media only screen and (max-width: 1289px) {
  .main_menu .menu ul li a,
.header_top .widget_nav_menu ul li a {
    font-size: 14px;
  }
}
.scroll-up .main_menu .menu ul li a,
.scroll-up .header_top .widget_nav_menu ul li a {
  color: var(--dark-color);
}
.main_menu .menu ul li.mobile-visible,
.header_top .widget_nav_menu ul li.mobile-visible {
  display: none;
}
.main_menu .menu > ul,
.header_top .widget_nav_menu > ul {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
}
.main_menu .menu > ul > li,
.header_top .widget_nav_menu > ul > li {
  position: relative;
  margin: 0;
  padding: 0 clamp(6px, 0.8vw, 18px);
}
.main_menu .menu > ul > li > a,
.header_top .widget_nav_menu > ul > li > a {
  height: 80px;
  line-height: 80px;
  padding: 0;
  white-space: nowrap;
}
.main_menu .menu > ul > li > a:after,
.header_top .widget_nav_menu > ul > li > a:after {
  content: "";
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--theme2-color);
  transition: all 150ms ease-in-out;
}
.main_menu .menu > ul > li.current_page_parent > a:after, .main_menu .menu > ul > li.current-menu-parent > a:after, .main_menu .menu > ul > li.current-menu-item > a:after, .main_menu .menu > ul > li:hover > a:after,
.header_top .widget_nav_menu > ul > li.current_page_parent > a:after,
.header_top .widget_nav_menu > ul > li.current-menu-parent > a:after,
.header_top .widget_nav_menu > ul > li.current-menu-item > a:after,
.header_top .widget_nav_menu > ul > li:hover > a:after {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .header_top .widget_nav_menu {
    display: none;
  }
}
/*------------------------------------*\
	DEFAULT DROPDOWN
\*------------------------------------*/
@media only screen and (min-width: 850px) {
  .header_top ul.menu,
.main_menu .menu > ul {
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: calc(100% + 40px);
  }
  .header_top ul.menu > li ul.sub-menu,
.main_menu .menu > ul > li ul.sub-menu {
    position: absolute;
    top: calc(100% - 20px);
    left: 0;
    overflow: hidden;
    max-height: 0;
    width: clamp(200px, 22vw, 300px);
    margin-left: calc((clamp(20px, 2vw, 30px) - clamp(6px, 0.8vw, 18px)) * -1);
    padding: 0 clamp(20px, 2vw, 30px);
    background: transparent;
    border-radius: 0 0 20px 20px;
    -ms-transform: translateY(12px);
        transform: translateY(12px);
    transition: all 0ms ease-in-out;
  }
  .header_top ul.menu > li ul.sub-menu li,
.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;
  }
  .header_top ul.menu > li ul.sub-menu li a,
.main_menu .menu > ul > li ul.sub-menu li a {
    display: block;
    padding: 8px 0;
    min-width: 100%;
    text-align: left;
    color: var(--dark-color);
    transition: all 250ms ease-in-out;
  }
  .header_top ul.menu > li ul.sub-menu li a:before,
.main_menu .menu > ul > li ul.sub-menu li a:before {
    display: none;
  }
  .header_top ul.menu > li ul.sub-menu li a:hover,
.main_menu .menu > ul > li ul.sub-menu li a:hover {
    color: var(--theme2-color);
  }
  .header_top ul.menu > li:hover ul.sub-menu,
.main_menu .menu > ul > li:hover ul.sub-menu {
    max-height: 700px;
    opacity: 1;
    overflow: visible;
    padding: 20px clamp(20px, 2vw, 30px) clamp(20px, 2vw, 30px);
    background: var(--light-color);
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: transform 150ms ease-in-out, opacity 200ms ease-in-out;
  }
}
/*------------------------------------*\
	MENU - Toggle
\*------------------------------------*/
@media only screen and (min-width: 850px) {
  .toggle-menu-wrap {
    display: none;
  }
}
.toggle-menu-wrap #menu-toggle {
  display: block;
  position: absolute;
  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: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 50px;
  height: 50px;
  padding: 12px 6px;
  margin-top: 10px;
  border-radius: 6px;
  color: white;
  background-color: var(--light-color);
  transition: all 500ms ease-in-out;
}
.toggle-menu-wrap #menu-toggle .full-menu-toggle span {
  height: 3px;
  width: 28px;
  background: var(--theme-color);
  border-radius: 10px;
  transition: all 150ms ease-in-out;
}
.toggle-menu-wrap #menu-toggle .full-menu-toggle span:nth-child(3) {
  width: 20px;
}
.toggle-menu-wrap #menu-toggle .full-menu-toggle:hover span {
  background: var(--theme-color);
}
.toggle-menu-wrap #menu-toggle .full-menu-toggle:hover span:nth-child(3) {
  width: 20px;
}
.toggle-menu-wrap.open-menu #menu-toggle .full-menu-toggle span {
  width: 30px !important;
}
.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 + 15px);
  top: 60px;
  width: calc(100vw - 30px);
  height: calc(100svh - 93px);
  max-width: 2200px;
  opacity: 0;
  visibility: hidden;
  transition: all 225ms ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -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(--light-color);
  border-radius: 0 0 6px 6px;
}
.toggle-menu-wrap .full-menu > .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: var(--cream-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;
  opacity: 0;
  transition: all 500ms ease-in-out;
  transition-delay: 600ms !important;
}
.toggle-menu-wrap .full-menu .right {
  -ms-flex: 1;
      flex: 1;
  max-width: calc(100% - 80px);
  margin-inline: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}
@media only screen and (max-width: 949px) {
  .toggle-menu-wrap .full-menu .right {
    padding-block: 25px 30px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .toggle-menu-wrap .full-menu .right .menu-full {
    -ms-flex-order: 2;
        order: 2;
  }
}
.toggle-menu-wrap .full-menu .right > ul,
.toggle-menu-wrap .full-menu .right > .widget > ul {
  margin: 0 !important;
  padding: 0 !important;
}
.toggle-menu-wrap .full-menu .right > ul li,
.toggle-menu-wrap .full-menu .right > .widget > ul li {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  background: transparent;
}
.toggle-menu-wrap .full-menu .right > ul > li,
.toggle-menu-wrap .full-menu .right > .widget > ul > li {
  border-bottom: 0.5px solid #878787;
}
.toggle-menu-wrap .full-menu .right > ul > li > a,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > a {
  padding: 16px 0;
  display: block;
  height: auto;
  z-index: 100;
  background: none;
  color: var(--theme-color);
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul {
  padding: 0;
  margin: 0;
  position: relative;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul > li,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul > li {
  display: inline-block;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul > li > a,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul > li > a {
  color: var(--dark-color);
  font-size: 18px;
  line-height: 26px;
  display: block;
}
.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 {
  position: relative;
  z-index: 2;
  transition: all 500ms ease-in-out;
}
.open-toggle-menu .header_logo a img {
  transition: all 500ms ease-in-out;
}

/*------------------------------------*\
	MENU - Mobile
\*------------------------------------*/
@media only screen and (max-width: 849px) {
  .main_menu {
    position: absolute;
    right: 0;
    top: 0;
    height: 70px;
    width: 70px;
  }
}
@media only screen and (max-width: 849px) and (max-width: 767px) {
  .main_menu {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 849px) {
  .main_menu:before {
    display: none;
  }
}
@media only screen and (max-width: 849px) {
  .main_menu .menu {
    position: fixed;
    top: -110vh;
    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 15px !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%;
    /*ul.sub-menu {
    	margin: 0;

    	max-height: 0;
    	overflow: hidden;
    	visibility: hidden;

    	@include effect(all, 200ms, ease-in-out);

    	li {
    		margin-top: 2px;
    		display: block !important;
    		a {
    			color: var(--theme-color) !important;
    			font-size: 30px;
    			font-weight: 400;

    			padding: 9px 0;

    			.open-sub-menu {
    				height: 16px;
    				margin-top: -14px;

    				display: none;
    			}
    		}

    		ul {
    			display: none;

    			li {

    				a {
    					font-size: 24px;
    					background: none !important;

    					.open-sub-menu {
    						height: 16px;
    					}
    				}
    			}
    		}
    	}

    	&.active {
    		margin: 4px 0 0;
    		padding-bottom: 20px;
    		max-height: 1000px;
    		overflow: visible;
    		visibility: visible;
    	}
    }*/
  }
  .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 {
    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 {
    background: none;
    color: white !important;
  }
}
@media only screen and (max-width: 849px) {
  #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);
}
.toggle-menu-wrap .full-menu .right {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: clamp(0px, 50vh, 200px);
}
.toggle-menu-wrap .full-menu .right > ul > li,
.toggle-menu-wrap .full-menu .right > .widget > ul > li {
  position: relative;
}
.toggle-menu-wrap .full-menu .right > ul > li.menu-item-has-children > a,
.toggle-menu-wrap .full-menu .right > .widget > ul > li.menu-item-has-children > a {
  padding-right: 40px;
}
.toggle-menu-wrap .full-menu .right > ul > li > .open-sub-menu,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > .open-sub-menu {
  position: absolute;
  top: 22px;
  right: 0;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  z-index: 5;
}
.toggle-menu-wrap .full-menu .right > ul > li > .open-sub-menu:after,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > .open-sub-menu:after {
  font-family: "Font Awesome 6 Pro";
  content: "+";
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme2-color);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.toggle-menu-wrap .full-menu .right > ul > li > .open-sub-menu.down:after,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > .open-sub-menu.down:after {
  content: "\f068";
}
.toggle-menu-wrap .full-menu .right > ul > li > ul.sub-menu,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul.sub-menu {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul.sub-menu.active,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul.sub-menu.active {
  max-height: 500px;
  visibility: visible;
  opacity: 1;
  overflow: visible;
  padding-bottom: 25px;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul.sub-menu > li,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul.sub-menu > li {
  margin-top: 6px;
  display: block !important;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul.sub-menu > li a,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul.sub-menu > li a {
  color: var(--dark-color) !important;
  font-weight: 300;
  background: none !important;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul.sub-menu > li a .open-sub-menu,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul.sub-menu > li a .open-sub-menu {
  height: 16px;
  margin-top: -14px;
  display: none;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul.sub-menu > li ul,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul.sub-menu > li ul {
  display: none;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul.sub-menu > li ul li a,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul.sub-menu > li ul li a {
  background: none !important;
}
.toggle-menu-wrap .full-menu .right > ul > li > ul.sub-menu > li ul li a .open-sub-menu,
.toggle-menu-wrap .full-menu .right > .widget > ul > li > ul.sub-menu > li ul li a .open-sub-menu {
  height: 16px;
}

/* GLOBAL APP - FOOTER */
/*------------------------------------*\
	FOOTER - SITE WIDE
\*------------------------------------*/
.footer {
  background-color: var(--theme-color);
  position: relative;
  overflow: hidden;
}
.footer .footer-image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: clamp(220px, 24vw, 340px);
  height: clamp(260px, 30vw, 400px);
  background-image: url("../img/brandmark-italsteel-web.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
@media only screen and (max-width: 1199px) {
  .footer .footer-image {
    /*width: 140px;
            height: 180px;*/
    width: clamp(140px, 24vw, 10px);
    height: clamp(140px, 30vw, 10px);
  }
}
@media only screen and (min-width: 2000px) {
  .footer .footer-image {
    right: calc((100vw - 1980px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-image {
    width: 120px;
    height: 160px;
    right: -10px;
    bottom: -5px;
  }
}
.footer .footer-top-wrapper .footer-top-inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
}
.footer .footer-top-wrapper,
.footer .footer-bottom-wrapper {
  padding-inline: 15px;
}
@media only screen and (min-width: 768px) {
  .footer .footer-top-wrapper,
.footer .footer-bottom-wrapper {
    padding-inline: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer .footer-top-wrapper,
.footer .footer-bottom-wrapper {
    padding-inline: 60px;
  }
}
.footer .footer-top-inner,
.footer .footer-bottom-inner {
  width: 100%;
  max-width: 1840px;
  margin: 0 auto !important;
  max-width: 1720px;
  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 (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;
  }
}
.footer .footer-top-inner .footer-widget {
  padding-right: 20px;
}
.footer .footer-top-inner .footer-widget .widget .textwidget {
  color: bisque;
  /*Linkdin Icon*/
}
.footer .footer-top-inner .footer-widget .widget .textwidget ul li {
  line-height: 25px;
  font-size: 16px;
}
.footer .footer-top-inner .footer-widget .widget .textwidget .dc_social_icons .icon-blue a {
  font-size: 30px !important;
}
.footer .footer-top-inner .footer-widget .widget .menu {
  font-weight: 800;
}
.footer .footer-top-inner .footer-widget ul li {
  line-height: 25px;
  font-size: 16px;
}
@media only screen and (min-width: 900px) {
  .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: 17%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(3) {
    width: 18%;
    min-width: 190px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(4) {
    -ms-flex: 1;
        flex: 1;
    width: auto;
    padding-right: 0;
    margin-top: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
  .footer .footer-top-inner .footer-widget {
    padding-right: 3%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(1) {
    width: 12%;
    min-width: 200px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(2) {
    width: 20%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(3) {
    width: 15%;
    /*min-width: 190px;*/
  }
  .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 (min-width: 651px) and (max-width: 767px) {
  .footer .footer-top-inner .footer-widget {
    padding-bottom: 32px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(1) {
    width: 50%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(1) > div {
    max-width: 200px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(2), .footer .footer-top-inner .footer-widget:nth-child(3) {
    width: 50%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(4) {
    width: 50%;
    margin-top: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 650px) {
  .footer .footer-top-inner .footer-widget:nth-child(1) {
    width: 100%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(1) > div {
    max-width: 100%;
  }
  .footer .footer-top-inner .footer-widget:nth-child(2), .footer .footer-top-inner .footer-widget:nth-child(3) {
    width: 100%;
    padding-top: 32px;
  }
  .footer .footer-top-inner .footer-widget:nth-child(4) {
    width: 100%;
    margin-top: 0;
    padding-top: 32px;
    padding-right: 0;
  }
}
.footer .footer-top-inner .footer-widget .widgettitle {
  color: var(--theme2-color);
  line-height: 1em;
  text-transform: none;
  padding-bottom: 10px;
  margin-bottom: 0;
  font-size: 16px !important;
  line-height: 18px !important;
}
.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;
  padding-bottom: 10px;
  margin-bottom: 0;
  font-size: 16px !important;
  line-height: 18px !important;
}
.footer .footer-top-inner .footer-widget ul li a {
  font-size: 16px !important;
  line-height: 18px !important;
  display: block;
}
.footer .footer-top-inner .footer-widget ul li:hover a {
  color: var(--theme2-color);
}
.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(--light-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(--light-color);
  line-height: 40px;
  color: var(--light-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 {
  color: var(--theme2-color);
}
.footer .footer-bottom-inner {
  /*padding-top: 10px;
  padding-bottom: 30px;
  justify-content: flex-start;
  overflow: hidden;
  display: flex;*/
  /*padding-top: 10px;
  padding-bottom: 30px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 25% 17% 1fr;
  align-items: start;

  	@include mq('tablet', max) {
  		padding-bottom: 40px;
  		flex-direction: column;
  	}*/
  padding-top: 10px;
  padding-bottom: 30px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(285px, 25%) 120px 18% 1fr;
  -ms-flex-align: start;
      align-items: start;
}
@media only screen and (min-width: 900px) {
  .footer .footer-bottom-inner {
    grid-template-columns: minmax(285px, 25%) 120px 18% 1fr;
  }
}
@media only screen and (min-width: 1100px) {
  .footer .footer-bottom-inner {
    grid-template-columns: minmax(285px, 25%) 17% 18% 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-bottom-inner {
    padding-bottom: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 10px;
  }
}
.footer .footer-bottom-inner .left {
  /*position: relative;
  width: 60%;
  display: flex;*/
  display: contents;
  /*@media (min-width: 1271px) and (max-width: 1360px) {
  	max-width: 10vw !important;
  }*/
}
.footer .footer-bottom-inner .left p {
  width: auto;
  /*padding-right: 20px;*/
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .footer .footer-bottom-inner .left {
    width: 100%;
    max-width: 44vw;
    position: relative;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .footer .footer-bottom-inner .left p {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1240px) and (max-width: 1359px) {
  .footer .footer-bottom-inner .left p a {
    padding-left: 30px;
  }
}
.footer .footer-bottom-inner .right {
  /*width: 40%;*/
  width: auto;
  grid-column: 4;
  justify-self: start;
  margin-left: 0;
  margin-right: 0;
}
.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;
  }
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
  .footer .footer-bottom-inner .right {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    grid-column: auto !important;
  }
}
.footer .footer-bottom-inner a:not(.dc-btn),
.footer .footer-bottom-inner p,
.footer .footer-bottom-inner span {
  color: var(--light-color);
  font-size: 13px;
  line-height: 1.2em;
  font-weight: 200 !important;
}
@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 {
  color: var(--theme2-color);
  text-decoration: underline;
}
.footer .footer-bottom-inner p {
  margin: 0;
}

/*------------------------------------*\
	FOOTER - CTA
\*------------------------------------*/
.bottom-sidebar {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .bottom-sidebar {
    margin-top: 0;
  }
}
.bottom-sidebar > .inner {
  z-index: 1;
  position: relative;
  width: 100%;
}
.bottom-sidebar > .inner .textwidget > div > div {
  width: 100%;
  max-width: 1840px;
  margin: 0 auto !important;
}
.bottom-sidebar > .inner .bottom-logos {
  position: relative;
  background: var(--grey-color3);
}
.bottom-sidebar > .inner .bottom-logos ul {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 1720px;
  margin: 0 auto;
}
.bottom-sidebar > .inner .bottom-logos ul li {
  padding: 0;
  margin: 0 clamp(10px, 1.2vw, 22px) 0 0;
}
.bottom-sidebar > .inner .bottom-logos ul li img {
  max-height: 7vw;
  min-height: 39px;
}
.bottom-sidebar > .inner .bottom-logos::after {
  content: "";
  width: 1328px;
  max-width: 50vw;
  height: clamp(20px, 3vw, 60px);
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -1px;
  background: url(../img/footer-cta-cutout.svg) left bottom no-repeat;
  background-size: auto 100%;
}
@media only screen and (min-width: 1800px) {
  .bottom-sidebar > .inner .bottom-logos::after {
    width: 50%;
    left: calc(50% + 250px);
    right: unset;
  }
}
.bottom-sidebar > .inner .bottom-cta {
  position: relative;
  background: var(--theme-color);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 5vw;
  max-width: 1720px;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .bottom-sidebar > .inner .bottom-cta {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-block: 50px !important;
  }
}
.bottom-sidebar > .inner .bottom-cta:before {
  content: "";
  position: absolute;
  left: calc(50% - 50vw);
  bottom: 0;
  width: 100vw;
  height: 100%;
  background: var(--theme-color);
}
.bottom-sidebar > .inner .bottom-cta .bottom-cta-content {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .bottom-sidebar > .inner .bottom-cta .bottom-cta-content {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.bottom-sidebar > .inner .bottom-cta .intro {
  color: var(--light-color);
  line-height: 1.17em;
  display: -ms-flexbox;
  display: flex;
  margin: 0 !important;
  width: 70%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .bottom-sidebar > .inner .bottom-cta .intro {
    width: 100%;
    font-size: 22px;
    max-width: 92vw;
  }
}
@media only screen and (min-width: 1740px) {
  .bottom-sidebar > .inner .bottom-cta .intro {
    padding-left: 0;
  }
}
.bottom-sidebar > .inner .bottom-cta .intro:before {
  content: "";
  width: 10px;
  height: 42px;
  margin-right: 24px;
  -ms-transform: translateY(7px);
      transform: translateY(7px);
  background: var(--theme2-color);
}
@media only screen and (max-width: 767px) {
  .bottom-sidebar > .inner .bottom-cta .dc-btn {
    margin-left: 45px;
  }
}
.bottom-sidebar > .inner .bottom-cta .button-wrapper {
  width: 20%;
  min-width: 160px;
}
@media only screen and (min-width: 768px) {
  .bottom-sidebar > .inner .bottom-cta .button-wrapper a {
    margin-top: 0;
  }
}

/* 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;
  width: 1720px;
  max-width: calc(100vw - 30px);
}
@media only screen and (min-width: 768px) {
  .slick-dots {
    max-width: calc(100vw - 60px);
  }
}
@media only screen and (min-width: 1200px) {
  .slick-dots {
    max-width: calc(100vw - 120px);
  }
}
.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: 2px;
  background: var(--theme2-color);
}
.section.bg_blue .slick-dots li button:after {
  background: var(--light-color);
}
.slick-dots li.slick-active button:after,
.slick-dots li button:hover:after {
  background-color: var(--theme-color);
}
.section.bg_blue .slick-dots li.slick-active button:after,
.section.bg_blue .slick-dots li button:hover:after {
  background: var(--theme2-color);
}

/* 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: 100%;
  margin-inline: auto;
  background-color: #002C4E;
}
.hero::after {
  content: "";
  width: 1328px;
  max-width: 50vw;
  height: clamp(30px, 4vw, 60px);
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -1px;
  background: url(../img/hero-cut.svg) left bottom no-repeat;
  background-size: auto 100%;
}
@media only screen and (min-width: 1800px) {
  .hero::after {
    width: 50%;
    left: calc(50% + 290px);
    right: unset;
  }
}
@supports selector(:has(*)) {
  .hero:has(+ section.bg_blue)::after {
    /*background: url("../img/hero-cut-blue.svg") right bottom no-repeat;*/
    /*bottom: 0;*/
    content: "";
    width: 1328pxpx;
    max-width: 50vw;
    height: clamp(30px, 4vw, 60px);
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -1px;
    background: url(../img/hero-cut-blue.svg) left bottom no-repeat;
    background-size: auto 100%;
  }
}
.hero > .hero__inner {
  width: 100%;
}
.hero > .hero__inner .content .section_intro .title-wrapper {
  position: relative;
  bottom: 150px;
}
.hero > .hero__inner .content .section_intro .title-wrapper .section-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #C7931D;
}
.hero > .hero__inner .content .section_intro .title-wrapper .section-label span {
  margin: 0px 20px 0px 0px;
  font-size: 14px;
  font-weight: 800;
  width: 128px;
}
.hero > .hero__inner .content .content-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}
.hero > .hero__inner .content .content-inner h1 {
  font-size: 42px;
  font-weight: 800;
  width: 500px;
  line-height: 44px;
  padding-bottom: 50px;
}

.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%;
}
.hero__bg > img.mobile-image {
  display: block;
}
@media only screen and (min-width: 768px) {
  .hero__bg > img.desktop-image {
    display: block;
  }
  .hero__bg > img.mobile-image {
    display: none;
  }
}

.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: 1840px;
  z-index: 2;
  margin-inline: auto;
  padding: 50px 15px;
}
@media only screen and (min-width: 768px) {
  .hero > .hero__inner .content {
    padding: 60px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .hero > .hero__inner .content {
    padding: 70px 60px;
  }
}
@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;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .hero > .hero__inner .content h1,
.hero > .hero__inner .content > span {
    margin-bottom: 16px !important;
    width: 1150px;
    max-width: 80vw;
  }
}
.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 {
  padding-bottom: 10px;
}
.hero > .hero__inner .content .text {
  max-width: 700px;
  position: relative;
  z-index: 1;
}
.hero > .hero__inner .content .text > * {
  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__s {
  -ms-transform: none !important;
      transform: none !important;
}
.hero__s > .hero__inner {
  min-height: clamp(300px, 42vw, 680px);
}
@media only screen and (min-width: 768px) {
  .hero__s > .hero__inner {
    height: auto;
  }
}
.hero__s > .hero__inner .content {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-bottom: clamp(50px, 5vw, 120px);
}
@media only screen and (min-width: 768px) {
  .hero__s > .hero__inner .content h1 {
    width: 990px;
    max-width: 70vw;
  }
}

.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-top: clamp(180px, 30%, 615px);
}
@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, 1180px);
  max-height: 100svh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .hero__f > .hero__inner {
    max-height: unset;
  }
}
.hero__f > .hero__inner .content {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-block: clamp(250px, 22vw, 230px) clamp(100px, 7vw, 140px);
  height: unset;
}
@media only screen and (max-width: 767px) {
  .hero__f > .hero__inner .content {
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding-top: 190px;
  }
}

.scrolldown {
  display: none;
}

/*
.scrolldown {
  position: absolute;
  left: 30px;
  bottom: 50px;
  z-index: 10000;

  @include effect(all, 250ms, ease-in-out);

  @include mq('tablet', max) {
    display: none;
  }

  @include mq('tablet', min) {
    left: 60px;
  }

  @include mq('1840', min) {
    left: calc(50% - 860px);
  }

  .hero__s & {
    display: none;
  }

  .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;
}
@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 .hero__bg {
  background: var(--theme-color);
}
.hero.image_slider .hero__bg img {
  display: none;
}
.hero.image_slider .multipleSliders,
.hero.image_slider .slick-list,
.hero.image_slider .slick-track {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
}
.hero.image_slider .item {
  position: relative;
  background-size: cover;
  background-size: cover;
}

.hero__f > .hero__inner .content:has(.header-hotbox) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .hero__f > .hero__inner .content:has(.header-hotbox) {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.hero__f > .hero__inner .content:has(.header-hotbox) .text {
  -ms-flex: 1;
      flex: 1;
  max-width: 100%;
}
.hero__f > .hero__inner .content:has(.header-hotbox) .text h1 {
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 40px !important;
}
@media only screen and (max-width: 767px) {
  .home .hero__f > .hero__inner .content:has(.header-hotbox) .text h1 {
    font-size: 37px !important;
  }
}

.header-hotbox {
  position: relative;
  max-width: clamp(280px, 30vw, 415px);
  padding: clamp(15px, 2vw, 30px);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  z-index: 99;
  border: 1px solid white;
}
@media only screen and (max-width: 767px) {
  .header-hotbox {
    margin-top: 50px;
    max-width: 415px;
    width: 100%;
  }
}
.header-hotbox .header-hotbox-inner .header-hotbox-image {
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 355/200;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header-hotbox .header-hotbox-inner .header-hotbox-image {
    display: none;
  }
}
.header-hotbox .header-hotbox-inner .header-hotbox-image img {
  object-fit: cover;
  display: block;
  width: 100%;
}
.header-hotbox .header-hotbox-inner .header-hotbox-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: clamp(15px, 2.1vw, 35px) 0 clamp(10px, 1.6vw, 25px);
}
.header-hotbox .header-hotbox-inner .header-hotbox-content h3 {
  color: white;
  text-transform: none;
  font-weight: 500;
  line-height: 1.3em;
  margin: 0 7% 0 0;
  width: calc(100% - (25px + clamp(30px, 4vw, 50px)));
}
@media only screen and (max-width: 767px) {
  .header-hotbox .header-hotbox-inner .header-hotbox-content h3 {
    width: 100%;
  }
}
.header-hotbox .header-hotbox-inner .header-hotbox-content a.button {
  position: relative;
  display: block;
  height: clamp(30px, 4vw, 50px);
  width: clamp(30px, 4vw, 50px);
  margin: 0px;
  border-radius: 120px;
  background-color: var(--theme2-color);
  background-image: url(../img/ital-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(10px, 1vw, 14px);
}
.header-hotbox:hover .header-hotbox-inner .header-hotbox-content a.button {
  background-color: var(--light-color);
  background-image: url(../img/ital-arrow-right-yellow.svg);
}

@media only screen and (max-width: 767px) {
  .hero__f > .hero__inner .content:has(.header-hotbox) .text {
    top: -20px;
  }
  .hero__f > .hero__inner .content:has(.header-hotbox) .text h1 {
    padding-right: 0 !important;
  }
  .hero__f > .hero__inner .content:has(.header-hotbox) .header-hotbox {
    margin-top: 5px;
    width: 100%;
    top: 45px;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .hero__f > .hero__inner .content:has(.header-hotbox) .header-hotbox .header-hotbox-content a {
    height: clamp(25px, 4vw, 50px);
    width: clamp(25px, 4vw, 50px);
  }
}
@media only screen and (max-width: 559px) {
  .hero__f > .hero__inner .content:has(.header-hotbox) .text {
    top: 0px;
  }
  .hero__f > .hero__inner .content:has(.header-hotbox) .header-hotbox .header-hotbox-content a {
    height: clamp(20px, 4vw, 50px);
    width: clamp(20px, 4vw, 50px);
  }
}
/*------------------------------------*\
  TITLE BOX 
\*------------------------------------*/
.single-post .hero__s > .hero__inner {
  min-height: clamp(400px, 42vw, 600px);
}
.single-post .hero__s > .hero__inner .content .title-wrapper {
  bottom: 135px;
}
@media only screen and (max-width: 1289px) {
  .single-post .hero__s > .hero__inner .content .title-wrapper {
    bottom: auto;
  }
}
.single-post .hero__s > .hero__inner .content .title-wrapper .section-label {
  position: relative;
}
.single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span {
  background: var(--theme-color);
  position: relative;
  padding-right: 15px;
  width: 175px;
}
.single-post .hero__s > .hero__inner .content .title-wrapper .section-label:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(50% - 0.5px);
  background: var(--theme2-color);
}

/* BLOCKS GLOBAL STUFF */
/*------------------------------------*\
	ARTICLE SECTION 
\*------------------------------------*/
.section.dc-section, .section.error-404, .section.dc-project-carousel, .section.dc-featured-projects, .section.dc-careers-grid, .section.dc-project-data, .section.capability-info, .section.capability-hotboxes-cirlce, .section.capability-hotboxes, .section.dc-infoboxes, .section.dc-text-block, .section.dc-team-cards, .section.dc-project-grid, .section.dc-facts-carousel, .section.dc-intro-section, .section.dc-image-text, .section.dc-hotboxes, .section.dc-cta, .section.dc-accordion, .section.dc-cards-carousel {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.section.dc-section > .inner, .section.error-404 > .inner, .section.dc-project-carousel > .inner, .section.dc-featured-projects > .inner, .section.dc-careers-grid > .inner, .section.dc-project-data > .inner, .section.capability-info > .inner, .section.capability-hotboxes-cirlce > .inner, .section.capability-hotboxes > .inner, .section.dc-infoboxes > .inner, .section.dc-text-block > .inner, .section.dc-team-cards > .inner, .section.dc-project-grid > .inner, .section.dc-facts-carousel > .inner, .section.dc-intro-section > .inner, .section.dc-image-text > .inner, .section.dc-hotboxes > .inner, .section.dc-cta > .inner, .section.dc-accordion > .inner, .section.dc-cards-carousel > .inner {
  width: 100%;
  max-width: 1840px;
  margin: 0 auto !important;
  z-index: 1;
}
.section.dc-section.fullwidth > .inner, .section.fullwidth.error-404 > .inner, .section.fullwidth.dc-project-carousel > .inner, .section.fullwidth.dc-featured-projects > .inner, .section.fullwidth.dc-careers-grid > .inner, .section.fullwidth.dc-project-data > .inner, .section.fullwidth.capability-info > .inner, .section.fullwidth.capability-hotboxes-cirlce > .inner, .section.fullwidth.capability-hotboxes > .inner, .section.fullwidth.dc-infoboxes > .inner, .section.fullwidth.dc-text-block > .inner, .section.fullwidth.dc-team-cards > .inner, .section.fullwidth.dc-project-grid > .inner, .section.fullwidth.dc-facts-carousel > .inner, .section.fullwidth.dc-intro-section > .inner, .section.fullwidth.dc-image-text > .inner, .section.fullwidth.dc-hotboxes > .inner, .section.fullwidth.dc-cta > .inner, .section.fullwidth.dc-accordion > .inner, .section.fullwidth.dc-cards-carousel > .inner, .section.dc-section.full_width > .inner, .section.full_width.error-404 > .inner, .section.full_width.dc-project-carousel > .inner, .section.full_width.dc-featured-projects > .inner, .section.full_width.dc-careers-grid > .inner, .section.full_width.dc-project-data > .inner, .section.full_width.capability-info > .inner, .section.full_width.capability-hotboxes-cirlce > .inner, .section.full_width.capability-hotboxes > .inner, .section.full_width.dc-infoboxes > .inner, .section.full_width.dc-text-block > .inner, .section.full_width.dc-team-cards > .inner, .section.full_width.dc-project-grid > .inner, .section.full_width.dc-facts-carousel > .inner, .section.full_width.dc-intro-section > .inner, .section.full_width.dc-image-text > .inner, .section.full_width.dc-hotboxes > .inner, .section.full_width.dc-cta > .inner, .section.full_width.dc-accordion > .inner, .section.full_width.dc-cards-carousel > .inner {
  max-width: 100%;
  padding-inline: 0 !important;
}

.section.dc-cta.cta_style_1 > .inner, .section.dc-vert-default, .section.dc-careers-grid, .section.capability-hotboxes-cirlce, .section.capability-hotboxes, .section.dc-text-block, .section.dc-hotboxes {
  padding-block: 80px;
}
@media only screen and (min-width: 768px) {
  .section.dc-cta.cta_style_1 > .inner, .section.dc-vert-default, .section.dc-careers-grid, .section.capability-hotboxes-cirlce, .section.capability-hotboxes, .section.dc-text-block, .section.dc-hotboxes {
    padding-block: 90px;
  }
}
@media only screen and (min-width: 950px) {
  .section.dc-cta.cta_style_1 > .inner, .section.dc-vert-default, .section.dc-careers-grid, .section.capability-hotboxes-cirlce, .section.capability-hotboxes, .section.dc-text-block, .section.dc-hotboxes {
    padding-block: 120px;
  }
}

.section.dc-vert-250, .section.dc-infoboxes {
  padding-block: clamp(80px, 13vw, 250px);
}

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

.section.dc-vert-180, .section.dc-featured-projects, .section.capability-info, .section.dc-cards-carousel {
  padding-block: clamp(50px, 10.5vw, 180px);
}

.section.dc-vert-160, .section.dc-project-carousel {
  padding-block: clamp(50px, 10.5vw, 160px);
}

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

.bottom-sidebar > .inner .bottom-cta, .section.dc-vert-120, .section.dc-team-cards {
  padding-block: clamp(30px, 7vw, 120px);
}

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

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

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

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

.bottom-sidebar > .inner .textwidget > div > div, .bottom-sidebar > .inner .bottom-logos, .section.dc-section > .inner, .section.error-404 > .inner, .section.dc-project-carousel > .inner, .section.dc-featured-projects > .inner, .section.dc-careers-grid > .inner, .section.dc-project-data > .inner, .section.capability-info > .inner, .section.capability-hotboxes-cirlce > .inner, .section.capability-hotboxes > .inner, .section.dc-infoboxes > .inner, .section.dc-text-block > .inner, .section.dc-team-cards > .inner, .section.dc-project-grid > .inner, .section.dc-facts-carousel > .inner, .section.dc-intro-section > .inner, .section.dc-image-text > .inner, .section.dc-hotboxes > .inner, .section.dc-cta > .inner, .section.dc-accordion > .inner, .section.dc-cards-carousel > .inner {
  padding-inline: 15px;
}
@media only screen and (min-width: 768px) {
  .bottom-sidebar > .inner .textwidget > div > div, .bottom-sidebar > .inner .bottom-logos, .section.dc-section > .inner, .section.error-404 > .inner, .section.dc-project-carousel > .inner, .section.dc-featured-projects > .inner, .section.dc-careers-grid > .inner, .section.dc-project-data > .inner, .section.capability-info > .inner, .section.capability-hotboxes-cirlce > .inner, .section.capability-hotboxes > .inner, .section.dc-infoboxes > .inner, .section.dc-text-block > .inner, .section.dc-team-cards > .inner, .section.dc-project-grid > .inner, .section.dc-facts-carousel > .inner, .section.dc-intro-section > .inner, .section.dc-image-text > .inner, .section.dc-hotboxes > .inner, .section.dc-cta > .inner, .section.dc-accordion > .inner, .section.dc-cards-carousel > .inner {
    padding-inline: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .bottom-sidebar > .inner .textwidget > div > div, .bottom-sidebar > .inner .bottom-logos, .section.dc-section > .inner, .section.error-404 > .inner, .section.dc-project-carousel > .inner, .section.dc-featured-projects > .inner, .section.dc-careers-grid > .inner, .section.dc-project-data > .inner, .section.capability-info > .inner, .section.capability-hotboxes-cirlce > .inner, .section.capability-hotboxes > .inner, .section.dc-infoboxes > .inner, .section.dc-text-block > .inner, .section.dc-team-cards > .inner, .section.dc-project-grid > .inner, .section.dc-facts-carousel > .inner, .section.dc-intro-section > .inner, .section.dc-image-text > .inner, .section.dc-hotboxes > .inner, .section.dc-cta > .inner, .section.dc-accordion > .inner, .section.dc-cards-carousel > .inner {
    padding-inline: 60px;
  }
}

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

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

.bg_white + .bg_white,
.bg_white + script + .bg_white,
.bg_blue + .bg_blue,
.bg_blue + script + .bg_blue,
.bg_grey + .bg_grey,
.section.dc-accordion.style_2 + .bg_grey,
.bg_grey + .section.dc-accordion.style_2,
.section.dc-accordion.style_2 + .section.dc-accordion.style_2,
.bg_grey + script + .bg_grey,
.section.dc-accordion.style_2 + script + .bg_grey,
.bg_grey + script + .section.dc-accordion.style_2,
.section.dc-accordion.style_2 + script + .section.dc-accordion.style_2,
.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 {
  background: var(--light-color);
}
.section.bg_grey, .section.dc-accordion.style_2 {
  background: var(--grey-color3);
}
.section.bg_grey:before, .section.dc-accordion.style_2:before {
  content: "";
  width: 673px;
  max-width: 50vw;
  height: clamp(30px, 4vw, 60px);
  position: absolute;
  z-index: 2;
  right: 0;
  top: calc(clamp(30px, 4vw, 60px) * -1);
  background: url(../img/grey-banner-cut-top.svg) left top no-repeat;
}
.section.bg_grey:after, .section.dc-accordion.style_2:after {
  content: "";
  width: 673px;
  max-width: 50vw;
  height: clamp(30px, 4vw, 60px);
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -1px;
  background: url(../img/grey-banner-cut-botom.svg) left bottom no-repeat;
}
.section.bg_blue {
  background: var(--blue-color);
  color: var(--light-color);
}
.section.bg_blue > .inner > .section_intro .section-label > span {
  background: var(--blue-color) !important;
}
.section.bg_blue > .inner > .section_intro .section-label:before {
  background: var(--theme2-color) !important;
}
.section.bg_blue > .inner > .section_intro h2 {
  color: var(--light-color);
}

.section:not(.dc-cta) > .inner > .section_intro,
.section:not(.dc-cta) .item > .section_intro {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .section:not(.dc-cta) > .inner > .section_intro,
.section:not(.dc-cta) .item > .section_intro {
    margin-bottom: clamp(30px, 3.5vw, 70px);
  }
}
.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 .section-label,
.section:not(.dc-cta) .item > .section_intro .section-label {
  position: relative;
  margin-bottom: clamp(15px, 1.75vw, 37px);
}
.section:not(.dc-cta) > .inner > .section_intro .section-label > span,
.section:not(.dc-cta) .item > .section_intro .section-label > span {
  background: var(--light-color);
  position: relative;
  padding-right: 15px;
}
.section:not(.dc-cta) > .inner > .section_intro .section-label:before,
.section:not(.dc-cta) .item > .section_intro .section-label:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(50% - 0.5px);
  background: var(--grey-color);
}
.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 .title,
.section:not(.dc-cta) .item > .section_intro .title {
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .section:not(.dc-cta) > .inner > .section_intro .title,
.section:not(.dc-cta) .item > .section_intro .title {
    margin-bottom: 12px;
  }
}
.section:not(.dc-cta) > .inner > .section_intro > .button-wrapper,
.section:not(.dc-cta) .item > .section_intro > .button-wrapper {
  position: relative;
  margin-top: 23px;
}
.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;
  }
}

/*------------------------------------*\
	ARTICLE SECTION COLS 
\*------------------------------------*/
.section > .inner.dc_cols > .section_content .item, .section.error-404 > .inner > .section_content .item, .section.dc-featured-projects > .inner > .section_content .item, .section.dc-careers-grid > .inner > .section_content .item, .section.dc-project-data > .inner > .section_content .item, .section.dc-image-text > .inner > .section_content .item, .section.dc-accordion.style_1 > .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-featured-projects > .inner > .section_content .item, .section.dc-careers-grid > .inner > .section_content .item, .section.dc-project-data > .inner > .section_content .item, .section.dc-image-text > .inner > .section_content .item, .section.dc-accordion.style_1 > .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-featured-projects > .inner > .section_content .item > .left, .section.dc-careers-grid > .inner > .section_content .item > .left, .section.dc-project-data > .inner > .section_content .item > .left, .section.dc-image-text > .inner > .section_content .item > .left, .section.dc-accordion.style_1 > .inner > .section_content .item > .left,
.section > .inner.dc_cols > .section_content .item > .right,
.section.error-404 > .inner > .section_content .item > .right,
.section.dc-featured-projects > .inner > .section_content .item > .right,
.section.dc-careers-grid > .inner > .section_content .item > .right,
.section.dc-project-data > .inner > .section_content .item > .right,
.section.dc-image-text > .inner > .section_content .item > .right,
.section.dc-accordion.style_1 > .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-featured-projects > .inner > .section_content .item, .section.dc-careers-grid > .inner > .section_content .item, .section.dc-project-data > .inner > .section_content .item, .section.dc-image-text > .inner > .section_content .item, .section.dc-accordion.style_1 > .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-featured-projects > .inner.image_right .section_content .item, .section.dc-careers-grid > .inner.image_right .section_content .item, .section.dc-project-data > .inner.image_right .section_content .item, .section.dc-image-text > .inner.image_right .section_content .item, .section.dc-accordion.style_1 > .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-featured-projects > .inner > .section_content .item.image_right,
.section.dc-careers-grid > .inner > .section_content .item.image_right,
.section.dc-project-data > .inner > .section_content .item.image_right,
.section.dc-image-text > .inner > .section_content .item.image_right,
.section.dc-accordion.style_1 > .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-featured-projects > .inner.align-center > .section_content .item > .right, .section.dc-careers-grid > .inner.align-center > .section_content .item > .right, .section.dc-project-data > .inner.align-center > .section_content .item > .right, .section.dc-image-text > .inner.align-center > .section_content .item > .right, .section.dc-accordion.style_1 > .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-careers-grid > .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-careers-grid > .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%;
  }
}

@media only screen and (min-width: 768px) {
  .section > .inner.col_60_40 > .section_content .item .left, .section.dc-featured-projects > .inner > .section_content .item .left, .section.dc-project-data > .inner > .section_content .item .left {
    -ms-flex: 1;
        flex: 1;
  }
  .section > .inner.col_60_40 > .section_content .item .right, .section.dc-featured-projects > .inner > .section_content .item .right, .section.dc-project-data > .inner > .section_content .item .right {
    width: 60%;
  }
}

/*------------------------------------*\
	DC GRID ITEMS
\*------------------------------------*/
.grid-items:not(.grid), .section.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid), .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid), .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid) .slick-list, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid) .slick-list .slick-track, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col2, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col2, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col2 .item, .section.capability-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;
  position: relative;
}
@media only screen and (max-width: 650px) {
  .grid-items:not(.grid).col2 .item, .section.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col2 .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col3, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col3, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col3, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col3 .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col3 .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col3 .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col3 .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col4, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col4, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col4, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col4 .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col4 .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col4 .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col4 .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).slick-slider, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).slick-slider, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).slick-slider, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).slick-slider .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).slick-slider .item, .section.capability-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.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).slick-slider .item, .section.capability-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;
}

.dc-card, .section.capability-hotboxes > .inner .section_content .items .item, .section.dc-team-cards .section_content .item, .section.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: 20px;
  background: var(--light-color);
  transition: all 250ms ease-in-out;
}
.dc-card.slick-slide, .section.capability-hotboxes > .inner .section_content .items .slick-slide.item, .section.dc-team-cards .section_content .slick-slide.item, .section.dc-project-grid.style_1 .slick-slide.item, .section.dc-hotboxes.style_1 > .inner .section_content .items .slick-slide.item {
  margin-bottom: 0;
  height: unset !important;
}

.slick-slide img {
  border-radius: 10px !important;
}

.dc-card.style_1, .section.capability-hotboxes > .inner .section_content .items .style_1.item, .section.dc-team-cards .section_content .style_1.item, .section.dc-project-grid.style_1 .style_1.item, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item {
  padding: clamp(20px, 3vw, 62px) clamp(18px, 2.1vw, 44px) clamp(40px, 5vw, 55px) clamp(18px, 2.5vw, 44px);
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
  border-radius: 12px;
  height: clamp(250px, 23vw, 415px);
}
@media only screen and (max-width: 767px) {
  .dc-card.style_1, .section.capability-hotboxes > .inner .section_content .items .style_1.item, .section.dc-team-cards .section_content .style_1.item, .section.dc-project-grid.style_1 .style_1.item, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item {
    min-height: 240px;
  }
}
.dc-card.style_1:before, .section.capability-hotboxes > .inner .section_content .items .style_1.item:before, .section.dc-team-cards .section_content .style_1.item:before, .section.dc-project-grid.style_1 .style_1.item:before, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item:before {
  content: "";
  width: 160px;
  height: clamp(40px, 4vw, 72px);
  position: absolute;
  right: -0.5px;
  bottom: -0.5px;
  background: transparent url(../img/corner-cut-blue.svg) right bottom no-repeat;
  background-size: contain;
}
.dc-card.style_1 .image-wrapper, .section.capability-hotboxes > .inner .section_content .items .style_1.item .image-wrapper, .section.dc-team-cards .section_content .style_1.item .image-wrapper, .section.dc-project-grid.style_1 .style_1.item .image-wrapper, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item .image-wrapper {
  position: absolute !important;
  top: clamp(20px, 3vw, 62px);
  display: -ms-flexbox;
  display: flex;
  height: clamp(55px, 4vw, 80px);
  width: 100%;
  box-sizing: content-box;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  transition: all 500ms ease-in-out;
}
.dc-card.style_1 .image-wrapper img, .section.capability-hotboxes > .inner .section_content .items .style_1.item .image-wrapper img, .section.dc-team-cards .section_content .style_1.item .image-wrapper img, .section.dc-project-grid.style_1 .style_1.item .image-wrapper img, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item .image-wrapper img {
  display: block;
  object-fit: contain !important;
  width: unset !important;
  height: unset !important;
}
.dc-card.style_1 .text, .section.capability-hotboxes > .inner .section_content .items .style_1.item .text, .section.dc-team-cards .section_content .style_1.item .text, .section.dc-project-grid.style_1 .style_1.item .text, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item .text {
  width: 100%;
}
.dc-card.style_1 .text h3, .section.capability-hotboxes > .inner .section_content .items .style_1.item .text h3, .section.dc-team-cards .section_content .style_1.item .text h3, .section.dc-project-grid.style_1 .style_1.item .text h3, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item .text h3 {
  color: var(--theme-color);
  max-width: 320px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .dc-card.style_1 .text h3, .section.capability-hotboxes > .inner .section_content .items .style_1.item .text h3, .section.dc-team-cards .section_content .style_1.item .text h3, .section.dc-project-grid.style_1 .style_1.item .text h3, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item .text h3 {
    font-size: clamp(1.25rem, -0.0577rem + 2.4615vw, 2.25rem);
  }
}
.dc-card.style_1 .text .text2, .section.capability-hotboxes > .inner .section_content .items .style_1.item .text .text2, .section.dc-team-cards .section_content .style_1.item .text .text2, .section.dc-project-grid.style_1 .style_1.item .text .text2, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item .text .text2 {
  max-width: 330px;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 500ms ease-in-out;
}
.dc-card.style_1 .text .text2 p, .section.capability-hotboxes > .inner .section_content .items .style_1.item .text .text2 p, .section.dc-team-cards .section_content .style_1.item .text .text2 p, .section.dc-project-grid.style_1 .style_1.item .text .text2 p, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item .text .text2 p {
  color: var(--dark-color);
  margin-block: 25px 0;
  overflow: hidden;
  min-height: 0;
  opacity: 0;
  -ms-transform: translateY(40px);
      transform: translateY(40px);
  transition: all 500ms ease-in-out;
}
.dc-card.style_1:hover .text .text2, .section.capability-hotboxes > .inner .section_content .items .style_1.item:hover .text .text2, .section.dc-team-cards .section_content .style_1.item:hover .text .text2, .section.dc-project-grid.style_1 .style_1.item:hover .text .text2, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item:hover .text .text2 {
  grid-template-rows: 1fr;
}
.dc-card.style_1:hover .text .text2 p, .section.capability-hotboxes > .inner .section_content .items .style_1.item:hover .text .text2 p, .section.dc-team-cards .section_content .style_1.item:hover .text .text2 p, .section.dc-project-grid.style_1 .style_1.item:hover .text .text2 p, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item:hover .text .text2 p {
  opacity: 1;
  -ms-transform: translateY(0);
      transform: translateY(0);
}
.dc-card.style_1:hover .image-wrapper, .section.capability-hotboxes > .inner .section_content .items .style_1.item:hover .image-wrapper, .section.dc-team-cards .section_content .style_1.item:hover .image-wrapper, .section.dc-project-grid.style_1 .style_1.item:hover .image-wrapper, .section.dc-hotboxes.style_1 > .inner .section_content .items .style_1.item:hover .image-wrapper {
  height: clamp(42px, 3vw, 60px);
}

/*
.dc-card.style_alt {

	.image-wrapper {
		background-size: cover;
		overflow: hidden;
		margin-bottom: 28px;

		img {
			object-fit: cover;
			aspect-ratio: 1.5 / 1 !important;
			width: 100%;

			@include effect(all, 250ms, ease-in-out);
		}

		@include video_overlay();

		@media (hover: hover) {

			&:has(+ div + .overlay:hover) {

				img {
					transform: scale(1.1);
				}
			}
		}
	}

	.text {

		p {
			@extend %label;
			color: var(--theme-color);
			font-weight: 700;
			padding-left: 0;
			margin-bottom: 10px;
		}

		h2,
		h3 {
			font-weight: 700;
			margin-bottom: clamp(10px, 1.5vw, 15px);
		}
	}

	.content-wrapper {
		margin-top: 15px;

		@include effect(all, 150ms, ease-in-out);

		>* {
			margin-bottom: 0;
			padding-bottom: 0;
		}

		.category {
			display: block;
		}

		.sub-title {
			margin-block: 15px;
		}

		.text {
			margin-block: 15px;
		}
	}

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

		a {
			position: relative;
		}
	}

	@media (hover: hover) {

		&:hover {

			h2,
			h3 {}
		}
	}

	.image_bottom & {

		.content-wrapper {
			order: 1;
			padding-top: 0;
			margin-bottom: 15px;
		}

		.image-wrapper {
			order: 2;
		}
	}
}
*/
/*------------------------------------*\
  DC CAROUSELS
\*------------------------------------*/
:root {
  --cards-carousel-minus-margin: -15px;
  --cards-carousel-card-margin-right: 15px;
}

@media only screen and (max-width: 949px) {
  .section.dc-cards-carousel,
.section.dc-project-carousel {
    margin-bottom: 14px;
  }
}
.section.dc-cards-carousel > .inner .section_content,
.section.dc-project-carousel > .inner .section_content {
  position: relative;
  padding-block: 0 50px;
  padding-inline: 30px;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}
@media only screen and (min-width: 950px) {
  .section.dc-cards-carousel > .inner .section_content,
.section.dc-project-carousel > .inner .section_content {
    margin-top: 0;
    padding-inline: 0;
  }
}
@media only screen and (min-width: 950px) {
  .section.dc-cards-carousel > .inner .section_content .carousel-wrapper,
.section.dc-project-carousel > .inner .section_content .carousel-wrapper {
    width: 80%;
  }
}
.section.dc-cards-carousel > .inner .section_content .slick-list,
.section.dc-project-carousel > .inner .section_content .slick-list {
  width: 100%;
}
@media only screen and (min-width: 560px) {
  .section.dc-cards-carousel > .inner .section_content .slick-list,
.section.dc-project-carousel > .inner .section_content .slick-list {
    width: calc(100% + 20px);
    min-width: 750px;
  }
}
@media only screen and (min-width: 950px) {
  .section.dc-cards-carousel > .inner .section_content .slick-list,
.section.dc-project-carousel > .inner .section_content .slick-list {
    width: 94%;
    min-width: 870px;
    overflow: visible;
  }
}
.section.dc-cards-carousel > .inner .section_content .slick-list .slick-slider,
.section.dc-project-carousel > .inner .section_content .slick-list .slick-slider {
  padding-bottom: 35px;
}
@media only screen and (min-width: 560px) {
  .section.dc-cards-carousel > .inner .section_content .item.slick-slide,
.section.dc-project-carousel > .inner .section_content .item.slick-slide {
    margin-right: 20px;
  }
}

.section.dc-project-carousel .item.project-card, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item,
.section.dc-project-carousel > .inner .section_content .item {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.section.dc-project-carousel .item.project-card .image-wrapper, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .image-wrapper, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .image-wrapper,
.section.dc-project-carousel > .inner .section_content .item .image-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
.section.dc-project-carousel .item.project-card .image-wrapper:before, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .image-wrapper:before, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .image-wrapper:before,
.section.dc-project-carousel > .inner .section_content .item .image-wrapper:before {
  content: "";
  width: 133px;
  height: clamp(40px, 4.5vw, 72px);
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.dc-project-carousel .item.project-card .image-wrapper img, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .image-wrapper img, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .image-wrapper img,
.section.dc-project-carousel > .inner .section_content .item .image-wrapper img {
  aspect-ratio: 1285/857;
  object-fit: cover;
  width: 100%;
}
.section.dc-project-carousel .item.project-card .image-wrapper:after, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .image-wrapper:after, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .image-wrapper:after,
.section.dc-project-carousel > .inner .section_content .item .image-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.3);
}
.section.dc-project-carousel .item.project-card .content, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content,
.section.dc-project-carousel > .inner .section_content .item .content {
  position: absolute;
  top: clamp(20px, 4vw, 80px);
  left: clamp(20px, 4vw, 80px);
  padding: clamp(20px, 3vw, 50px) clamp(15px, 2.4vw, 40px);
  width: 480px;
  max-width: 42vw;
  min-width: 240px;
  border-radius: 12px;
  border: 1px solid #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(30px);
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  opacity: 0;
  -ms-transform: translateX(100px);
      transform: translateX(100px);
  transition: all 250ms ease-in-out;
}
.section.dc-project-carousel .item.project-card .content .content-top, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .content-top, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .content-top,
.section.dc-project-carousel > .inner .section_content .item .content .content-top {
  -ms-flex: 1;
      flex: 1;
  padding-bottom: 0;
  transition: all 250ms ease-in-out;
}
.section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .industry,
.section.dc-project-carousel .item.project-card .content .client,
.section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .client,
.section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .client,
.section.dc-project-carousel > .inner .section_content .item .content .client,
.section.dc-project-carousel .item.project-card .content .location,
.section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .location,
.section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .location,
.section.dc-project-carousel > .inner .section_content .item .content .location,
.section.dc-project-carousel .item.project-card .content h3,
.section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content h3,
.section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content h3,
.section.dc-project-carousel > .inner .section_content .item .content h3 {
  color: var(--light-color);
}
.section.dc-project-carousel .item.project-card .content h3, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content h3, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content h3,
.section.dc-project-carousel > .inner .section_content .item .content h3 {
  text-transform: none;
  margin-bottom: 3px;
}
@media only screen and (max-width: 767px) {
  .section.dc-project-carousel .item.project-card .content h3, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content h3, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content h3,
.section.dc-project-carousel > .inner .section_content .item .content h3 {
    font-size: 20px;
  }
}
.section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .industry {
  margin-bottom: clamp(4px, 1.8vw, 35px);
  display: block;
}
@media only screen and (max-width: 767px) {
  .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .industry {
    font-size: 10px;
  }
}
.section.dc-project-carousel .item.project-card .content .client, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .client, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .client,
.section.dc-project-carousel > .inner .section_content .item .content .client {
  display: block;
  font-weight: 700;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .section.dc-project-carousel .item.project-card .content .client, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .client, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .client,
.section.dc-project-carousel > .inner .section_content .item .content .client {
    font-size: 12px;
  }
}
@media only screen and (max-width: 559px) {
  .section.dc-project-carousel .item.project-card .content .client, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .client, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .client,
.section.dc-project-carousel > .inner .section_content .item .content .client {
    display: none;
  }
}
.section.dc-project-carousel .item.project-card .content .location, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .location, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .location,
.section.dc-project-carousel > .inner .section_content .item .content .location {
  margin-block: 4px clamp(10px, 3.7vw, 75px);
}
@media only screen and (max-width: 767px) {
  .section.dc-project-carousel .item.project-card .content .location, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .location, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .location,
.section.dc-project-carousel > .inner .section_content .item .content .location {
    margin-top: 1px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 559px) {
  .section.dc-project-carousel .item.project-card .content .location, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .location, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .location,
.section.dc-project-carousel > .inner .section_content .item .content .location {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-project-carousel .item.project-card .content .button-wrapper, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .button-wrapper, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .button-wrapper,
.section.dc-project-carousel > .inner .section_content .item .content .button-wrapper {
    -ms-transform: scale(0.9);
        transform: scale(0.9);
    -ms-transform-origin: left top;
        transform-origin: left top;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  10% {
    opacity: 0;
    transform: translateX(80px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.section.dc-project-carousel .item.project-card.slick-current .content, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item.slick-current .content, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item.slick-current .content,
.section.dc-project-carousel > .inner .section_content .item.slick-current .content, .section.dc-project-carousel .item.project-card.slick-active .content, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item.slick-active .content, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item.slick-active .content,
.section.dc-project-carousel > .inner .section_content .item.slick-active .content {
  animation: 1.3s ease 0s normal forwards 1 fadein;
}
/*------------------------------------*\

POST GRID - FILTER

\*------------------------------------*/
.section-filters {
  position: relative;
  margin-bottom: clamp(30px, 3vw, 60px);
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  .section-filters {
    margin-bottom: 25px;
  }
}
.section-filters .filters {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section-filters .filters .dropdown-label {
  color: var(--grey-color);
  font-weight: 500;
  margin-right: 15px;
  padding-block: 6px;
}
.section-filters .filters .filter-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
}
.section-filters .filters .filter-items li {
  list-style: none;
  margin: 0 15px;
  padding: 0;
}
.section-filters .filters .filter-items li a {
  color: var(--theme-color);
  font-weight: 500;
  white-space: nowrap;
  position: relative;
  display: block;
  padding-block: 6px;
  cursor: pointer;
}
.section-filters .filters .filter-items li a:after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent;
  transition: all 150ms ease-in-out;
}
.section-filters .filters .filter-items li a.active:after, .section-filters .filters .filter-items li a:hover:after {
  background: var(--theme2-color);
}

.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 .section_intro {
  position: relative;
}
.section.dc-accordion .section_intro > span {
  background: var(--light-color);
  position: relative;
  padding-right: 15px;
  width: 175px;
}
.section.dc-accordion .section_intro:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(50% - 0.5px);
  background: var(--theme2-color);
}
.section.dc-accordion .accordion {
  padding-block: 20px;
  width: 100%;
  max-width: 100%;
  position: relative;
  margin-bottom: 4px;
  border-bottom: 0.5px solid var(--grey-color);
}
.section.dc-accordion .accordion:after {
  content: "+";
  position: absolute;
  left: 0;
  top: 19px;
  width: 20px;
  height: 33px;
  padding-bottom: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 40px;
  font-size: 40px;
  font-weight: 300;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--theme2-color);
  cursor: pointer;
  transition: all 150ms ease-in-out;
}
.section.dc-accordion .accordion:after:hover {
  color: var(--theme2-color);
}
.section.dc-accordion .accordion .title {
  position: relative;
  z-index: 100;
  cursor: pointer;
}
.section.dc-accordion .accordion .title h4 {
  text-transform: uppercase;
  margin-bottom: 0;
  padding-left: clamp(40px, 3vw, 60px);
  -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-left: clamp(40px, 3vw, 60px);
  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: "-";
  top: 17px;
}
.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 > .inner .left {
  position: relative;
  min-height: clamp(500px, 50vw, 800px);
}
.section.dc-accordion.style_1 > .inner .left .image-wrapper {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 705px;
  height: clamp(500px, 50vw, 800px);
  margin-bottom: 20px;
  border-radius: 12px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  -ms-transform: translateY(20px);
      transform: translateY(20px);
  transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
}
@media only screen and (max-width: 767px) {
  .section.dc-accordion.style_1 > .inner .left .image-wrapper {
    margin-top: 30px !important;
  }
}
.section.dc-accordion.style_1 > .inner .left .image-wrapper > img {
  display: block;
  width: 100%;
}
.section.dc-accordion.style_1 > .inner .left .image-wrapper:after {
  content: "";
  width: 133px;
  height: 72px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.dc-accordion.style_1 > .inner .left .image-wrapper.is-active {
  z-index: 1;
  opacity: 1;
  -ms-transform: translateY(0);
      transform: translateY(0);
}
.section.dc-accordion.style_1 > .inner .right {
  position: relative;
  margin-inline: auto 0;
}
@media only screen and (min-width: 768px) {
  .section.dc-accordion.style_1 > .inner .right {
    padding-left: clamp(30px, 2.5vw, 50px);
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-accordion.style_1 > .inner .right {
    margin-bottom: 40px;
  }
}
.section.dc-accordion.style_1 > .inner .right .accordion-css__item-logo {
  display: none;
}
.section.dc-accordion.style_1 > .inner .right .section_intro {
  max-width: 650px;
}
.section.dc-accordion.style_1 > .inner .right a:not(.dc-btn) {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 38px;
  height: 38px;
  background-color: var(--theme2-color);
  border-radius: 50%;
  /*text-decoration: none;
   margin-top: clamp(12px, 2vw, 20px);*/
  text-indent: -9999px;
  overflow: hidden;
}
.section.dc-accordion.style_1 > .inner .right a:not(.dc-btn):after {
  content: "";
  width: 13px;
  height: 13px;
  background: url("../img/ital-arrow-right.svg") no-repeat center;
  background-size: contain;
  display: block;
  position: absolute;
  transition: transform 0.25s ease;
}
.section.dc-accordion.style_1 > .inner .right a:not(.dc-btn):hover {
  background-color: var(--theme-color);
}
.section.dc-accordion.style_1 > .inner .right a:not(.dc-btn):hover:after {
  -ms-transform: translateX(4px);
      transform: translateX(4px);
}
@media only screen and (max-width: 767px) {
  .section.dc-accordion.style_1 > .inner .right .accordion-css__item-icon {
    top: 11px;
  }
}
@media only screen and (max-width: 559px) {
  .section.dc-accordion.style_1 > .inner .right .accordion-css__item-icon {
    top: 11px;
  }
}
.section.dc-accordion.style_2 {
  padding-block: 0 !important;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .section.dc-accordion.style_2 {
    margin-bottom: 20px;
  }
}
.section.dc-accordion.style_2 .section_intro,
.section.dc-accordion.style_2 .section_content {
  max-width: 1140px !important;
  margin-inline: auto;
}
.section.dc-accordion.style_2 .inner {
  padding-block: clamp(60px, 12vw, 160px);
}
.section.dc-accordion.style_2 .inner .section_intro:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .section.dc-accordion.style_2 .right .accordion-css__item-icon {
    top: 13px;
  }
}
@media only screen and (max-width: 559px) {
  .section.dc-accordion.style_2 .right .accordion-css__item-icon {
    top: 13px;
  }
}
.section.dc-accordion.style_2 .accordion .title h4 {
  text-transform: capitalize;
}

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

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

.section.dc-accordion .accordion-css {
  position: relative;
}
.section.dc-accordion .accordion-css__list {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  -ms-flex-flow: column;
      flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: -ms-flexbox;
  display: flex;
  position: static;
}
.section.dc-accordion .accordion-css__item {
  margin-left: 0;
  list-style: none;
  border-bottom: 0.5px solid var(--grey-color);
  padding-left: clamp(40px, 3vw, 60px);
  /*display: flex;*/
  -ms-flex-align: center;
      align-items: center;
}
.section.dc-accordion .accordion-css__item-top {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  cursor: pointer;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  padding: 1em 1em 1em 0;
  display: -ms-flexbox;
  display: flex;
}
.section.dc-accordion .accordion-css__item-bottom {
  transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1);
  grid-template-rows: 0fr;
  display: grid;
  position: relative;
  overflow: hidden;
}
.section.dc-accordion [data-accordion-status=active] .accordion-css__item-bottom {
  grid-template-rows: 1fr;
}
.section.dc-accordion .accordion-css__item-bottom-wrap {
  -ms-flex-flow: column;
      flex-flow: column;
  height: 100000%;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
.section.dc-accordion .accordion-css__item-bottom-content {
  padding-bottom: 1.5em;
  padding-right: 1.5em;
  max-width: 820px;
  /*display: flex;*/
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 30px;
}
.section.dc-accordion .accordion-css__item-h4 {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: none;
}
.section.dc-accordion .accordion-css__item-icon {
  position: absolute;
  left: 0;
  top: 22px;
}
.section.dc-accordion .accordion-css__item-icon:after {
  content: "+";
  position: absolute;
  left: 0;
  top: -10px;
  width: 20px;
  height: 33px;
  padding-bottom: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 40px;
  font-size: 40px;
  font-weight: 300;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--theme2-color);
  cursor: pointer;
  transition: all 150ms ease-in-out;
}
.section.dc-accordion .accordion-css__item-icon:after:hover {
  color: var(--theme2-color);
}
.section.dc-accordion .accordion-css__item-logo {
  /*flex-shrink: 0;
     margin-left: auto;
     width: 100%;
     max-width: 250px;*/
  position: absolute;
  right: 40px;
  top: 0;
  width: 110px;
  z-index: 2;
}
.section.dc-accordion .accordion-css__item-logo img {
  /*display: block;
     width: 100%;
     height: auto;
     object-fit: none;
     margin-top: -490px;*/
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-top: 0;
}
@media only screen and (max-width: 1099px) {
  .section.dc-accordion .accordion-css__item-bottom-content:has(+ .accordion-css__item-logo) {
    padding-right: 120px;
  }
  .section.dc-accordion .accordion-css__item-logo {
    right: 0;
  }
}
@media only screen and (max-width: 559px) {
  .section.dc-accordion .accordion-css__item-bottom-content:has(+ .accordion-css__item-logo) {
    padding-right: 0;
  }
  .section.dc-accordion .accordion-css__item-logo img {
    display: none;
  }
}
.section.dc-accordion [data-accordion-status=active] .accordion-css__item-icon:after {
  content: "-";
}
.section.dc-accordion .accordion-css__item-icon-svg {
  width: 1em;
}
.section.dc-accordion .accordion-css__item-p {
  color: #2c2c2c;
  margin-bottom: 0;
  font-size: 0.875em;
  line-height: 1.5;
}

/*------------------------------------*\
  STYLE_1 FONT OVERRIDE
\*------------------------------------*/
.section.dc-accordion.style_1 .accordion-css__item-h4 {
  letter-spacing: 0;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--theme-color);
}

/*------------------------------------*\
  CTA
\*------------------------------------*/
.section.dc-cta {
  /*style 2*/
  /*
  &.style_2 {
  	padding: 0;
  	overflow: hidden;

  	.image-wrapper {
  		overflow: hidden;
  		aspect-ratio: 1 / 1;
  		height: 100%;

  		&:before {
  			content: "";
  			position: absolute;
  			left: 0;
  			top: 0;
  			width: 100%;
  			height: 100%;
  			background: rgba(1, 1, 1, .3);
  		}

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

  	.text {
  		position: absolute;
  		top: 0;
  		left: 0;
  		width: 100%;
  		height: 100%;
  		padding: clamp(1px, 3vw, 80px) clamp(20px, 5vw, 80px);
  		display: flex;
  		flex-direction: column;

  		.top-title-wrapper {
  			flex: 1;
  		}

  		h3 {
  			color: var(--light-color);
  		}
  	}
  }

  &.cta_style_2 {
  	@extend .bg_dark;

  	display: flex;
  	align-items: flex-end;
  	height: clamp(300px, 43vw, 680px);

  	overflow: hidden;

  	@include mq('tablet', max) {
  		padding-block: 30px;
  	}

  	>.bg_image {
  		position: absolute;
  		top: 0;
  		left: 0;
  		width: 100%;
  		height: 110%;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;

  		&:after {
  			content: "";

  			position: absolute;
  			top: 0;
  			left: 0;
  			width: 100%;
  			height: 100%;
  			z-index: 1;

  			background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  			opacity: .5;
  		}
  	}

  	>.inner {
  		position: relative;
  		z-index: 1;

  		.section_intro {

  			span {
  				text-transform: uppercase;
  			}

  			h4 {
  				line-height: 1.25em;
  				margin-bottom: 6px;
  			}

  			h4,
  			p {
  				color: var(--light-color);

  				max-width: 560px;
  			}

  			.dc-btn {
  				//@extend .on_image;
  			}
  		}
  	}
  }
  */
}
@media only screen and (min-width: 768px) {
  .section.dc-cta.cta_style_1 {
    margin-block: 90px;
  }
}
@media only screen and (min-width: 950px) {
  .section.dc-cta.cta_style_1 {
    margin-block: 120px;
  }
}
.section.dc-cta.cta_style_1 > .inner {
  width: 100%;
  max-width: 1840px;
  margin: 0 auto !important;
}
@media only screen and (max-width: 1879px) {
  .section.dc-cta.cta_style_1 > .inner {
    margin-inline: 0 !important;
  }
}
.section.dc-cta.cta_style_1 > .inner .bg_image {
  max-width: 1840px;
  width: 1840px;
  left: calc((100% - 1840px) / 2) !important;
  border-radius: 20px;
}
@media only screen and (max-width: 1879px) {
  .section.dc-cta.cta_style_1 > .inner .bg_image {
    left: 0 !important;
    width: 1880px;
    max-width: 1880px;
    border-radius: 0;
  }
}
.section.dc-cta.cta_style_1 > .inner .bg_image:after {
  content: "";
  width: 160px;
  height: 72px;
  position: absolute;
  z-index: 2;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
}
.section.dc-cta.cta_style_1 > .inner .bg_image:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.section.dc-cta.cta_style_1 > .inner .description p {
  margin-bottom: clamp(30px, 3vw, 60px);
}
.section.dc-cta.cta_style_1 > .inner .description input[type=email],
.section.dc-cta.cta_style_1 > .inner .description input[type=text] {
  background: white !important;
  border-color: white !important;
}
.section.dc-cta.cta_style_1 > .inner .description .gform_wrapper .gform_footer {
  margin-top: 20px !important;
}
.section.dc-cta.cta_style_2 > .inner .bg_image:after {
  content: "";
  width: 1328pxpx;
  max-width: 50vw;
  height: clamp(30px, 4vw, 60px);
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -1px;
  background: url(../img/hero-cut.svg) left bottom no-repeat;
  background-size: auto 100%;
}
.section.dc-cta.image {
  padding-block: 0 !important;
}
.section.dc-cta.image .inner {
  position: relative;
  padding-block: clamp(30px, 4vw, 80px) clamp(60px, 11vw, 220px);
}
.section.dc-cta.image .inner .bg_image {
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-size: cover;
}
.section.dc-cta.image .inner .section_intro {
  position: relative;
  padding: clamp(20px, 4vw, 80px) clamp(15px, 3vw, 60px);
  width: 560px;
  max-width: 42vw;
  min-width: 430px;
  border-radius: 12px;
  border: 2px solid var(--light-color);
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(30px);
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 767px) {
  .section.dc-cta.image .inner .section_intro {
    min-width: 280px;
    margin-bottom: 50px;
  }
}
.section.dc-cta.image .inner .section_intro .title-wrapper h2,
.section.dc-cta.image .inner .section_intro .title-wrapper h3 {
  color: var(--light-color);
  text-transform: none;
  margin-bottom: 30px;
}
.section.dc-cta.image .inner .section_intro .description p {
  color: var(--light-color);
}
.section.dc-cta.image .inner a.overlay {
  display: none;
}

/*------------------------------------*\
	HOTBOXS
\*------------------------------------*/
.section.dc-hotboxes {
  overflow: hidden;
}
.section.dc-hotboxes > .inner .section_content .items {
  /*Blue BG Item*/
  /**/
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child .image-wrapper {
  background: #002C4E;
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child .image-wrapper img {
  display: none;
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child .image-wrapper:after {
  display: none;
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child .text {
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: relative;
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child .text h3 {
  color: #fff;
  text-transform: uppercase;
  max-width: 620px;
  line-height: 1;
  position: relative;
  padding-top: clamp(50px, 5vw, 100px);
  transition: all 250ms ease-in-out;
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child .text h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: clamp(30px, 3vw, 60px);
  display: block;
  background-image: url("../img/italsteel-all-icons.svg");
  background-repeat: no-repeat;
  background-size: auto clamp(30px, 3vw, 60px);
  background-position: 0 0;
  transition: all 250ms ease-in-out;
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child .text:after {
  left: clamp(25px, 3vw, 60px);
  bottom: clamp(25px, 3vw, 50px);
  background-color: #C7931D;
  transition: all 250ms ease-in-out;
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child:hover .text h3 {
  padding-top: calc(clamp(50px, 5vw, 100px) * 1.2);
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child:hover .text h3:before {
  height: calc(clamp(30px, 3vw, 60px) * 1.1);
  background-size: auto calc(clamp(30px, 3vw, 60px) * 1.2);
}
.section.dc-hotboxes > .inner .section_content .items .item:first-child:hover .text:after {
  background-color: white !important;
  background: url(../img/ital-arrow-right-yellow.svg) no-repeat center;
}
@media only screen and (max-width: 650px) {
  .section.dc-hotboxes > .inner .section_content .items .item:not(:first-child) {
    margin-top: 10px;
  }
}
.section.dc-hotboxes > .inner .section_content .items .item .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  background: var(--blue-color);
}
.section.dc-hotboxes > .inner .section_content .items .item .image-wrapper img {
  object-fit: cover;
  width: 100%;
  transition: all 250ms ease-in-out;
}
.section.dc-hotboxes > .inner .section_content .items .item .image-wrapper:before {
  content: "";
  width: 133px;
  height: 72px;
  position: absolute;
  z-index: 2;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.dc-hotboxes > .inner .section_content .items .item .image-wrapper:has(img):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.5);
}
.section.dc-hotboxes > .inner .section_content .items .item .text {
  position: relative;
  width: 100%;
  height: clamp(250px, 32vw, 565px);
  padding: clamp(30px, 4vw, 80px) clamp(20px, 3vw, 60px) clamp(60px, 4vw, 60px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}
.section.dc-hotboxes > .inner .section_content .items .item .text .top-title-wrapper {
  margin-bottom: 15px;
}
.section.dc-hotboxes > .inner .section_content .items .item .text h3 {
  color: var(--light-color);
  max-width: 620px;
  /*max-width: 560px;*/
}
.section.dc-hotboxes > .inner .section_content .items .item .text .button-wrapper {
  position: absolute;
  bottom: clamp(26px, 3vw, 60px);
  left: 0;
  width: 100%;
  text-align: center;
}
.section.dc-hotboxes > .inner .section_content .items .item .text:after {
  content: "";
  width: clamp(34px, 3vw, 50px);
  height: clamp(34px, 3vw, 50px);
  background-color: var(--theme2-color);
  border-radius: 50%;
  background: url("../img/ital-arrow-right.svg") no-repeat center;
  background-size: 14px;
  display: block;
  position: absolute;
  bottom: clamp(20px, 3vw, 60px);
  left: clamp(20px, 3vw, 60px);
  background-color: var(--theme2-color);
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 899px) {
  .section.dc-hotboxes > .inner .section_content .items .item .text h3 {
    font-size: 22px !important;
  }
}
.section.dc-hotboxes > .inner .section_content .items .item:hover .text:after {
  background-color: white !important;
  background: url(../img/ital-arrow-right-yellow.svg) no-repeat center;
}
.section.dc-hotboxes > .inner .section_content .items .item:hover .image-wrapper img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.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(--theme-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 {
  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.5/1;
}
/*------------------------------------*\
	IMAGE TEXT BOX
\*------------------------------------*/
.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 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: 12px;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
@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:after {
  content: "";
  width: 133px;
  height: clamp(40px, 4vw, 72px);
  position: absolute;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.dc-image-text > .inner .section_content .left .image-wrapper > img {
  display: block;
  width: 100%;
}
.section.dc-image-text > .inner .section_content .right .content-wrapper {
  padding-top: clamp(20px, 4vw, 80px);
}
.section.dc-image-text > .inner .section_content .right .content-wrapper:has(.text:first-child) {
  padding-top: 0;
}
.section.dc-image-text > .inner .section_content .right .content-wrapper > h3 {
  line-height: 1.333em;
  text-transform: none;
  position: relative;
  margin-bottom: 25px !important;
}
.section.dc-image-text > .inner .section_content .right .content-wrapper > h3:first-child {
  margin-top: 0 !important;
}
.section.dc-image-text > .inner .section_content .right .content-wrapper .text h3 {
  line-height: 1.333em;
  text-transform: none;
  position: relative;
  margin-bottom: 35px !important;
}
.section.dc-image-text > .inner .section_content .right .content-wrapper .text h3:first-child {
  margin-top: 0 !important;
}
.section.dc-image-text > .inner .section_content .right .content-wrapper .text h3:before {
  content: "";
  width: 4px;
  height: 50px;
  display: block;
  position: absolute;
  left: -35px;
  top: 8px;
  background: var(--theme2-color);
}
@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-inline: clamp(50px, 7vw, 140px);
  }
}
@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);
  }
}

@media only screen and (min-width: 1200px) {
  .section.dc-image-text.style_2 > .inner .section_intro .title-wrapper {
    padding-left: clamp(10px, 7vw, 130px);
  }
}
.section.dc-image-text.style_2 > .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.style_2 > .inner .section_content .item {
    -ms-flex-direction: column !important;
        flex-direction: column !important;
  }
}
.section.dc-image-text.style_2 > .inner .section_content .item .left {
  margin-bottom: 40px !important;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: clamp(120px, 12vw, 235px) clamp(200px, 25vw, 397px);
  gap: 10px;
  max-width: 830px;
}
@media only screen and (min-width: 768px) {
  .section.dc-image-text.style_2 > .inner .section_content .left .images {
    gap: 20px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-image-text.style_2 > .inner .section_content .left .images {
    padding-right: clamp(10px, 7vw, 130px);
  }
}
.section.dc-image-text.style_2 > .inner .section_content .left .images .image-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin: 0 !important;
  -webkit-clip-path: unset;
          clip-path: unset;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images .image-wrapper img {
  object-fit: cover;
  width: 100%;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-1 .image-wrapper:nth-child(1) {
  grid-column: span 1;
  grid-row: 1/2;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-1 .image-wrapper:nth-child(2) {
  grid-column: span 1;
  grid-row: 1/2;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-1 .image-wrapper:nth-child(3) {
  grid-column: span 2;
  grid-row: 2/3;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-1 .image-wrapper:nth-child(3):after {
  content: "";
  width: 133px;
  height: 72px;
  position: absolute;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-2 .image-wrapper:nth-child(1) {
  grid-column: span 1;
  grid-row: 1/2;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-2 .image-wrapper:nth-child(2) {
  grid-column: span 1;
  grid-row: 1/2;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-2 .image-wrapper:nth-child(3) {
  grid-column: span 2;
  grid-row: 2/3;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-2 .image-wrapper:nth-child(3):after {
  content: "";
  width: 133px;
  height: 72px;
  position: absolute;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-2 .image-wrapper:not(:nth-child(3)):after {
  display: none;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-3 .image-wrapper:nth-child(1) {
  grid-column: span 1;
  grid-row: 1/2;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-3 .image-wrapper:nth-child(2) {
  grid-column: span 1;
  grid-row: 1/2;
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-3 .image-wrapper:nth-child(3) {
  grid-column: span 2;
  grid-row: 2/3;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
.section.dc-image-text.style_2 > .inner .section_content .left .images.image-style-3 .image-wrapper:nth-child(3):after {
  content: "";
  width: 133px;
  height: 72px;
  position: absolute;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .section.dc-image-text.style_2 > .inner.image_right .section_content .left .images {
    padding-right: 50px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-image-text.style_2 > .inner.image_right .section_content .left .images {
    padding-right: clamp(10px, 7vw, 130px);
    padding-left: 0;
  }
}

/*------------------------------------*\
    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;
}
@media only screen and (max-width: 767px) {
  .section.dc-intro-section .inner .section_content {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-inline: 0;
  }
}
.section.dc-intro-section .inner .section_content .title-wrapper {
  margin-bottom: clamp(20px, 4vw, 80px);
}
.section.dc-intro-section .inner .section_content .description,
.section.dc-intro-section .inner .section_content .image-wrapper {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 559px) {
  .section.dc-intro-section .inner .section_content .description .dc_fade_in {
    -ms-transform: none !important;
        transform: none !important;
  }
}
.section.dc-intro-section .inner .section_content .image-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  /*Tablet Wide*/
  /*Tablet*/
  /*
  .image1 {
      position: absolute;
      left: 0;
      top: 80px;
      z-index: 1;
      mix-blend-mode: multiply;
  }

  .image2-wrapper {
      margin: 0 0 0 112px;
      width: 293px;
      height: 293px;
      display: flex;
      border-radius: 50%;
      overflow: hidden;

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

  .image-wrapper-inner {

      @include mq('1550', max) {
          transform: scale(0.9);
      }
  }
  */
}
@media only screen and (min-width: 768px) {
  .section.dc-intro-section .inner .section_content .image-wrapper {
    padding-right: 30px;
    -ms-flex: 1;
        flex: 1;
  }
}
.section.dc-intro-section .inner .section_content .image-wrapper .image-wrapper-inner {
  display: -ms-flexbox;
  display: flex;
  margin-top: 70px;
}
.section.dc-intro-section .inner .section_content .image-wrapper .image-wrapper-inner > div img {
  border-radius: 12px;
}
.section.dc-intro-section .inner .section_content .image-wrapper .image1 {
  margin-right: 20px;
}
.section.dc-intro-section .inner .section_content .image-wrapper .image2 {
  position: relative;
}
.section.dc-intro-section .inner .section_content .image-wrapper .image2:after {
  content: "";
  width: 133px;
  height: clamp(40px, 4vw, 72px);
  position: absolute;
  right: -1px;
  bottom: -1px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1023px) {
  .section.dc-intro-section .inner .section_content .image-wrapper .image-wrapper-inner {
    display: -ms-flexbox;
    display: flex;
    margin-top: 70px;
  }
  .section.dc-intro-section .inner .section_content .image-wrapper .image-wrapper-inner > div {
    border-radius: 12px;
    overflow: hidden;
  }
  .section.dc-intro-section .inner .section_content .image-wrapper .image1 {
    margin-right: 20px;
  }
  .section.dc-intro-section .inner .section_content .image-wrapper .image2 {
    position: relative;
  }
  .section.dc-intro-section .inner .section_content .image-wrapper .image2:after {
    content: "";
    width: 133px;
    height: clamp(40px, 4vw, 72px);
    position: absolute;
    right: -0.5px;
    bottom: -0.5px;
    background: url(../img/corner-cut.svg) right bottom no-repeat;
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-intro-section .inner .section_content .image-wrapper .image-wrapper-inner {
    margin-top: 0px;
    margin-bottom: 40px;
    gap: 10px;
  }
  .section.dc-intro-section .inner .section_content .image-wrapper .image1 {
    margin-right: 0px;
    position: relative;
    -ms-transform: none !important;
        transform: none !important;
  }
  .section.dc-intro-section .inner .section_content .image-wrapper .image1 img {
    width: -webkit-fill-available;
  }
  .section.dc-intro-section .inner .section_content .image-wrapper .image2 {
    position: relative;
    -ms-transform: none !important;
        transform: none !important;
  }
  .section.dc-intro-section .inner .section_content .image-wrapper .image2 img {
    width: -webkit-fill-available;
  }
}
.section.dc-intro-section .inner .section_content .image-wrapper img {
  display: block;
}
@media only screen and (min-width: 768px) {
  .section.dc-intro-section .inner .section_content .description {
    -ms-flex: 1;
        flex: 1;
  }
}
@media only screen and (max-width: 559px) {
  .section.dc-intro-section .inner .section_content .description {
    -ms-transform: none !important;
        transform: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-intro-section .inner .section_content .description {
    -ms-transform: none !important;
        transform: none !important;
  }
}
.section.dc-intro-section .inner .section_content .description .intro-description {
  max-width: 640px;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .section.dc-intro-section .inner .section_content .description .intro-description {
    padding-inline: 30px;
  }
}
.section.dc-intro-section .inner .section_content .description .intro-description ol {
  margin-top: clamp(40px, 4vw, 80px);
}
.section.dc-intro-section .inner .section_content .description .intro-description ol li {
  font-weight: 400;
  color: var(--dark-color);
  padding-bottom: 12px;
}
.section.dc-intro-section .inner .section_content .description .intro-description ol li::marker {
  color: var(--theme2-color);
  font-size: 14px;
  width: 40px;
  display: inline-block;
}
.section.dc-intro-section .inner .section_content .description .intro-description ol li:not(:last-child) {
  margin-bottom: 14px;
}
.section.dc-intro-section .inner .section_content .description .intro-description ol li span {
  display: block;
  font-weight: 500;
  color: var(--theme-color);
  font-size: clamp(18px, 1.125rem + (1vw - 5.6px) * 0.4412, 24px);
  margin-bottom: 10px;
}
@media only screen and (max-width: 559px) {
  .section.dc-intro-section .inner .section_content .description .intro-description .dc-btn {
    margin-top: 10px;
    margin-bottom: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-intro-section .inner .section_content .description .intro-description .dc-btn {
    margin-top: 10px;
    margin-bottom: -10px;
  }
}
.section.dc-intro-section.bg_grey .inner .section_content .image-wrapper .image2:after, .section.dc-intro-section.dc-accordion.style_2 .inner .section_content .image-wrapper .image2:after {
  background-image: url(../img/corner-cut-grey.svg);
}
.section.dc-intro-section.bg_grey > .inner > .section_intro .section-label > span, .section.dc-intro-section.dc-accordion.style_2 > .inner > .section_intro .section-label > span,
.section.dc-intro-section.bg_grey .item > .section_intro .section-label > span,
.section.dc-intro-section.dc-accordion.style_2 .item > .section_intro .section-label > span {
  background: var(--grey-color3);
}

.cta_style_1 {
  padding-block: clamp(80px, 15vw, 300px) !important;
}
.cta_style_1:after {
  display: none;
}
.cta_style_1:before {
  display: none;
}

.section.dc-text-block.bg_grey, .section.dc-text-block.dc-accordion.style_2 {
  margin-bottom: 90px !important;
}

/*------------------------------------*\
    STATISTICS SLIDER
\*------------------------------------*/
.section.dc-facts-carousel {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto !important;
  max-width: 100%;
  background: #F2F2F2;
  overflow: hidden;
}
.section.dc-facts-carousel:before, .section.dc-facts-carousel:after {
  display: none !important;
}
.section.dc-facts-carousel > .inner .section_content {
  border-radius: 30px;
}
.section.dc-facts-carousel > .inner .section_content .slick-list {
  overflow: visible;
}
.section.dc-facts-carousel > .inner .section_content .items {
  padding: clamp(50px, 7vw, 100px) 0;
}
.section.dc-facts-carousel > .inner .section_content .items .item {
  min-width: 250px;
  padding-inline: clamp(10px, 1.4vw, 28px) clamp(25px, 3vw, 50px);
  position: relative;
  color: #002C4E;
}
.section.dc-facts-carousel > .inner .section_content .items .item:before {
  content: "";
  display: block;
  position: absolute;
  width: clamp(2px, 0.5vw, 4px);
  height: clamp(30px, 3vw, 50px);
  left: 0px;
  background: #C7931D;
}
.section.dc-facts-carousel > .inner .section_content .items .item .text {
  max-width: clamp(250px, 18vw, 320px);
}

/*------------------------------------*\
    PROJECTS Grid
\*------------------------------------*/
.section.dc-project-grid {
  padding-block: 48px clamp(80px, 12vw, 240px);
  overflow: hidden;
}
.section.dc-project-grid .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #C7931D;
  margin: 0px 20px 0px 0px;
  font-size: 14px;
  font-weight: 800;
  width: 400px;
  background: var(--light-color);
  position: relative;
  padding-right: 15px;
}
.section.dc-project-grid .title-wrapper:before {
  content: "";
  height: 0.5px;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(50% - 0.5px);
  background: var(--theme-color);
}
.section.dc-project-grid .section_content .item {
  position: relative;
  margin-bottom: 70px;
}
.section.dc-project-grid .section_content .item .image-wrapper {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 4px;
}
.section.dc-project-grid .section_content .item .image-wrapper img {
  display: block;
  aspect-ratio: 560/372;
  width: 100%;
  transition: all 250ms ease-in-out;
}
.section.dc-project-grid .section_content .item .image-wrapper > .button-wrapper {
  display: none;
}
.section.dc-project-grid .section_content .item .content {
  border-radius: 12px;
  background: var(--grey-color3);
  position: relative;
  padding: clamp(25px, 3vw, 50px) clamp(20px, 2vw, 40px) clamp(30px, 4vw, 80px);
}
.section.dc-project-grid .section_content .item .content:before {
  content: "";
  width: 133px;
  height: 72px;
  position: absolute;
  z-index: 2;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.dc-project-grid .section_content .item .content:after {
  content: "";
  background: url(../img/arrow-right.svg) no-repeat;
  display: block;
  width: 22px;
  height: 22px;
  z-index: 3;
  position: absolute;
  bottom: 20px;
  right: 38px;
  transition: all 250ms ease-in-out;
}
.section.dc-project-grid .section_content .item .content .content-top:before, .section.dc-project-grid .section_content .item .content .content-top:after {
  content: "";
  position: absolute;
  top: -35px;
  display: block;
  width: 6px;
  height: 60px;
  background: var(--theme2-color);
  border-radius: 2px;
}
.section.dc-project-grid .section_content .item .content .content-top:before {
  left: 40px;
}
.section.dc-project-grid .section_content .item .content .content-top:after {
  right: 40px;
}
.section.dc-project-grid .section_content .item .content h3 {
  text-transform: none;
  margin-block: 8px 20px;
}
.section.dc-project-grid .section_content .item .text {
  max-width: 90%;
}
.section.dc-project-grid .section_content .item .text > * {
  max-width: 680px;
}
.section.dc-project-grid .section_content .item:hover .image-wrapper img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.section.dc-project-grid .section_content .item:hover .content:after {
  right: 28px;
  filter: brightness(0);
}
.section.dc-project-grid.style_1 .item {
  background: white;
}
.section.dc-project-grid.style_1 .item .content {
  padding-inline: clamp(15px, 2.5vw, 40px);
  padding-bottom: 26px;
}
.section.dc-project-grid.style_1 .item .content .client {
  color: var(--theme-color);
}
.section.dc-project-grid.style_1 .item .content .location {
  border-top: 0;
  margin-top: clamp(10px, 1vw, 15px);
}
.section.dc-project-grid.style_2 .grid-items:not(.grid).col2, .section.dc-project-grid.style_2 .section.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col2, .section.capability-hotboxes-cirlce > .inner .section_content .section.dc-project-grid.style_2 .items:not(.grid).col2, .section.dc-project-grid.style_2 .section.capability-hotboxes > .inner .section_content .items:not(.grid).col2, .section.capability-hotboxes > .inner .section_content .section.dc-project-grid.style_2 .items:not(.grid).col2, .section.dc-project-grid.style_2 .section.dc-hotboxes > .inner .section_content .items:not(.grid).col2, .section.dc-hotboxes > .inner .section_content .section.dc-project-grid.style_2 .items:not(.grid).col2 {
  width: calc(100% + clamp(20px, 1.8vw, 30px));
  -ms-flex-direction: row;
      flex-direction: row;
}
.section.dc-project-grid.style_2 .grid-items:not(.grid).col2 .item, .section.dc-project-grid.style_2 .section.capability-hotboxes-cirlce > .inner .section_content .items:not(.grid).col2 .item, .section.capability-hotboxes-cirlce > .inner .section_content .section.dc-project-grid.style_2 .items:not(.grid).col2 .item, .section.dc-project-grid.style_2 .section.capability-hotboxes > .inner .section_content .items:not(.grid).col2 .item, .section.capability-hotboxes > .inner .section_content .section.dc-project-grid.style_2 .items:not(.grid).col2 .item, .section.dc-project-grid.style_2 .section.dc-hotboxes > .inner .section_content .items:not(.grid).col2 .item, .section.dc-hotboxes > .inner .section_content .section.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;
}
.section.dc-project-grid.style_2 .image-wrapper {
  overflow: hidden;
}
.section.dc-project-grid.style_2 .image-wrapper img {
  display: block;
  width: 100%;
  transition: all 250ms ease-in-out;
}
.section.dc-project-grid.style_2 .image-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section.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;
}
.section.dc-project-grid.style_2 .content .meta-wrap {
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .section.dc-project-grid.style_2 .content .meta-wrap {
    font-size: 16px;
  }
}
.section.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;
}
.section.dc-project-grid.style_2 .item:nth-child(2):after {
  left: unset;
  right: clamp(15px, 4vw, 60px);
  text-align: right;
}
.section.dc-project-grid.style_2 .item:nth-child(2) .content {
  text-align: right;
  right: 0;
  left: unset;
}
.section.dc-project-grid.style_2 .item:hover .image-wrapper img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.section.dc-project-grid.style_2 .item:hover .image-wrapper:after {
  background: rgba(1, 1, 1, 0.2);
}
@media only screen and (min-width: 768px) {
  .section.dc-project-grid.style_2 .item:hover .content {
    opacity: 1;
    -ms-transform: translateY(0);
        transform: translateY(0);
  }
}
.section.dc-project-grid.style_2 .item.previous-project:after {
  content: "PREVIOUS PROJECT";
}
.section.dc-project-grid.style_2 .item.next-project:after {
  content: "NEXT PROJECT";
}

/*------------------------------------*\
  TEAM CARDS    
\*------------------------------------*/
.section.dc-team-cards {
  overflow: hidden;
}
.section.dc-team-cards .inner {
  max-width: 1550px;
}
.section.dc-team-cards .section_intro {
  margin-bottom: clamp(50px, 9vw, 120px) !important;
  padding-right: 0;
}
.section.dc-team-cards .section_intro .description p,
.section.dc-team-cards .section_intro .description h3 {
  line-height: 1.333em;
  text-transform: none;
  max-width: 1000px;
  font-weight: 500;
  padding-left: 35px;
}
.section.dc-team-cards .section_intro .description p:not(:first-child),
.section.dc-team-cards .section_intro .description h3:not(:first-child) {
  font-size: clamp(1rem, 0.9255rem + 0.2128vw, 1.125rem);
}
.section.dc-team-cards .section_intro .description p::before,
.section.dc-team-cards .section_intro .description h3::before {
  content: "";
  width: 4px;
  height: 50px;
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  background: var(--theme2-color);
}
.section.dc-team-cards .section_content {
  --team-card-gap: clamp(40px, 6vw, 120px);
}
.section.dc-team-cards .section_content .grid-items, .section.dc-team-cards .section.capability-hotboxes-cirlce > .inner .section_content .items, .section.capability-hotboxes-cirlce > .inner .section.dc-team-cards .section_content .items, .section.dc-team-cards .section.capability-hotboxes > .inner .section_content .items, .section.capability-hotboxes > .inner .section.dc-team-cards .section_content .items, .section.dc-team-cards .section.dc-hotboxes > .inner .section_content .items, .section.dc-hotboxes > .inner .section.dc-team-cards .section_content .items {
  column-gap: var(--team-card-gap);
}
.section.dc-team-cards .section_content .item {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  margin-right: 0;
  /* hide line on last card */
  /* hide line on tablet/mobile */
}
.section.dc-team-cards .section_content .item::before {
  content: "";
  position: absolute;
  top: clamp(100px, 14vw, 205px);
  left: calc(100% - 20px);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  height: 6px;
  width: calc(var(--team-card-gap) + 40px);
  background: var(--theme2-color);
  z-index: 100;
  border-radius: 2px;
}
@media only screen and (max-width: 650px) {
  .section.dc-team-cards .section_content .item::before {
    top: clamp(150px, 40vw, 300px);
  }
}
.section.dc-team-cards .section_content .item h2 {
  font-size: 30px !important;
  font-weight: 600;
  text-transform: none;
  color: var(--theme1-color);
}
.section.dc-team-cards .section_content .item p {
  max-width: 415px;
}
.section.dc-team-cards .section_content .item .image-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #878787;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 0 clamp(24px, 3.5vw, 60px);
  border-radius: 12px;
  overflow: hidden;
}
.section.dc-team-cards .section_content .item .image-wrapper::after {
  content: "";
  width: 133px;
  height: 72px;
  position: absolute;
  z-index: 5;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.dc-team-cards .section_content .item .image-wrapper img {
  position: relative;
  z-index: 4;
}
.section.dc-team-cards .section_content .item:last-child::before {
  display: none;
}
@media only screen and (max-width: 650px) {
  .section.dc-team-cards .section_content .item::before {
    display: none;
  }
  .section.dc-team-cards .section_content .item .image-wrapper::before {
    display: none;
  }
}
/*------------------------------------*\
	TEXT BOX    
\*------------------------------------*/
@media only screen and (max-width: 559px) {
  .section.dc-text-block {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .section.dc-text-block {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 1099px) {
  .section.dc-text-block {
    margin-bottom: 10px !important;
  }
}
.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%;
  }
  .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: clamp(25px, 2.3vw, 45px) clamp(15px, 2.5vw, 50px) 0 clamp(15px, 2.5vw, 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:not(.contact-us) .section_intro,
.section.dc-text-block:not(.contact-us) .section_content {
  max-width: 1140px !important;
  margin-inline: auto;
}
.section.dc-text-block.dc-timeline .section_content {
  max-width: 100% !important;
}
.section.dc-text-block.has_icon > .inner {
  position: relative;
}
.section.dc-text-block.has_icon > .inner:before {
  content: "";
  position: relative;
  display: block;
  width: 57px;
  height: 49px;
  margin-bottom: 20px;
  background: url(../img/italsteel-brandmark.svg);
}
@media only screen and (min-width: 768px) {
  .section.dc-text-block.has_icon > .inner:before {
    position: absolute;
    left: 15px;
    top: 6px;
  }
}
@media only screen and (min-width: 1200px) {
  .section.dc-text-block.has_icon > .inner:before {
    left: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .section.dc-text-block.has_icon > .inner .section_intro,
.section.dc-text-block.has_icon > .inner .section_content {
    padding-left: 130px;
  }
}
@media only screen and (min-width: 1550px) {
  .section.dc-text-block.has_icon > .inner .section_intro,
.section.dc-text-block.has_icon > .inner .section_content {
    padding-left: 0;
  }
}
.section.dc-text-block .dc-intro h3,
.section.dc-text-block .section_intro .description h3 {
  line-height: 1.333em;
  text-transform: none;
  position: relative;
  margin-bottom: 35px !important;
}
.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 h3:before,
.section.dc-text-block .section_intro .description h3:before {
  content: "";
  width: 4px;
  height: 50px;
  display: block;
  position: absolute;
  left: -35px;
  top: 5px;
  background: var(--theme2-color);
}
.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.contact-us .section_content > .items {
  -ms-flex-align: start;
      align-items: flex-start;
}
.section.dc-text-block.contact-us .section_content > .items .item:first-child {
  padding-right: 8.5%;
}
.section.dc-text-block.contact-us .section_content > .items .item:first-child p:first-child {
  max-width: 980px;
}
.section.dc-text-block.contact-us .section_content > .items .item:first-child .gform_wrapper {
  padding-top: 30px;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) {
  background: var(--theme-color);
  border-radius: 12px;
  padding: clamp(40px, 5vw, 80px) clamp(30px, 4vw, 60px);
  position: relative;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2):after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -1px;
  width: 160px;
  height: 72px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) p {
  color: var(--light-color);
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) p strong {
  color: var(--theme2-color);
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) p a {
  color: var(--light-color);
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) p a:hover {
  color: var(--theme2-color);
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) ul:not(.social_icons) {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) ul:not(.social_icons):before {
  font-size: 1.4em;
  top: 2px;
  left: -30px;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) ul:not(.social_icons) li {
  margin: 0;
  padding: 0;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) .dc_social_icons {
  margin-top: 45px !important;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) .dc_social_icons ul {
  display: -ms-flexbox;
  display: flex;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) .dc_social_icons li {
  margin-inline: 0 10px;
  padding: 0;
  background: var(--light-color);
  border-radius: 3px;
  overflow: hidden;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) .dc_social_icons li a {
  display: block;
  padding: 6px 6px 3px;
  color: var(--theme-color);
  font-size: 34px;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) .dc_social_icons li.label {
  display: none;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) .dc_social_icons li a:hover {
  background: var(--theme2-color);
  color: var(--light-color);
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) .dc-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) .dc-link::after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background: url("../img/arrow-right.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
}
.section.dc-text-block.contact-us .section_content > .items .item:nth-child(2) .dc-link:hover::after {
  filter: brightness(0) invert(1);
}
.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 {
  margin-block: 0 40px;
  max-width: 530px;
}
.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;
  }
}
/*------------------------------------*\
    INFO BOXES
\*------------------------------------*/
.section.bg_grey:has(+ .dc-infoboxes.image):after, .section.dc-accordion.style_2:has(+ .dc-infoboxes.image):after {
  display: none;
}

.section.dc-infoboxes {
  z-index: 1000;
}
.section.dc-infoboxes:after {
  content: "";
  width: 673px;
  height: 60px;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -1px;
  background: url(../img/grey-banner-cut-botom.svg) right bottom no-repeat;
}
.section.dc-infoboxes > .inner {
  position: relative;
}
.section.dc-infoboxes > .inner .section_intro {
  position: absolute;
  width: calc(50% - 60px);
  padding-top: 55px;
  z-index: 2;
}
.section.dc-infoboxes > .inner .section_intro h2 {
  color: var(--light-color);
  padding-left: 50%;
  max-width: 835px;
}
.section.dc-infoboxes > .inner .section_content .items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 899px) {
  .section.dc-infoboxes > .inner .section_content .items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 559px) {
  .section.dc-infoboxes > .inner .section_content .items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.section.dc-infoboxes > .inner .section_content .items .item {
  position: relative;
  padding: clamp(15px, 1.8vw, 35px) clamp(15px, 1.8vw, 35px) clamp(20px, 2.3vw, 50px);
  background-color: var(--light-color);
  border-radius: 12px;
  height: 415px;
  max-width: 30vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.section.dc-infoboxes > .inner .section_content .items .item.blank {
  background: none;
}
.section.dc-infoboxes > .inner .section_content .items .item:after {
  content: "";
  position: absolute;
  left: -40px;
  top: calc(50% - 3px);
  height: 6px;
  width: 60px;
  background: var(--theme2-color);
  border-radius: 2px;
}
.section.dc-infoboxes > .inner .section_content .items .item.blank:after, .section.dc-infoboxes > .inner .section_content .items .item.blank + .item:after {
  display: none;
}
.section.dc-infoboxes > .inner .section_content .items .item .text {
  padding-top: 39%;
}
.section.dc-infoboxes > .inner .section_content .items .item h5 {
  margin-bottom: 10px;
  max-width: 315px;
  line-height: 1.33em;
  font-weight: 400;
}
@media only screen and (max-width: 559px) {
  .section.dc-infoboxes > .inner .section_content .items .item h5 {
    font-size: 16px;
  }
}
.section.dc-infoboxes > .inner .section_content .items .item p {
  margin-bottom: 0;
  max-width: 315px;
}

/*------------------------------------*\
    CAPABILITY HOTBOXES
\*------------------------------------*/
.section.capability-hotboxes {
  overflow: hidden;
}
.section.capability-hotboxes::after {
  content: "";
  width: 1328px;
  max-width: 50vw;
  height: 60px;
  position: absolute;
  z-index: 2;
  right: -1px;
  bottom: -1px;
  background: url(../img/hero-cut.svg) left bottom no-repeat;
  background-size: auto 100%;
}
@media only screen and (min-width: 1800px) {
  .section.capability-hotboxes::after {
    width: 50%;
    left: calc(50% + 250px);
    right: unset;
  }
}
.section.capability-hotboxes > .inner {
  overflow: hidden;
  padding-bottom: clamp(50px, 5vw, 100px);
}
@media only screen and (max-width: 767px) {
  .section.capability-hotboxes > .inner .section_intro {
    margin-bottom: 50px;
  }
}
.section.capability-hotboxes > .inner .section_intro .title-wrapper .title {
  max-width: 1200px;
}
.section.capability-hotboxes > .inner .section_content .items {
  width: calc(100% + 20px) !important;
  -ms-flex-pack: center;
      justify-content: center;
}
.section.capability-hotboxes > .inner .section_content .items .item {
  margin-right: 20px !important;
  width: calc(33.3333% - 20px) !important;
}
.section.capability-hotboxes > .inner .section_content .items .style_1.item .text h3 {
  transition: padding 0.3s ease-out;
}
.section.capability-hotboxes > .inner .section_content .items .style_1.item:hover .text h3 {
  padding-bottom: 50px;
}
.section.capability-hotboxes > .inner .section_content .items .style_1.item .button-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 0;
}
.section.capability-hotboxes > .inner .section_content .items .style_1.item:hover .button-wrapper {
  max-height: 50px;
  opacity: 0.6;
}

.section.capability-hotboxes-cirlce {
  padding-top: clamp(50px, 5vw, 60px);
  padding-bottom: clamp(50px, 8vw, 160px);
  overflow: hidden;
}
.section.capability-hotboxes-cirlce > .inner {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 949px) {
  .section.capability-hotboxes-cirlce > .inner {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.section.capability-hotboxes-cirlce > .inner .section_intro {
  width: clamp(200px, 16vw, 295px);
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 767px) {
  .section.capability-hotboxes-cirlce > .inner .section_intro {
    display: none !important;
  }
}
@media only screen and (min-width: 950px) {
  .section.capability-hotboxes-cirlce > .inner .section_intro {
    height: clamp(110px, 11vw, 180px);
  }
}
.section.capability-hotboxes-cirlce > .inner .section_intro .top-title, .section.capability-hotboxes-cirlce > .inner .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section.capability-hotboxes-cirlce > .inner .section_intro .section-label > span, .section.capability-hotboxes-cirlce > .inner .section:not(.dc-cta) > .inner > .section_intro .section-label > span,
.section.capability-hotboxes-cirlce > .inner .section:not(.dc-cta) .item > .section_intro .section-label > span,
.section:not(.dc-cta) .section.capability-hotboxes-cirlce > .inner .item > .section_intro .section-label > span, .section.capability-hotboxes-cirlce > .inner .section_intro .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .item.project-card .content .section.capability-hotboxes-cirlce > .inner .section_intro .industry, .section.capability-hotboxes-cirlce > .inner .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.capability-hotboxes-cirlce > .inner .section_intro .industry, .section.capability-hotboxes-cirlce > .inner .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.capability-hotboxes-cirlce > .inner .section_intro .industry,
.section.capability-hotboxes-cirlce > .inner .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .section.capability-hotboxes-cirlce > .inner .section_intro .industry, .section.capability-hotboxes-cirlce > .inner .section.dc-accordion .section_intro > span, .section.dc-accordion .section.capability-hotboxes-cirlce > .inner .section_intro > span, .section.capability-hotboxes-cirlce > .inner .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-project-grid .section_content .item .content .content-top .section.capability-hotboxes-cirlce > .inner .section_intro .industry, .section.capability-hotboxes-cirlce > .inner .section_intro .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid.style_1 .item .content .section.capability-hotboxes-cirlce > .inner .section_intro .client, .section.capability-hotboxes-cirlce > .inner .section_intro .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_2 .section.capability-hotboxes-cirlce > .inner .section_intro .item:after {
  line-height: 1.2em;
}
.section.capability-hotboxes-cirlce > .inner .section_content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1150px;
}
.section.capability-hotboxes-cirlce > .inner .section_content .items {
  width: 100%;
  gap: clamp(14px, 1vw, 55px);
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .section.capability-hotboxes-cirlce > .inner .section_content .items {
    display: none !important;
  }
}
.section.capability-hotboxes-cirlce > .inner .section_content .items::before {
  content: "";
  position: absolute;
  top: calc(clamp(110px, 13.5vw, 180px) / 2);
  left: 0;
  height: 6px;
  width: 100vw;
  /*width: calc(100vw - (100vw - 105%));*/
  background: var(--theme2-color);
  z-index: 100;
}
@media only screen and (max-width: 650px) {
  .section.capability-hotboxes-cirlce > .inner .section_content .items::before {
    top: clamp(150px, 40vw, 300px);
  }
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item {
  position: relative;
  z-index: 101;
  width: clamp(110px, 15.5vw, 180px);
}
@media only screen and (min-width: 950px) {
  .section.capability-hotboxes-cirlce > .inner .section_content .items .item {
    width: clamp(110px, 13.5vw, 180px);
  }
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item::before, .section.capability-hotboxes-cirlce > .inner .section_content .items .item:after {
  content: "";
  position: absolute;
  top: calc(clamp(110px, 13.5vw, 180px) / 2);
  height: 6px;
  width: 10px;
  background: var(--theme2-color);
  z-index: 100;
}
@media only screen and (max-width: 650px) {
  .section.capability-hotboxes-cirlce > .inner .section_content .items .item::before, .section.capability-hotboxes-cirlce > .inner .section_content .items .item:after {
    top: clamp(150px, 40vw, 300px);
  }
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item:before {
  border-radius: 0 2px 2px 0;
  left: 0;
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item:after {
  border-radius: 2px 0 0 2px;
  right: 0;
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item:first-child:before {
  display: none;
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item:last-child:after {
  display: none;
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item .image-wrapper {
  width: 100%;
  border-radius: 100%;
  border: 2px solid var(--light-color);
  aspect-ratio: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px 0px 25px 0px;
  background: var(--blue-color);
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item .image-wrapper img {
  width: 40%;
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item .text {
  width: 100%;
  text-align: center;
}
.section.capability-hotboxes-cirlce > .inner .section_content .items .item .text h5 {
  line-height: 1.2em;
  text-transform: uppercase;
  font-size: 14px;
}
.section.capability-hotboxes-cirlce > .inner .section_content .section_description {
  max-width: 960px;
  margin: 50px 0 0 50px;
}
@media only screen and (max-width: 767px) {
  .section.capability-hotboxes-cirlce > .inner .section_content .section_description {
    margin: 0 0 0 30px;
  }
}
.section.capability-hotboxes-cirlce > .inner .section_content .section_description::before {
  content: "";
  position: absolute;
  margin: 8px 0px 0px -50px;
  width: 4px;
  height: 49px;
  background-color: #C7931D;
  z-index: 1;
  background-position: right center;
}
@media only screen and (max-width: 767px) {
  .section.capability-hotboxes-cirlce > .inner .section_content .section_description::before {
    margin: 8px 0px 0px -30px;
  }
}

/*Sticky Area*/
.section.capability-hotboxes-cirlce {
  /* STICKY STATE */
}
.section.capability-hotboxes-cirlce > .inner {
  overflow: visible;
  display: -ms-flexbox;
  display: flex;
}
.section.capability-hotboxes-cirlce.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: var(--capability-sticky-top, 0px);
  left: 0;
  width: 100%;
  z-index: 99;
  background: var(--blue-color);
  /*padding-block: 12px;*/
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transition: transform 0.35s ease, top 0.35s ease;
  /*.section_content .items .item {
      &::after {
          content: "";
          position: absolute;
          top: calc(56 / 2);
          transform: translateY(-50%);
          margin: 0px 0px 0px 50px;
          width: calc(var(--circle-size));
          height: 6px;
          background-color: #C7931D;
          z-index: -1;
          left: 0;
          background-position: right center;

          @include mq('1840', max) {
              // top: 80px;
          }
      }

      &:last-child::after {
          width: 100%;
          border-radius: 2px 0 0 2px;
      }
  }*/
}
.section.capability-hotboxes-cirlce.is-sticky > .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: visible;
  padding-block: 20px;
}
.section.capability-hotboxes-cirlce.is-sticky .section_intro {
  width: clamp(160px, 25%, 200px);
  padding-top: 0;
  padding-right: clamp(10px, 1vw, 50px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  margin: 0;
  /*min-height: 72px;*/
  top: unset;
}
.section.capability-hotboxes-cirlce.is-sticky .section_intro .top-title, .section.capability-hotboxes-cirlce.is-sticky .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section.capability-hotboxes-cirlce.is-sticky .section_intro .section-label > span, .section.capability-hotboxes-cirlce.is-sticky .section:not(.dc-cta) > .inner > .section_intro .section-label > span,
.section.capability-hotboxes-cirlce.is-sticky .section:not(.dc-cta) .item > .section_intro .section-label > span,
.section:not(.dc-cta) .section.capability-hotboxes-cirlce.is-sticky .item > .section_intro .section-label > span, .section.capability-hotboxes-cirlce.is-sticky .section_intro .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .item.project-card .content .section.capability-hotboxes-cirlce.is-sticky .section_intro .industry, .section.capability-hotboxes-cirlce.is-sticky .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.capability-hotboxes-cirlce.is-sticky .section_intro .industry, .section.capability-hotboxes-cirlce.is-sticky .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.capability-hotboxes-cirlce.is-sticky .section_intro .industry,
.section.capability-hotboxes-cirlce.is-sticky .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .section.capability-hotboxes-cirlce.is-sticky .section_intro .industry, .section.capability-hotboxes-cirlce.is-sticky .section.dc-accordion .section_intro > span, .section.dc-accordion .section.capability-hotboxes-cirlce.is-sticky .section_intro > span, .section.capability-hotboxes-cirlce.is-sticky .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-project-grid .section_content .item .content .content-top .section.capability-hotboxes-cirlce.is-sticky .section_intro .industry, .section.capability-hotboxes-cirlce.is-sticky .section_intro .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid.style_1 .item .content .section.capability-hotboxes-cirlce.is-sticky .section_intro .client, .section.capability-hotboxes-cirlce.is-sticky .section_intro .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_2 .section.capability-hotboxes-cirlce.is-sticky .section_intro .item:after {
  font-size: 10px;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content {
  padding-left: clamp(10px, 1vw, 50px);
  width: 100%;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items {
  /*gap: 4px;*/
  /*gap: 24px;*/
  gap: clamp(18px, 4vw, 18px);
  /*gap: clamp(4px, 4vw, 18px);*/
  -ms-flex-align: center;
      align-items: center;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item {
  --circle-size: 75px;
  /*width: auto !important;*/
  width: clamp(40px, 10vw, 80px);
  margin-right: 24px !important;
  position: relative;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items::before {
  top: auto !important;
  height: 3px;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item {
  /*Active Hover*/
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item::after {
  display: none !important;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item::before {
  display: none !important;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item .image-wrapper {
  margin-bottom: 0 !important;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item:hover .image-wrapper {
  border-color: #C7931D;
  background: #fff;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item:hover .image-wrapper img {
  filter: brightness(0) saturate(100%) invert(63%) sepia(65%) saturate(500%) hue-rotate(5deg);
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item:hover .text {
  color: #C7931D;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item.active .image-wrapper {
  border-color: #C7931D;
  background: #fff;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item.active .image-wrapper img {
  filter: brightness(0) saturate(100%) invert(63%) sepia(65%) saturate(500%) hue-rotate(5deg);
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item.active .text {
  color: #C7931D;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item:last-child::after {
  /*width: 40vw;*/
  width: min(8vw, 100vw - 100%);
  /*width: min(25vw, calc(100vw - 100%));*/
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item .image-wrapper {
  margin: 0 auto 10px;
  border-width: 1.5px;
  border-width: 2px;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item .image-wrapper img {
  width: 50%;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item .text {
  display: none;
}
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item .text h5,
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item .text h4,
.section.capability-hotboxes-cirlce.is-sticky .section_content .items .item .text p {
  font-size: 14px;
  line-height: 1.2;
}
.section.capability-hotboxes-cirlce.is-sticky .section_description {
  display: none;
}
.section.capability-hotboxes-cirlce.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}
.section.capability-hotboxes-cirlce .section_intro {
  width: clamp(160px, 25%, 200px);
  padding-top: 50px;
  padding-right: clamp(10px, 1vw, 50px);
  top: 15px;
}

.section.capability-hotboxes-cirlce.is-sticky {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.sticky-nav.scroll-up .section.capability-hotboxes-cirlce.is-sticky {
  -ms-transform: translateY(110px);
      transform: translateY(110px);
  /*position: relative;*/
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
body.sticky-nav.scroll-up .section.capability-hotboxes-cirlce.is-sticky::before {
  content: "";
  position: absolute;
  top: -110px;
  left: 0;
  width: 100%;
  height: 110px;
  background: var(--blue-color);
}

/*Mobile View*/
/*
@include mq('tablet', max) {
    .section.capability-hotboxes-cirlce {

        padding-block: 0px;

        >.inner {
            display: block;
        }

        .section_intro {
            width: 100%;
            padding: 0 0 25px 0;
        }

        .section_content {
            padding-left: 0 !important;
            width: 100%;
        }

        .section_content .items {
            width: 100% !important;
            gap: 20px;
            justify-content: center;
        }

        .section_content .items .item {
            --circle-size: 90px;
            width: calc(50% - 20px) !important;
            margin-right: 10px !important;
            justify-items: center;
        }

        .section_content .items .item::after {
            display: none;
        }

        .section_content .items .item .image-wrapper {
            margin: 0 auto 15px;
        }

        .section_content .items .item .image-wrapper img {
            width: 60% !important;
        }

        .section_content .items .item .text {
            width: 100% !important;
        }

        .section_content .items .item .text h5 {
            font-size: 20px;
            line-height: 1.3;
        }

        .section_content .section_description {
            margin: 30px 0 0 20px;
            max-width: 100%;
            padding: 0;
        }

        .section_content .section_description::before {
            margin: 6px 0 0 -18px;
            height: 42px;
        }
    }
}
    */
/*
@include mq('phone-wide', max) {
  .section.capability-hotboxes-cirlce {
    .section_content .items {
        display: block;
        width: 100% !important;
    }

    .section_content .items .item {
        width: 100% !important;
        max-width: 220px;
        margin: 0 auto 25px !important;
    }

    .section_content .section_description {
        margin: 20px 0 0 18px;
    }
  }
}*/
/*
@include mq('phablet', max) {
    .section.capability-hotboxes-cirlce {

        padding-block: 0px;

        >.inner {
            display: block;
        }

        .section_intro {
            width: 100%;
            padding: 0 0 25px 0;
        }

        .section_content {
            padding-left: 0 !important;
            width: 100%;
        }

        .section_content .items {
            width: 100% !important;
            gap: 20px;
            justify-content: center;
        }

        .section_content .items .item {
            --circle-size: 90px;
            width: calc(50% - 20px) !important;
            margin-right: 10px !important;
            justify-items: center;
        }

        .section_content .items .item::after {
            display: none;
        }

        .section_content .items .item .image-wrapper {
            margin: 0 auto 15px;
        }

        .section_content .items .item .image-wrapper img {
            width: 60% !important;
        }

        .section_content .items .item .text {
            width: 100% !important;
        }

        .section_content .items .item .text h5 {
            font-size: 20px;
            line-height: 1.3;
        }

        .section_content .section_description {
            margin: 30px 0 0 20px;
            max-width: 100%;
            padding: 0;
        }

        .section_content .section_description::before {
            margin: 6px 0 0 -18px;
            height: 42px;
        }
    }
}
    */
/*------------------------------------*\
    CAPABILITY INFO
\*------------------------------------*/
@media only screen and (max-width: 767px) {
  .section.capability-hotboxes-cirlce + script + .section.capability-info {
    padding-top: 50px !important;
  }
}

.section.capability-info {
  /*Background wise corner cut image change*/
}
@media only screen and (max-width: 767px) {
  .section.capability-info {
    padding-top: 30px !important;
  }
}
.section.capability-info.bg_white .section_content_right .images .image-wrapper:last-child::after {
  background-image: url("../img/corner-cut.svg");
}
.section.capability-info.bg_grey .section_content_right .images .image-wrapper:last-child::after, .section.capability-info.dc-accordion.style_2 .section_content_right .images .image-wrapper:last-child::after {
  background-image: url("../img/corner-cut-grey.svg");
}
.section.capability-info > .inner {
  overflow: visible;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.section.capability-info .section_content_left {
  width: clamp(200px, 16vw, 295px);
  padding: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  z-index: 5;
}
@media only screen and (min-width: 768px) {
  .section.capability-info .section_content_left {
    position: -webkit-sticky;
    position: sticky;
    top: clamp(50px, 10.5vw, 180px);
    height: 0;
    max-height: calc(100vh - clamp(50px, 10.5vw, 180px) * 2);
    margin-bottom: clamp(110px, 13vw, 180px);
  }
}
@media only screen and (max-width: 767px) {
  .section.capability-info .section_content_left {
    margin-bottom: 0;
    height: 80px;
    height: 80px;
  }
}
.section.capability-info .section_content_left .icon {
  width: clamp(110px, 13vw, 180px);
  height: 100%;
  min-height: clamp(110px, 13vw, 180px);
  border-radius: 90px;
  max-height: 180px;
  min-height: 180px;
  margin-bottom: clamp(110px, 13vw, 180px);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .section.capability-info .section_content_left .icon {
    margin-bottom: 0;
    height: 80px !important;
    min-height: 80px !important;
    width: 80px;
  }
}
.section.capability-info .section_content_left img,
.section.capability-info .section_content_left svg {
  display: block;
  width: 100%;
  height: auto;
}
.section.capability-info .section_content_right {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}
@media only screen and (max-width: 767px) {
  .section.capability-info .section_content_right {
    margin-top: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
.section.capability-info .section_content_right .section_content {
  margin-bottom: 25px;
}
.section.capability-info .section_content_right .section_content .images .image-wrapper {
  position: relative;
}
.section.capability-info .section_content_right .section_content .images .image-wrapper img {
  width: 100%;
  display: block;
}
.section.capability-info .section_content_right .section_content .images.img_layout_1 {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-gap: 20px;
}
.section.capability-info .section_content_right .section_content .images.img_layout_2 {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-gap: 20px;
}
.section.capability-info .section_content_right .section_content .images.img_layout_3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.section.capability-info .section_content_right .section_content .images.img_layout_4 {
  display: grid;
  grid-template-columns: 71% 29%;
  grid-template-rows: auto auto;
  gap: 20px;
}
.section.capability-info .section_content_right .section_content .images.img_layout_4 .image-wrapper:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/3;
}
.section.capability-info .section_content_right .section_content .images.img_layout_4 .image-wrapper:nth-child(2) {
  grid-column: 2/3;
  grid-row: 1/2;
}
.section.capability-info .section_content_right .section_content .images.img_layout_4 .image-wrapper:nth-child(3) {
  grid-column: 2/3;
  grid-row: 2/3;
}
.section.capability-info .section_content_right .section_content .images.img_layout_5 {
  display: grid;
  grid-template-columns: 30% 40% 30%;
  grid-template-rows: auto auto;
  gap: 20px;
}
.section.capability-info .section_content_right .section_content .images.img_layout_5 .image-wrapper:nth-child(1) {
  grid-column: 1;
  grid-row: 1/3;
}
.section.capability-info .section_content_right .section_content .images.img_layout_5 .image-wrapper:nth-child(2) {
  grid-column: 2;
  grid-row: 1/3;
}
.section.capability-info .section_content_right .section_content .images.img_layout_5 .image-wrapper:nth-child(3) {
  grid-column: 3;
  grid-row: 1;
}
.section.capability-info .section_content_right .section_content .images.img_layout_5 .image-wrapper:nth-child(4) {
  grid-column: 3;
  grid-row: 2;
}
.section.capability-info .section_content_right .section_content .image-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  overflow: hidden;
}
.section.capability-info .section_content_right .section_content .image-wrapper img {
  position: relative;
  object-fit: cover;
}
.section.capability-info .section_content_right .section_content .image-wrapper:last-child {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
.section.capability-info .section_content_right .section_content .image-wrapper:last-child::after {
  content: "";
  width: clamp(50px, 7vw, 133px);
  height: clamp(30px, 4.2vw, 72px);
  position: absolute;
  z-index: 5;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.capability-info .section_content_right .section_intro {
  width: 100%;
  max-width: 950px;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .section.capability-info .section_content_right .section_intro .title-wrapper {
    margin-top: clamp(40px, 4vw, 80px);
  }
}
.section.capability-info .section_content_right .section_intro .title-wrapper .title {
  font-weight: 800;
  margin-bottom: clamp(20px, 2vw, 50px);
}
.section.capability-info .section_content_right .section_intro .description h3 {
  color: var(--dark-color);
  text-transform: none;
  margin-top: clamp(20px, 2vw, 40px);
  margin-bottom: clamp(16px, 1.2vw, 25px);
}
.section.capability-info .section_content_right .section_intro .description p:first-child {
  font-weight: 500;
  color: var(--blue-color);
  margin-bottom: clamp(20px, 2vw, 40px);
}
.section.capability-info .section_content_right .section_intro .description ul {
  margin: 20px 0 15px 0;
}
.section.capability-info .section_content_right .section_intro .description ul li {
  line-height: 1.4 !important;
}

@media only screen and (max-width: 767px) {
  .section.capability-info > .inner {
    display: block;
  }
  .section.capability-info .section_content_right .section_content {
    margin-bottom: 20px;
    width: calc(100% - 10px);
    /*
    .images,
    .images.img_layout_1,
    .images.img_layout_2,
    .images.img_layout_3,
    .images.img_layout_4,
    .images.img_layout_5 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 12px;

        .image-wrapper {
            width: 100%;
            max-width: 100%;
            grid-column: 1 / -1 !important;
            grid-row: auto !important;

            img {
                width: 100%;
                height: auto;
                display: block;
            }
        }
    }
        */
  }
  .section.capability-info .section_content_right .section_content .images {
    gap: 10px !important;
    margin-top: 20px;
  }
  .section.capability-info .section_content_right .section_intro {
    width: 100%;
    margin-top: 20px;
  }
}
/*------------------------------------*\
    PROJECT DATA
\*------------------------------------*/
.single-post .project > .hero > .hero__inner {
  min-height: clamp(200px, 21vw, 300px);
}
.single-post .project > .hero > .hero__inner .content {
  padding-block: clamp(125px, 12vw, 195px) clamp(50px, 4vw, 70px) !important;
}
.single-post .project > .hero > .hero__inner .section_intro > .title-wrapper {
  bottom: 0;
}
.single-post .project > .hero > .hero__inner .section_intro > .title-wrapper h1 {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .single-post .project > .hero > .hero__inner .section_intro > .title-wrapper h1 {
    display: none;
  }
}
.single-post .project > .hero:after {
  display: none;
}

.section.dc-project-data + script + .dc-project-grid {
  margin-top: clamp(50px, 10.5vw, 160px);
}

.section.dc-project-data {
  overflow: hidden;
}
.section.dc-project-data > .inner {
  background-color: #FFFFFF;
}
@media only screen and (max-width: 999px) {
  .section.dc-project-data > .inner .section_content .item {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.section.dc-project-data > .inner .section_content .item .left {
  width: 62%;
  margin-right: 4%;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 999px) {
  .section.dc-project-data > .inner .section_content .item .left {
    width: 100%;
    margin-right: 0;
  }
  .section.dc-project-data > .inner .section_content .item .left:before {
    content: "";
    width: calc(100vw + 60px);
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -30px;
    top: 0;
    background-color: var(--theme-color);
  }
}
.section.dc-project-data > .inner .section_content .item .left .slick-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.section.dc-project-data > .inner .section_content .item .left .slick-slider img {
  border-radius: 12px;
}
.section.dc-project-data > .inner .section_content .item .left .slick-slider .slick-dots {
  max-width: calc(67vw - 150px);
  margin-top: 10px;
}
@media only screen and (max-width: 999px) {
  .section.dc-project-data > .inner .section_content .item .left .slick-slider .slick-dots {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .section.dc-project-data > .inner .section_content .item .left .slick-slider .slick-dots li.slick-active button:after {
    background-color: #FFFFFF;
  }
}
.section.dc-project-data > .inner .section_content .item .right {
  width: 34%;
  min-width: 330px;
}
@media only screen and (max-width: 999px) {
  .section.dc-project-data > .inner .section_content .item .right {
    width: 100%;
  }
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper h1 {
  position: relative;
  padding-block: clamp(40px, 5vw, 80px) clamp(90px, 8vw, 145px);
  margin: 0 0 clamp(30px, 5vw, 60px);
}
@media only screen and (max-width: 767px) {
  .section.dc-project-data > .inner .section_content .item .right .content-wrapper h1 {
    display: none;
  }
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper h1:before {
  content: "";
  width: 150vw;
  height: 100%;
  position: absolute;
  z-index: -1;
  right: -50vw;
  bottom: 1px;
  background-color: var(--theme-color);
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper h1:after {
  content: "";
  width: 1326px;
  max-width: 50vw;
  height: clamp(30px, 4vw, 60px);
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  background: url(../img/hero-cut.svg) left bottom no-repeat;
  background-size: auto 100%;
}
@media only screen and (max-width: 999px) {
  .section.dc-project-data > .inner .section_content .item .right .content-wrapper h1:after {
    left: 60vw;
  }
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper ul {
  margin-bottom: 30px;
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 2px 0;
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper ul li span {
  color: var(--theme2-color);
  font-weight: bold;
  min-width: 110px;
  display: inline-block;
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper .description {
  min-height: 150px;
  margin-bottom: 20px;
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper .button-wrapper p {
  color: var(--theme-color);
  font-weight: bold;
  position: relative;
  margin-top: 25px;
  padding-top: 15px;
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper .button-wrapper p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  /*transform: translateY(-50%);*/
  width: 100%;
  height: 0.5px;
  background: var(--theme-color);
}
.section.dc-project-data > .inner .section_content .item .right .content-wrapper .button-wrapper .dc-btn {
  color: var(--light-color);
}

@media only screen and (max-width: 2199px) {
  .single-post .hero__s > .hero__inner {
    min-height: clamp(400px, 42vw, 600px);
  }
  .single-post .hero__s > .hero__inner .content .title-wrapper {
    bottom: 30px;
  }
  .single-post .hero__s > .hero__inner .content .content-inner h1 {
    font-size: 42px;
    /*width: 100%;*/
    max-width: 30% !important;
    line-height: 44px;
  }
}
@media only screen and (max-width: 1099px) {
  /*sp*/
  .single-post .hero__s > .hero__inner {
    min-height: clamp(400px, 42vw, 600px);
  }
  .single-post .hero__s > .hero__inner .content .title-wrapper {
    bottom: -10px;
  }
  .single-post .hero__s > .hero__inner .content .content-inner h1 {
    font-size: 42px;
    width: 100%;
    max-width: 30% !important;
    line-height: 44px;
  }
}
@media only screen and (max-width: 1023px) {
  /*sp*/
  .single-post .hero__s > .hero__inner {
    min-height: clamp(400px, 42vw, 600px);
  }
  .single-post .hero__s > .hero__inner .content .title-wrapper {
    bottom: 30px;
  }
  .single-post .hero__s > .hero__inner .content .content-inner h1 {
    font-size: 30px;
    max-width: 30% !important;
    line-height: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  /*sp*/
  .single-post .hero__s > .hero__inner {
    min-height: clamp(400px, 42vw, 600px);
  }
  .single-post .hero__s > .hero__inner .content .title-wrapper {
    bottom: 10px;
  }
  .single-post .hero__s > .hero__inner .content .content-inner h1 {
    font-size: 30px;
    font-weight: 800;
    width: 100%;
    max-width: 100% !important;
    line-height: 44px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 559px) {
  /*sp*/
  .single-post .hero__s > .hero__inner {
    min-height: clamp(400px, 42vw, 600px);
  }
  .single-post .hero__s > .hero__inner .content .title-wrapper {
    bottom: 10px;
  }
  .single-post .hero__s > .hero__inner .content .content-inner h1 {
    font-size: 25px;
    font-weight: 800;
    width: 100%;
    max-width: 100% !important;
    line-height: 44px;
    padding-bottom: 50px;
  }
}
/*@include mq('desktop', max) {
    margin-bottom: 10px !important;
  }*/
/*@include mq('tablet-wide', max) {
  .section.dc-project-data {
    overflow: hidden;

    >.inner {
      display: block;
    }

    .section_content {
      .item {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch;
        position: relative;
        margin-top: 15px;

        &::before,
        &::after {
          display: none !important;
        }

        .left,
        .right {
          width: 100% !important;
          max-width: 100% !important;
          float: none !important;
        }

        .left {
          order: 1;
          margin: 0 0 20px 0 !important;
          padding: 0 !important;

          .slick-slider {
            margin: 10px 10px 10px 10px !important;
          }


        }

        .right {
          order: 2;
          margin: 0 !important;
          padding: 0 !important;
        }

        .left .slider,
        .left .images,
        .left .image-slider {
          margin: 0 !important;
          top: auto !important;
          bottom: auto !important;
          left: auto !important;
          right: auto !important;
          transform: none !important;
          position: relative;

        }

        .left .slick-list,
        .left .slick-track {
          height: auto !important;
        }

        .left .image-wrapper,
        .left .images .image-wrapper,
        .left .slick-slide > div {
        }

        .left img {
          width: 100% !important;
          height: auto !important;
          display: block;
        }

        .left .slick-dots {
          position: static !important;
          bottom: auto !important;
          left: auto !important;
          right: auto !important;
          transform: none !important;
          width: 100%;
          margin: 12px 0 0;
          text-align: center;
        }

        .right .content-wrapper {
          margin: 0 !important;
          padding: 0 20px 28px !important;
        }

        .right .content-wrapper ul {
          margin: 0 0 20px 0;
          padding: 0;
        }

        .right .content-wrapper ul li {
          display: grid !important;
          grid-template-columns: 100px 1fr;
          gap: 10px;
          padding: 0 0 8px 0;
          margin: 0;
        }

        .right .content-wrapper ul li span {
          min-width: 0 !important;
          width: auto !important;
          margin: 0 !important;
          display: block;
        }

        .right .content-wrapper .description {
          min-height: auto !important;
          margin: 0 0 20px 0 !important;
        }

        .right .content-wrapper .button-wrapper {
          margin: 0 !important;
          padding: 0 !important;
        }

        .right .content-wrapper .button-wrapper p {
          margin: 20px 0 0 0 !important;
          padding-top: 14px !important;
          font-size: 18px;
          line-height: 1.4;
        }

        .right .content-wrapper .button-wrapper .dc-btn {
          margin-top: 12px;
        }
      }
    }
  }
}

@include mq('phone-wide', max) {
  .section.dc-project-data {
    .section_content {
      .item {
          margin-top: 15px;
        .left {
          margin-bottom: 16px !important;
        }

        .left .slick-dots {
          margin-top: 10px;
        }

        .right .content-wrapper {
          padding: 0 16px 24px !important;
        }

        .right .content-wrapper ul li {
          grid-template-columns: 92px 1fr;
          gap: 8px;
          font-size: 15px;
          line-height: 1.45;
        }

        .right .content-wrapper ul li span {
          font-size: 15px;
          line-height: 1.3;
        }

        .right .content-wrapper .description {
          font-size: 15px;
          line-height: 1.5;
        }

        .right .content-wrapper .button-wrapper p {
          font-size: 16px;
          line-height: 1.4;
        }

        .right .content-wrapper .button-wrapper .dc-btn {
          width: 100%;
          max-width: 220px;
        }
      }
    }
  }
}*/
@media only screen and (max-width: 767px) {
  .section.dc-project-data {
    overflow: hidden;
  }
  .section.dc-project-data > .inner {
    display: block;
  }
  .section.dc-project-data .section_content .item {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: stretch;
        align-items: stretch;
    position: relative;
  }
  .section.dc-project-data .section_content .item::before, .section.dc-project-data .section_content .item::after {
    display: none !important;
  }
  .section.dc-project-data .section_content .item .left,
.section.dc-project-data .section_content .item .right {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  .section.dc-project-data .section_content .item .left {
    -ms-flex-order: 1 !important;
        order: 1 !important;
    padding: 0 !important;
  }
  .section.dc-project-data .section_content .item .left .slick-slider {
    margin: 10px !important;
  }
  .section.dc-project-data .section_content .item .right {
    /*order: 2 !important;*/
    -ms-flex-order: unset;
        order: unset;
    margin: 30px 0 0 0 !important;
    padding: 0 !important;
  }
  .section.dc-project-data .section_content .item .left .slider,
.section.dc-project-data .section_content .item .left .images,
.section.dc-project-data .section_content .item .left .image-slider {
    margin: 0 !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    -ms-transform: none !important;
        transform: none !important;
    position: relative;
  }
  .section.dc-project-data .section_content .item .left .slick-list,
.section.dc-project-data .section_content .item .left .slick-track {
    height: auto !important;
  }
  .section.dc-project-data .section_content .item .left img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
  .section.dc-project-data .section_content .item .left .slick-dots {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    -ms-transform: none !important;
        transform: none !important;
    width: 100%;
    margin: 12px 0 0;
    text-align: center;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper {
    margin: 0 !important;
    padding: 0 0 28px !important;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper ul {
    margin: 0 0 20px 0;
    padding: 0;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper ul li {
    display: grid !important;
    grid-template-columns: 100px 1fr;
    gap: 10px;
    padding: 0 0 8px 0;
    margin: 0;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper ul li span {
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    display: block;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper .description {
    min-height: auto !important;
    margin: 0 0 20px 0 !important;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper .button-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper .button-wrapper p {
    margin: 20px 0 0 0 !important;
    padding-top: 14px !important;
    font-size: 18px;
    line-height: 1.4;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper .button-wrapper .dc-btn {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .section.dc-project-data .section_content .item {
    /*.right .content-wrapper .button-wrapper .dc-btn {
      width: 100%;
      max-width: 220px;
    }*/
  }
  .section.dc-project-data .section_content .item .left {
    -ms-flex-order: 1 !important;
        order: 1 !important;
  }
  .section.dc-project-data .section_content .item .right {
    -ms-flex-order: unset;
        order: unset;
  }
  .section.dc-project-data .section_content .item .left .slick-dots {
    margin-top: 10px;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper {
    padding: 0 16px 24px !important;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper ul li {
    grid-template-columns: 92px 1fr;
    gap: 8px;
    font-size: 15px;
    line-height: 1.45;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper ul li span {
    font-size: 15px;
    line-height: 1.3;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper .description {
    font-size: 15px;
    line-height: 1.5;
  }
  .section.dc-project-data .section_content .item .right .content-wrapper .button-wrapper p {
    font-size: 16px;
    line-height: 1.4;
  }
}
/*------------------------------------*\

    DC COOL TIMELINE

\*------------------------------------*/
.ctl-wrapper {
  max-width: 100% !important;
  width: 100%;
  padding: 70px 0px 0px 0px;
  box-shadow: none !important;
}
.ctl-wrapper .ctl-end {
  display: none !important;
}
.ctl-wrapper .cool-timeline-wrapper {
  padding-top: 40px;
}
.ctl-wrapper .cool-timeline-wrapper .ctl-start {
  background-color: transparent !important;
  background: url(../img/italsteel-brandmark.svg) right bottom no-repeat;
  background-size: 40px 35px;
  width: 40px !important;
  height: 35px !important;
  top: 60px;
  left: 49%;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-start {
    left: -5px !important;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline:before {
    left: 0 !important;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container {
  position: relative;
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background: #002C4E;
  border-radius: 50%;
  box-shadow: 0 12px 0 #002C4E, 0 24px 0 #002C4E;
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container::after {
    left: calc(5% - var(--ctw-line-width) / 1) !important;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-inner-line {
  background-color: #C7931D;
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-inner-line::before {
  background-color: #C7931D !important;
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-inner-line {
    left: 0 !important;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-icondot,
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-arrow {
  display: none;
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year {
  border: none !important;
  box-shadow: none !important;
  position: relative;
  margin-block: 0 !important;
  background: transparent !important;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 50;
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year .ctl-year-text {
  font-size: clamp(34px, 4.5vw, 56px);
  line-height: 1;
  letter-spacing: 0;
  color: #002C4E;
  font-weight: 800;
  text-align: center;
  background-color: #F2F2F2 !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  height: unset;
  padding: 17px 0 !important;
  min-width: 180px;
  width: auto;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  border: none !important;
  box-shadow: none !important;
  overflow: visible;
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year .ctl-year-text {
    left: 22px !important;
    min-width: 80px;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year .ctl-year-text::before {
  content: "";
  position: absolute;
  top: unset !important;
  bottom: 14px;
  right: -30px;
  height: clamp(15px, 1.3vw, 25px);
  width: calc(50% + clamp(150px, 50vw - 30px, 800px) + 30px);
  background: var(--light-color);
  z-index: 7;
  display: block !important;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year .ctl-year-text::before {
    width: calc(100vw - 60px);
    right: unset;
    left: 10px;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year .ctl-year-text span {
  z-index: 10 !important;
}
@media only screen and (min-width: 768px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year:has(+ .ctl-story-right) .ctl-year-text::before {
    left: -30px;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story {
  margin-block: 0 !important;
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story {
    left: 25px !important;
    float: left;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content {
  margin-block: 0 !important;
  top: calc((clamp(15px, 1.3vw, 25px) + 14px) * -1);
  z-index: 1000;
  background: transparent !important;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content {
    padding-inline: 13%;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content::before {
  content: "";
  position: absolute;
  left: 13%;
  width: 42px;
  height: 3px;
  background: #C7931D;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content::before {
    display: none;
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content .ctl-media {
  z-index: 5;
  margin-top: 30px;
  -ms-flex-pack: unset;
      justify-content: unset;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content .ctl-media {
    margin-top: calc(clamp(30px, 3vw, 60px) * -1);
  }
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content .ctl-media a img {
  aspect-ratio: 527/353;
  border-radius: 12px;
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content .ctl-description {
  background: transparent !important;
  margin-block: 40px 0 !important;
}
.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .ctl-story .ctl-content .ctl-description * {
  line-height: 30px;
  color: var(--dark-color) !important;
}

.ctl-wrapper .ctl-vertical-wrapper:not(.light-skin, .ctl-compact-wrapper) .ctl-story.odd .ctl-title,
.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-design-3, .light-skin, .ctl-compact-wrapper) .ctl-story.even .ctl-title {
  display: none;
}

.ctl-arrow.aos-init.aos-animate {
  display: none;
}

.ctl-wrapper .ctl-description {
  padding-left: 0;
  margin-top: 10px;
}

.ctl-icondot.aos-init.aos-animate {
  display: none;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-timeline {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ctl-wrapper .cool-timeline-wrapper .ctl-timeline-container .timeline-year .ctl-year-text {
  /*z-index: 50;*/
}

.ctl-wrapper .ctl-story:not(:has(.ctl-media)) .ctl-content::after,
.ctl-wrapper .ctl-story:not(:has(.ctl-media)) .ctl-content::before {
  /*top: clamp(-5px, -2vw, -15px);*/
}

.ctl-wrapper .ctl-story:has(.ctl-media) .ctl-content::before {
  display: none;
}

/**/
.ctl-story-left .ctl-content::before {
  left: 0;
}

.ctl-wrapper .ctl-media a {
  position: relative;
  display: block;
}
.ctl-wrapper .ctl-media a::after {
  content: "";
  width: 120px;
  height: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../img/corner-cut-grey.svg) right bottom no-repeat;
  background-size: contain;
  z-index: 3;
  pointer-events: none;
}

/*.ctl-wrapper .timeline-year .ctl-year-text::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 260px;
    height: 12px;
    background: #fff;
    z-index: 1;
}*/
/*------------------------------------*\
    CAREERS SECTION
\*------------------------------------*/
.section.dc-careers-grid > .inner {
  background-color: #FFFFFF;
}
.section.dc-careers-grid > .inner > .section_intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 48px;
  row-gap: 18px;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 32px;
}
.section.dc-careers-grid > .inner > .section_intro .top-title, .section.dc-careers-grid > .inner > .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-careers-grid > .inner > .section_intro .section-label > span, .section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) > .inner > .section_intro .section-label > span, .section:not(.dc-cta) > .inner > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span,
.section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) .item > .section_intro .section-label > span,
.section:not(.dc-cta) .item > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .item.project-card .content .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-careers-grid > .inner > .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-careers-grid > .inner > .section_intro .industry,
.section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-accordion .section.dc-careers-grid > .inner > .section_intro > span, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-project-grid .section_content .item .content .content-top .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid.style_1 .item .content .section.dc-careers-grid > .inner > .section_intro .client, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_2 .section.dc-careers-grid > .inner > .section_intro .item:after {
  grid-column: 1/-1;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  margin-bottom: 2px;
  /*&::before {
          content: "";
          height: 1px;
          width: 100%;
          position: absolute;
          left: 0;
          top: calc(50% - 0.5px);
          background: var(--grey-color);

        }*/
}
.section.dc-careers-grid > .inner > .section_intro .top-title::after, .section.dc-careers-grid > .inner > .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::after, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-careers-grid > .inner > .section_intro .section-label > span::after, .section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) > .inner > .section_intro .section-label > span::after, .section:not(.dc-cta) > .inner > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::after,
.section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) .item > .section_intro .section-label > span::after,
.section:not(.dc-cta) .item > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .item.project-card .content .industry::after, .section.dc-project-carousel .item.project-card .content .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::after, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::after, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-careers-grid > .inner > .section_intro .industry::after,
.section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::after,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-accordion .section.dc-careers-grid > .inner > .section_intro > span::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::after, .section.dc-project-grid .section_content .item .content .content-top .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_1 .item .content .client::after, .section.dc-project-grid.style_1 .item .content .section.dc-careers-grid > .inner > .section_intro .client::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_2 .item::after, .section.dc-project-grid.style_2 .section.dc-careers-grid > .inner > .section_intro .item::after {
  content: "";
  -ms-flex: 1;
      flex: 1;
  height: 1px;
  background: var(--grey-color);
}
.section.dc-careers-grid > .inner > .section_intro .title-wrapper {
  width: 80%;
  max-width: 1100px;
}
.section.dc-careers-grid > .inner > .section_intro .title-wrapper .title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-transform: none;
}
.section.dc-careers-grid > .inner > .section_intro .button-wrapper {
  top: -25px !important;
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item {
  position: relative;
  min-height: 415px;
  background-color: #F2F2F2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column !important;
      flex-direction: column !important;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: clamp(30px, 3vw, 60px) clamp(20px, 2vw, 40px) clamp(20px, 2.5vw, 50px);
  border-radius: 12px;
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item .posted-date, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .posted-date, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .posted-date, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item .posted-date {
  font-size: 15px;
  font-weight: 400;
  color: #878787;
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item h3, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3 {
  font-size: 30px;
  font-weight: 600;
  color: #002C4E;
  margin: 10px 0px 5px 0px;
  text-transform: none;
  min-height: unset;
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item > strong, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item > strong, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item > strong, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item > strong {
  color: #C7931D;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
  margin-bottom: clamp(16px, 1.5vw, 30px);
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item p, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item p, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item p, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  -ms-flex: 1;
      flex: 1;
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item p:empty, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item p:empty, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item p:empty, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item p:empty {
  display: none;
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item .button-wrapper, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  cursor: pointer;
  z-index: 3;
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item .button-wrapper .dc-link, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper .dc-link, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper .dc-link, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper .dc-link {
  color: var(--blue-color);
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item .button-wrapper::after, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper::after, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper::after, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper::after {
  content: "";
  position: absolute;
  margin: 0px 0px 0px 10px;
  color: #C7931D;
  z-index: 1;
  background: url("../img/arrow-right.svg") no-repeat center;
  background-size: contain;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  width: 16px;
  height: 16px;
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item .button-wrapper:hover .dc-link, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper:hover .dc-link, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper:hover .dc-link, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper:hover .dc-link {
  color: var(--theme2-color);
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item .button-wrapper:hover::after, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper:hover::after, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper:hover::after, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper:hover::after {
  filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(1255%) hue-rotate(183deg) brightness(92%) contrast(101%);
}
.section.dc-careers-grid > .inner > .section_content .grid-items .item::after, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item::after, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item::after, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item::after {
  content: "";
  width: 673px;
  height: 60px;
  position: absolute;
  z-index: 2;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
}

.section.dc-text-block .section_intro .top-title, .section.dc-text-block .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-text-block .section_intro .section-label > span, .section.dc-text-block .section:not(.dc-cta) > .inner > .section_intro .section-label > span,
.section.dc-text-block .section:not(.dc-cta) .item > .section_intro .section-label > span,
.section:not(.dc-cta) .section.dc-text-block .item > .section_intro .section-label > span, .section.dc-text-block .section_intro .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .item.project-card .content .section.dc-text-block .section_intro .industry, .section.dc-text-block .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-text-block .section_intro .industry, .section.dc-text-block .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-text-block .section_intro .industry,
.section.dc-text-block .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-text-block .section_intro .industry, .section.dc-text-block .section.dc-accordion .section_intro > span, .section.dc-accordion .section.dc-text-block .section_intro > span, .section.dc-text-block .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-project-grid .section_content .item .content .content-top .section.dc-text-block .section_intro .industry, .section.dc-text-block .section_intro .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid.style_1 .item .content .section.dc-text-block .section_intro .client, .section.dc-text-block .section_intro .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_2 .section.dc-text-block .section_intro .item:after {
  grid-column: 1/-1;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  margin-bottom: 2px;
}
.section.dc-text-block .section_intro .top-title::after, .section.dc-text-block .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::after, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-text-block .section_intro .section-label > span::after, .section.dc-text-block .section:not(.dc-cta) > .inner > .section_intro .section-label > span::after,
.section.dc-text-block .section:not(.dc-cta) .item > .section_intro .section-label > span::after,
.section:not(.dc-cta) .section.dc-text-block .item > .section_intro .section-label > span::after, .section.dc-text-block .section_intro .section.dc-project-carousel .item.project-card .content .industry::after, .section.dc-project-carousel .item.project-card .content .section.dc-text-block .section_intro .industry::after, .section.dc-text-block .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::after, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-text-block .section_intro .industry::after, .section.dc-text-block .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::after, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-text-block .section_intro .industry::after,
.section.dc-text-block .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::after,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-text-block .section_intro .industry::after, .section.dc-text-block .section.dc-accordion .section_intro > span::after, .section.dc-accordion .section.dc-text-block .section_intro > span::after, .section.dc-text-block .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::after, .section.dc-project-grid .section_content .item .content .content-top .section.dc-text-block .section_intro .industry::after, .section.dc-text-block .section_intro .section.dc-project-grid.style_1 .item .content .client::after, .section.dc-project-grid.style_1 .item .content .section.dc-text-block .section_intro .client::after, .section.dc-text-block .section_intro .section.dc-project-grid.style_2 .item::after, .section.dc-project-grid.style_2 .section.dc-text-block .section_intro .item::after {
  content: "";
  -ms-flex: 1;
      flex: 1;
  height: 1px;
  background: var(--grey-color);
}

.express-interest .section_content .items .item:first-child p {
  position: relative;
  display: inline-block;
}
.express-interest .section_content .items .item:first-child p img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.express-interest .section_content .items .item:first-child p::after {
  content: "";
  width: 133px;
  height: 72px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background: url(../img/corner-cut-grey.svg) right bottom no-repeat;
  background-size: contain;
}

/*Mobile View*/
/*Slider*/
@media only screen and (max-width: 767px) {
  .section.dc-infoboxes .slick-list,
.section.dc-infoboxes .slick-track {
    height: auto !important;
  }
  .section.dc-infoboxes .slick-slide {
    height: auto !important;
  }
  .section.dc-infoboxes .slick-slide > div {
    height: 100% !important;
  }
  .section.dc-infoboxes > .inner .section_intro {
    position: relative;
    width: 100%;
    padding-top: 0;
    margin-bottom: 25px;
  }
  .section.dc-infoboxes > .inner .section_intro h2 {
    padding-left: 0;
    max-width: 100%;
    font-size: 36px;
    line-height: 1;
  }
  .section.dc-infoboxes > .inner .section_intro .top-title, .section.dc-infoboxes > .inner .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-infoboxes > .inner .section_intro .section-label > span, .section.dc-infoboxes > .inner .section:not(.dc-cta) > .inner > .section_intro .section-label > span,
.section.dc-infoboxes > .inner .section:not(.dc-cta) .item > .section_intro .section-label > span,
.section:not(.dc-cta) .section.dc-infoboxes > .inner .item > .section_intro .section-label > span, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .item.project-card .content .section.dc-infoboxes > .inner .section_intro .industry, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry, .section.dc-infoboxes > .inner .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-infoboxes > .inner .section_intro .industry,
.section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry, .section.dc-infoboxes > .inner .section.dc-accordion .section_intro > span, .section.dc-accordion .section.dc-infoboxes > .inner .section_intro > span, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-project-grid .section_content .item .content .content-top .section.dc-infoboxes > .inner .section_intro .industry, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid.style_1 .item .content .section.dc-infoboxes > .inner .section_intro .client, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_2 .section.dc-infoboxes > .inner .section_intro .item:after {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 12px;
    line-height: 1;
  }
  .section.dc-infoboxes > .inner .section_intro .top-title::before, .section.dc-infoboxes > .inner .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::before, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-infoboxes > .inner .section_intro .section-label > span::before, .section.dc-infoboxes > .inner .section:not(.dc-cta) > .inner > .section_intro .section-label > span::before,
.section.dc-infoboxes > .inner .section:not(.dc-cta) .item > .section_intro .section-label > span::before,
.section:not(.dc-cta) .section.dc-infoboxes > .inner .item > .section_intro .section-label > span::before, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .item.project-card .content .industry::before, .section.dc-project-carousel .item.project-card .content .section.dc-infoboxes > .inner .section_intro .industry::before, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::before, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry::before, .section.dc-infoboxes > .inner .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::before, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-infoboxes > .inner .section_intro .industry::before,
.section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::before,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry::before, .section.dc-infoboxes > .inner .section.dc-accordion .section_intro > span::before, .section.dc-accordion .section.dc-infoboxes > .inner .section_intro > span::before, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::before, .section.dc-project-grid .section_content .item .content .content-top .section.dc-infoboxes > .inner .section_intro .industry::before, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_1 .item .content .client::before, .section.dc-project-grid.style_1 .item .content .section.dc-infoboxes > .inner .section_intro .client::before {
    display: none;
  }
  .section.dc-infoboxes > .inner .section_intro .top-title::after, .section.dc-infoboxes > .inner .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::after, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-infoboxes > .inner .section_intro .section-label > span::after, .section.dc-infoboxes > .inner .section:not(.dc-cta) > .inner > .section_intro .section-label > span::after,
.section.dc-infoboxes > .inner .section:not(.dc-cta) .item > .section_intro .section-label > span::after,
.section:not(.dc-cta) .section.dc-infoboxes > .inner .item > .section_intro .section-label > span::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .item.project-card .content .industry::after, .section.dc-project-carousel .item.project-card .content .section.dc-infoboxes > .inner .section_intro .industry::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::after, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry::after, .section.dc-infoboxes > .inner .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::after, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-infoboxes > .inner .section_intro .industry::after,
.section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::after,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry::after, .section.dc-infoboxes > .inner .section.dc-accordion .section_intro > span::after, .section.dc-accordion .section.dc-infoboxes > .inner .section_intro > span::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::after, .section.dc-project-grid .section_content .item .content .content-top .section.dc-infoboxes > .inner .section_intro .industry::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_1 .item .content .client::after, .section.dc-project-grid.style_1 .item .content .section.dc-infoboxes > .inner .section_intro .client::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_2 .item::after, .section.dc-project-grid.style_2 .section.dc-infoboxes > .inner .section_intro .item::after {
    content: "";
    -ms-flex: 1;
        flex: 1;
    height: 1px;
    background: var(--grey-color);
  }
  .section.dc-infoboxes > .inner .section_content .items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .section.dc-infoboxes > .inner .section_content .items .item {
    max-width: 100%;
    width: 100%;
    height: auto !important;
    min-height: 280px;
    padding: 24px 20px;
  }
  .section.dc-infoboxes > .inner .section_content .items .item.blank {
    display: none;
  }
  .section.dc-infoboxes > .inner .section_content .items .item::after {
    display: none;
  }
  .section.dc-infoboxes > .inner .section_content .items .item .text {
    padding-top: 0;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .section.dc-infoboxes > .inner .section_content .items .item h5 {
    font-size: 22px;
    line-height: 1.25;
    height: auto !important;
    min-height: auto !important;
  }
  .section.dc-infoboxes > .inner .section_content .items .item p {
    font-size: 16px;
    line-height: 1.5;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
@media only screen and (max-width: 479px) {
  .section.dc-infoboxes .slick-list,
.section.dc-infoboxes .slick-track {
    height: auto !important;
  }
  .section.dc-infoboxes .slick-slide {
    height: auto !important;
  }
  .section.dc-infoboxes .slick-slide > div {
    height: 100% !important;
  }
  .section.dc-infoboxes > .inner .section_intro {
    margin-bottom: 20px;
  }
  .section.dc-infoboxes > .inner .section_intro h2 {
    font-size: 28px;
    line-height: 1;
  }
  .section.dc-infoboxes > .inner .section_intro .top-title, .section.dc-infoboxes > .inner .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-infoboxes > .inner .section_intro .section-label > span, .section.dc-infoboxes > .inner .section:not(.dc-cta) > .inner > .section_intro .section-label > span,
.section.dc-infoboxes > .inner .section:not(.dc-cta) .item > .section_intro .section-label > span,
.section:not(.dc-cta) .section.dc-infoboxes > .inner .item > .section_intro .section-label > span, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .item.project-card .content .section.dc-infoboxes > .inner .section_intro .industry, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry, .section.dc-infoboxes > .inner .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-infoboxes > .inner .section_intro .industry,
.section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry, .section.dc-infoboxes > .inner .section.dc-accordion .section_intro > span, .section.dc-accordion .section.dc-infoboxes > .inner .section_intro > span, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-project-grid .section_content .item .content .content-top .section.dc-infoboxes > .inner .section_intro .industry, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid.style_1 .item .content .section.dc-infoboxes > .inner .section_intro .client, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_2 .section.dc-infoboxes > .inner .section_intro .item:after {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 12px;
    line-height: 1;
  }
  .section.dc-infoboxes > .inner .section_intro .top-title::before, .section.dc-infoboxes > .inner .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::before, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-infoboxes > .inner .section_intro .section-label > span::before, .section.dc-infoboxes > .inner .section:not(.dc-cta) > .inner > .section_intro .section-label > span::before,
.section.dc-infoboxes > .inner .section:not(.dc-cta) .item > .section_intro .section-label > span::before,
.section:not(.dc-cta) .section.dc-infoboxes > .inner .item > .section_intro .section-label > span::before, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .item.project-card .content .industry::before, .section.dc-project-carousel .item.project-card .content .section.dc-infoboxes > .inner .section_intro .industry::before, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::before, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry::before, .section.dc-infoboxes > .inner .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::before, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-infoboxes > .inner .section_intro .industry::before,
.section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::before,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry::before, .section.dc-infoboxes > .inner .section.dc-accordion .section_intro > span::before, .section.dc-accordion .section.dc-infoboxes > .inner .section_intro > span::before, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::before, .section.dc-project-grid .section_content .item .content .content-top .section.dc-infoboxes > .inner .section_intro .industry::before, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_1 .item .content .client::before, .section.dc-project-grid.style_1 .item .content .section.dc-infoboxes > .inner .section_intro .client::before {
    display: none;
  }
  .section.dc-infoboxes > .inner .section_intro .top-title::after, .section.dc-infoboxes > .inner .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::after, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-infoboxes > .inner .section_intro .section-label > span::after, .section.dc-infoboxes > .inner .section:not(.dc-cta) > .inner > .section_intro .section-label > span::after,
.section.dc-infoboxes > .inner .section:not(.dc-cta) .item > .section_intro .section-label > span::after,
.section:not(.dc-cta) .section.dc-infoboxes > .inner .item > .section_intro .section-label > span::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .item.project-card .content .industry::after, .section.dc-project-carousel .item.project-card .content .section.dc-infoboxes > .inner .section_intro .industry::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::after, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry::after, .section.dc-infoboxes > .inner .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::after, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-infoboxes > .inner .section_intro .industry::after,
.section.dc-infoboxes > .inner .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::after,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-infoboxes > .inner .section_intro .industry::after, .section.dc-infoboxes > .inner .section.dc-accordion .section_intro > span::after, .section.dc-accordion .section.dc-infoboxes > .inner .section_intro > span::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::after, .section.dc-project-grid .section_content .item .content .content-top .section.dc-infoboxes > .inner .section_intro .industry::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_1 .item .content .client::after, .section.dc-project-grid.style_1 .item .content .section.dc-infoboxes > .inner .section_intro .client::after, .section.dc-infoboxes > .inner .section_intro .section.dc-project-grid.style_2 .item::after, .section.dc-project-grid.style_2 .section.dc-infoboxes > .inner .section_intro .item::after {
    content: "";
    -ms-flex: 1;
        flex: 1;
    height: 1px;
    background: var(--grey-color);
  }
  .section.dc-infoboxes > .inner .section_content .items {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .section.dc-infoboxes > .inner .section_content .items .item {
    height: auto !important;
    min-height: auto !important;
    padding: 22px 18px;
    border-radius: 12px;
  }
  .section.dc-infoboxes > .inner .section_content .items .item .text {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .section.dc-infoboxes > .inner .section_content .items .item h5 {
    font-size: 20px;
    line-height: 1.2;
    height: auto !important;
    min-height: auto !important;
  }
  .section.dc-infoboxes > .inner .section_content .items .item p {
    font-size: 15px;
    line-height: 1.45;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
/*Vacancies*/
@media only screen and (max-width: 767px) {
  .section.dc-careers-grid > .inner {
    display: block;
  }
  .section.dc-careers-grid > .inner > .section_intro {
    display: block;
    width: 100%;
    padding: 0 20px 24px;
  }
  .section.dc-careers-grid > .inner > .section_intro .top-title, .section.dc-careers-grid > .inner > .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-careers-grid > .inner > .section_intro .section-label > span, .section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) > .inner > .section_intro .section-label > span, .section:not(.dc-cta) > .inner > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span,
.section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) .item > .section_intro .section-label > span,
.section:not(.dc-cta) .item > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .item.project-card .content .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-careers-grid > .inner > .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-careers-grid > .inner > .section_intro .industry,
.section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-accordion .section.dc-careers-grid > .inner > .section_intro > span, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-project-grid .section_content .item .content .content-top .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid.style_1 .item .content .section.dc-careers-grid > .inner > .section_intro .client, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_2 .section.dc-careers-grid > .inner > .section_intro .item:after {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 12px;
    line-height: 1;
  }
  .section.dc-careers-grid > .inner > .section_intro .top-title::before, .section.dc-careers-grid > .inner > .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::before, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-careers-grid > .inner > .section_intro .section-label > span::before, .section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) > .inner > .section_intro .section-label > span::before, .section:not(.dc-cta) > .inner > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::before,
.section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) .item > .section_intro .section-label > span::before,
.section:not(.dc-cta) .item > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .item.project-card .content .industry::before, .section.dc-project-carousel .item.project-card .content .section.dc-careers-grid > .inner > .section_intro .industry::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::before, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::before, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-careers-grid > .inner > .section_intro .industry::before,
.section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::before,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::before, .section.dc-accordion .section.dc-careers-grid > .inner > .section_intro > span::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::before, .section.dc-project-grid .section_content .item .content .content-top .section.dc-careers-grid > .inner > .section_intro .industry::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_1 .item .content .client::before, .section.dc-project-grid.style_1 .item .content .section.dc-careers-grid > .inner > .section_intro .client::before {
    display: none;
  }
  .section.dc-careers-grid > .inner > .section_intro .top-title::after, .section.dc-careers-grid > .inner > .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::after, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-careers-grid > .inner > .section_intro .section-label > span::after, .section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) > .inner > .section_intro .section-label > span::after, .section:not(.dc-cta) > .inner > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::after,
.section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) .item > .section_intro .section-label > span::after,
.section:not(.dc-cta) .item > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .item.project-card .content .industry::after, .section.dc-project-carousel .item.project-card .content .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::after, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::after, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-careers-grid > .inner > .section_intro .industry::after,
.section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::after,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-accordion .section.dc-careers-grid > .inner > .section_intro > span::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::after, .section.dc-project-grid .section_content .item .content .content-top .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_1 .item .content .client::after, .section.dc-project-grid.style_1 .item .content .section.dc-careers-grid > .inner > .section_intro .client::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_2 .item::after, .section.dc-project-grid.style_2 .section.dc-careers-grid > .inner > .section_intro .item::after {
    content: "";
    -ms-flex: 1;
        flex: 1;
    height: 1px;
    background: var(--grey-color);
  }
  .section.dc-careers-grid > .inner > .section_intro .title-wrapper {
    width: 100%;
    margin-bottom: 15px;
  }
  .section.dc-careers-grid > .inner > .section_intro .title-wrapper .title {
    font-size: 34px;
    line-height: 1.05;
    max-width: 100%;
  }
  .section.dc-careers-grid > .inner > .section_intro .description {
    width: 100%;
    max-width: 100%;
    margin-bottom: 18px;
  }
  .section.dc-careers-grid > .inner > .section_intro .button-wrapper {
    top: 0 !important;
    position: relative;
  }
  .section.dc-careers-grid > .inner > .section_content {
    width: 100%;
    padding: 0 20px 24px;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item {
    height: auto;
    min-height: 340px;
    padding: 24px 20px;
    margin-right: 0;
    width: auto;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item .posted-date, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .posted-date, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .posted-date, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item .posted-date {
    font-size: 14px;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item h3, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3 {
    font-size: 24px;
    line-height: 1.15;
    margin: 10px 0 8px;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item strong, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item strong, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item strong, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item strong {
    font-size: 16px;
    line-height: 1.4;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item p, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item p, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item p, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item p {
    font-size: 16px;
    line-height: 1.5;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item .button-wrapper, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper {
    top: 0px;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item::after, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item::after, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item::after, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item::after {
    width: 150px;
    height: 70px;
    background-size: contain;
  }
  .gform_footer:after {
    top: 23px !important;
  }
}
@media only screen and (max-width: 479px) {
  .section.dc-careers-grid > .inner > .section_intro {
    padding: 0 16px 20px;
  }
  .section.dc-careers-grid > .inner > .section_intro .title-wrapper .title {
    font-size: 28px;
    line-height: 1;
  }
  .section.dc-careers-grid > .inner > .section_intro .description {
    font-size: 16px;
    line-height: 1.5;
  }
  .section.dc-careers-grid > .inner > .section_intro .top-title, .section.dc-careers-grid > .inner > .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-careers-grid > .inner > .section_intro .section-label > span, .section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) > .inner > .section_intro .section-label > span, .section:not(.dc-cta) > .inner > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span,
.section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) .item > .section_intro .section-label > span,
.section:not(.dc-cta) .item > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .item.project-card .content .industry, .section.dc-project-carousel .item.project-card .content .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-careers-grid > .inner > .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-careers-grid > .inner > .section_intro .industry,
.section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-accordion .section.dc-careers-grid > .inner > .section_intro > span, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry, .section.dc-project-grid .section_content .item .content .content-top .section.dc-careers-grid > .inner > .section_intro .industry, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_1 .item .content .client, .section.dc-project-grid.style_1 .item .content .section.dc-careers-grid > .inner > .section_intro .client, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_2 .item:after, .section.dc-project-grid.style_2 .section.dc-careers-grid > .inner > .section_intro .item:after {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 12px;
    line-height: 1;
  }
  .section.dc-careers-grid > .inner > .section_intro .top-title::before, .section.dc-careers-grid > .inner > .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::before, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-careers-grid > .inner > .section_intro .section-label > span::before, .section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) > .inner > .section_intro .section-label > span::before, .section:not(.dc-cta) > .inner > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::before,
.section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) .item > .section_intro .section-label > span::before,
.section:not(.dc-cta) .item > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .item.project-card .content .industry::before, .section.dc-project-carousel .item.project-card .content .section.dc-careers-grid > .inner > .section_intro .industry::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::before, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::before, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-careers-grid > .inner > .section_intro .industry::before,
.section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::before,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::before, .section.dc-accordion .section.dc-careers-grid > .inner > .section_intro > span::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::before, .section.dc-project-grid .section_content .item .content .content-top .section.dc-careers-grid > .inner > .section_intro .industry::before, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_1 .item .content .client::before, .section.dc-project-grid.style_1 .item .content .section.dc-careers-grid > .inner > .section_intro .client::before {
    display: none;
  }
  .section.dc-careers-grid > .inner > .section_intro .top-title::after, .section.dc-careers-grid > .inner > .section_intro .single-post .hero__s > .hero__inner .content .title-wrapper .section-label > span::after, .single-post .hero__s > .hero__inner .content .title-wrapper .section.dc-careers-grid > .inner > .section_intro .section-label > span::after, .section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) > .inner > .section_intro .section-label > span::after, .section:not(.dc-cta) > .inner > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::after,
.section.dc-careers-grid > .inner > .section_intro .section:not(.dc-cta) .item > .section_intro .section-label > span::after,
.section:not(.dc-cta) .item > .section_intro .section.dc-careers-grid > .inner > .section_intro .section-label > span::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .item.project-card .content .industry::after, .section.dc-project-carousel .item.project-card .content .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .industry::after, .section.dc-project-carousel .section.dc-cards-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .industry::after, .section.dc-cards-carousel > .inner .section_content .section.dc-project-carousel .item .content .section.dc-careers-grid > .inner > .section_intro .industry::after,
.section.dc-careers-grid > .inner > .section_intro .section.dc-project-carousel > .inner .section_content .item .content .industry::after,
.section.dc-project-carousel > .inner .section_content .item .content .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-accordion .section.dc-careers-grid > .inner > .section_intro > span::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid .section_content .item .content .content-top .industry::after, .section.dc-project-grid .section_content .item .content .content-top .section.dc-careers-grid > .inner > .section_intro .industry::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_1 .item .content .client::after, .section.dc-project-grid.style_1 .item .content .section.dc-careers-grid > .inner > .section_intro .client::after, .section.dc-careers-grid > .inner > .section_intro .section.dc-project-grid.style_2 .item::after, .section.dc-project-grid.style_2 .section.dc-careers-grid > .inner > .section_intro .item::after {
    content: "";
    -ms-flex: 1;
        flex: 1;
    height: 1px;
    background: var(--grey-color);
  }
  .section.dc-careers-grid > .inner > .section_content {
    padding: 0 16px 24px;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item {
    min-height: auto;
    padding: 22px 18px;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item h3, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item h3 {
    font-size: 21px;
    line-height: 1.2;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item strong, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item strong, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item strong, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item strong {
    font-size: 15px;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item p, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item p, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item p, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item p {
    font-size: 15px;
    line-height: 1.45;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item .button-wrapper, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item .button-wrapper {
    top: 0px;
  }
  .section.dc-careers-grid > .inner > .section_content .grid-items .item::after, .section.dc-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item::after, .section.capability-hotboxes > .inner .section.dc-careers-grid > .inner > .section_content .items .item::after, .section.capability-hotboxes-cirlce > .inner .section.dc-careers-grid > .inner > .section_content .items .item::after {
    width: 110px;
    height: 50px;
  }
  .gform_footer:after {
    top: 23px !important;
  }
}
/*------------------------------------*\
    FEATURED PROJECTS
\*------------------------------------*/
@media only screen and (min-width: 950px) {
  .section.dc-featured-projects > .inner .section_content .item {
    gap: 20px;
  }
}
@media only screen and (max-width: 949px) {
  .section.dc-featured-projects > .inner .section_content .item {
    -ms-flex-direction: column !important;
        flex-direction: column !important;
  }
  .section.dc-featured-projects > .inner .section_content .item > div {
    width: 100% !important;
  }
  .section.dc-featured-projects > .inner .section_content .item > div:nth-child(2) {
    margin-top: 20px;
  }
}
.section.dc-featured-projects > .inner .left {
  background: var(--blue-color);
  border-radius: 12px;
}
.section.dc-featured-projects > .inner .left .content-wrapper {
  width: 100%;
  padding: clamp(45px, 5vw, 100px) clamp(25px, 3vw, 60px);
}
.section.dc-featured-projects > .inner .left .content-wrapper .text {
  color: var(--light-color);
  margin-bottom: clamp(10px, 2vw, 40px);
}
.section.dc-featured-projects > .inner .left .content-wrapper .text:before {
  content: "";
  width: 50px;
  height: 4px;
  display: block;
  margin-bottom: 5px;
  background: var(--theme2-color);
}
.section.dc-featured-projects > .inner .left .content-wrapper .text p {
  color: var(--light-color);
  line-height: 1.35em;
}
.section.dc-featured-projects > .inner .left .content-wrapper .text p:first-child:before {
  content: "";
  display: block;
  width: 29px;
  height: 20px;
  margin-bottom: 15px;
  background: url("../img/quotes.svg");
}
.section.dc-featured-projects > .inner .left .content-wrapper > p {
  color: var(--light-color);
  margin: 0;
}
.section.dc-featured-projects > .inner .right {
  background: var(--grey-color3);
  border-radius: 12px;
  padding: clamp(45px, 5vw, 100px) clamp(45px, 7vw, 140px) clamp(45px, 6vw, 120px) clamp(45px, 5vw, 100px);
}
.section.dc-featured-projects > .inner .right:after {
  content: "";
  width: 133px;
  height: 72px;
  position: absolute;
  right: -0.5px;
  bottom: -0.5px;
  background: url(../img/corner-cut.svg) right bottom no-repeat;
  background-size: contain;
}
.section.dc-featured-projects > .inner .right ul {
  list-style: none;
  border-top: 0.5px solid var(--grey-color);
  margin-block: 30px 0;
}
.section.dc-featured-projects > .inner .right ul li {
  margin: 0;
  padding: 18px 40px 18px 0;
  border-bottom: 0.5px solid var(--grey-color);
}
.section.dc-featured-projects > .inner .right ul li h4 {
  margin-bottom: 8px;
}
.section.dc-featured-projects > .inner .right ul li .project-meta span:first-child:after {
  content: "|";
  color: var(--theme2-color);
  margin-inline: 7px 6px;
  display: inline-block;
}
.section.dc-featured-projects > .inner .right ul li a.overlay:after {
  content: "";
  background: url(../img/arrow-right.svg) no-repeat;
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 22px;
  right: 0;
}

/*------------------------------------*\
    PROJECT CAROUSEL
\*------------------------------------*/
.section.dc-project-carousel > .inner .section_intro {
  position: relative;
}
.section.dc-project-carousel > .inner .section_intro .section-label:before {
  background: var(--theme2-color) !important;
}
.section.dc-project-carousel > .inner .section_intro .slick-prev,
.section.dc-project-carousel > .inner .section_intro .slick-next {
  overflow: visible;
  height: 20px;
  width: 40px;
  position: absolute;
  display: block;
  background: var(--light-color);
  border: none;
  z-index: 99;
  color: white;
  right: 0;
  top: 2px;
}
.section.dc-project-carousel > .inner .section_intro .slick-prev:before,
.section.dc-project-carousel > .inner .section_intro .slick-next:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 1.4em;
  height: 20px;
  width: 20px;
  top: 0px;
  left: 0px;
  background: none;
  margin: auto;
  color: var(--light-color);
  vertical-align: 0;
  content: "\f061";
  color: var(--theme2-color);
}
.section.dc-project-carousel > .inner .section_intro .slick-prev {
  right: 40px;
}
.section.dc-project-carousel > .inner .section_intro .slick-prev:before {
  content: "\f060";
}
.section.dc-project-carousel > .inner .section_content {
  padding-bottom: 0 !important;
  padding-inline: 0 !important;
}

.dc-cascading-slider-section {
  padding: 4em 0;
}

[data-cascading-viewport] {
  --gap: 0.5em;
}

[data-cascading-slide] {
  --clip: 0;
  --radius: 0.75em;
}

.cascading-slider {
  width: 100%;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cascading-slider__collection {
  width: 100%;
}

.cascading-slider__list {
  width: 100%;
  height: 35em;
  position: relative;
  overflow: hidden;
}

.cascading-slider__item {
  color: #fff;
  cursor: pointer;
  will-change: transform, clip-path;
  -webkit-clip-path: inset(0px calc(var(--clip) * 1px) round var(--radius));
          clip-path: inset(0px calc(var(--clip) * 1px) round var(--radius));
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cascading-slider__item[data-status=active] {
  cursor: default;
}

.cascading-slider__item-inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.cascading-slider__item-bg {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.cascading-slider__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cascading-slider__item-content {
  z-index: 2;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  padding: 2em 2em 3em 2.5em;
  position: absolute;
  inset: auto 0% 0%;
}

.cascading-slider__h {
  opacity: 0;
  letter-spacing: -0.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75em;
  font-weight: 400;
  line-height: 1;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transform: translate(0, 0.25em);
      transform: translate(0, 0.25em);
  transition-delay: 0ms;
}

[data-cascading-slide][data-status=active] .cascading-slider__h {
  transition-delay: 400ms;
  opacity: 1;
  -ms-transform: translate(0px, 0em);
      transform: translate(0px, 0em);
}

.cascading-slider__nav {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 4em;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.cascading-slider__button {
  color: #323b32;
  background-color: #d7ecd7;
  border-radius: 0.25em;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 3em;
  height: 3em;
  padding: 0.75em;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  border: none;
}

.cascading-slider__button-arrow.is--prev {
  -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
}

.parallax-demo-wrap {
  grid-column-gap: 15em;
  grid-row-gap: 15em;
  -ms-flex-flow: column;
      flex-flow: column;
  width: 100%;
  padding-bottom: 50vh;
  font-size: min(0.85vw, 1rem);
  display: -ms-flexbox;
  display: flex;
}

.parallax-demo-hero {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 2em;
  padding-right: 2em;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: clip;
}

.parallax-demo-bg {
  z-index: 0;
  width: 100%;
  height: 120%;
  position: absolute;
}

.parallax-demo-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.parallax-demo-h {
  z-index: 1;
  text-align: center;
  max-width: 15ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.parallax-demo-row {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.parallax-demo-row__third {
  aspect-ratio: 1;
  width: calc(33.3333% - 0.833333em);
}

.parallax-demo-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: rgba(255, 255, 255, 0.0509803922);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75em;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: end;
      align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 2em;
  display: -ms-flexbox;
  display: flex;
}

.parallax-demo-p {
  margin-bottom: 0;
  font-size: 1.25em;
}

.parallax-demo-row__half {
  aspect-ratio: 1;
  border-radius: 0.75em;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.parallax-demo-card__wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: rgba(255, 255, 255, 0.0509803922);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75em;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: end;
      align-items: flex-end;
  width: 100%;
  height: 35em;
  padding: 2em;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.parallax-demo-details {
  z-index: 1;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}

.data-parallax-span {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .parallax-demo-wrap {
    font-size: 1rem;
  }
  .parallax-demo-h {
    font-size: 3em;
  }
  .parallax-demo-row {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .parallax-demo-row__third {
    width: 100%;
  }
  .parallax-demo-card {
    padding: 1.25em;
  }
  .parallax-demo-p {
    font-size: 0.75em;
  }
  .parallax-demo-card__wrap {
    -ms-flex-flow: column;
        flex-flow: column;
    height: auto;
  }
}
/* GRAVITY FORMS */
/*------------------------------------*\
	GRAVITY FORM
\*------------------------------------*/
.gform_wrapper.gravity-theme .gform_fields {
  grid-column-gap: 20px !important;
  grid-row-gap: 20px !important;
}
.gform_wrapper.gravity-theme .ginput_container {
  margin: 0 !important;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email],
.gform_wrapper.gravity-theme .ginput_container input[type=number],
.gform_wrapper.gravity-theme .ginput_container input[type=password],
.gform_wrapper.gravity-theme .ginput_container input[type=tel],
.gform_wrapper.gravity-theme .ginput_container input[type=text],
.gform_wrapper.gravity-theme .ginput_container input[type=url],
.gform_wrapper.gravity-theme .ginput_container textarea.medium,
.gform_wrapper.gravity-theme .ginput_container textarea.large,
.gform_wrapper.gravity-theme .ginput_container textarea.small,
.gform_wrapper.gravity-theme .ginput_container select,
.gform_wrapper.gravity-theme .ginput_container #theme-page select {
  font-size: clamp(0.875rem, 0.7261rem + 0.4255vw, 1.125rem) !important;
  color: var(--dark-color) !important;
  line-height: 18px;
  background-color: var(--light-color) !important;
  background-color: transparent !important;
  box-shadow: none;
  margin: 0 !important;
  padding: 16px !important;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--dark-color) !important;
  border-radius: 6px;
  -webkit-appearance: button;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container select::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select::-webkit-input-placeholder {
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container select:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select:-moz-placeholder {
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container select::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select::-moz-placeholder {
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container select:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select:-ms-input-placeholder {
  color: var(--dark-color);
  transition: all 250ms ease-in-out;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email]:focus,
.gform_wrapper.gravity-theme .ginput_container input[type=number]:focus,
.gform_wrapper.gravity-theme .ginput_container input[type=password]:focus,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]:focus,
.gform_wrapper.gravity-theme .ginput_container input[type=text]:focus,
.gform_wrapper.gravity-theme .ginput_container input[type=url]:focus,
.gform_wrapper.gravity-theme .ginput_container textarea.medium:focus,
.gform_wrapper.gravity-theme .ginput_container textarea.large:focus,
.gform_wrapper.gravity-theme .ginput_container textarea.small:focus,
.gform_wrapper.gravity-theme .ginput_container select:focus,
.gform_wrapper.gravity-theme .ginput_container #theme-page select:focus {
  background: var(--light-color) !important;
  color: var(--dark-color) !important;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email]:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container select:focus::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select:focus::-webkit-input-placeholder {
  color: var(--dark-color) !important;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email]:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container select:focus:-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select:focus:-moz-placeholder {
  color: var(--dark-color) !important;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email]:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container select:focus::-moz-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select:focus::-moz-placeholder {
  color: var(--dark-color) !important;
}
.gform_wrapper.gravity-theme .ginput_container input[type=email]:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=number]:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=password]:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=tel]:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=text]:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container input[type=url]:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.medium:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.large:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container textarea.small:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container select:focus:-ms-input-placeholder,
.gform_wrapper.gravity-theme .ginput_container #theme-page select:focus:-ms-input-placeholder {
  color: var(--dark-color) !important;
}
.gform_wrapper.gravity-theme .ginput_container select {
  margin: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.gform_wrapper.gravity-theme .ginput_container select:focus {
  background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}
.gform_wrapper.gravity-theme .ginput_container select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.gform_wrapper.gravity-theme .ginput_container .textarea.large {
  height: 180px;
}

.gform_wrapper .gform-body .gfield .gfield_label {
  color: var(--theme2-color) !important;
  font-size: 12px;
  line-height: 1em !important;
  font-weight: 600;
  text-transform: uppercase;
}
.gform_wrapper .gform-body .gfield:focus .gfield_label {
  color: var(--dark-color);
}
.gform_wrapper .gform-body .gfield .gfield_radio label {
  font-size: clamp(0.875rem, 0.7261rem + 0.4255vw, 1.125rem) !important;
  margin-left: 10px;
}

.gform_wrapper .gform_footer {
  margin: 45px 0 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] {
  margin: 0 !important;
  padding: 18px 25px !important;
  border-radius: 10px !important;
  border: none;
  background: var(--theme2-color) !important;
  color: var(--light-color) !important;
  line-height: 16px !important;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    line-height: 14px !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_footer:hover:after {
  background: var(--theme2-color);
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover {
  background: var(--theme-color) !important;
  color: var(--light-color) !important;
}

.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;
}

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

FORMS SIDEBAR

\*------------------------------------*/
.form-sidebar {
  position: fixed;
  top: 0;
  right: -700px;
  height: 100%;
  width: calc(100vw - 80px);
  max-width: 615px;
  -ms-flex-align: inherit;
      align-items: inherit;
  z-index: 100000;
  background: white;
  box-shadow: 0 0 12px 2px rgba(40, 40, 40, 0.2);
  transition: all 200ms ease-in-out;
}
@media only screen and (max-width: 767px) {
  .form-sidebar {
    width: 100vw;
  }
}
.form-sidebar.active {
  right: 0;
}
.form-sidebar .inner-wrapper {
  padding: 70px 60px;
  background: var(--grey-color);
  overflow: scroll;
  max-height: 100vh;
  min-height: 100vh;
}
@media only screen and (max-width: 767px) {
  .form-sidebar .inner-wrapper {
    padding: 50px 25px;
  }
}
.form-sidebar .inner-wrapper > .form-sidebar-close {
  position: absolute;
  top: 20px;
  left: -65px;
}
@media only screen and (max-width: 767px) {
  .form-sidebar .inner-wrapper > .form-sidebar-close {
    left: auto;
    right: 20px;
  }
}
.form-sidebar .inner-wrapper > .form-sidebar-close i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 10px;
  width: 40px;
  height: 40px;
  color: #002C4E;
  font-size: 23px;
  background: white;
  border-radius: 100px;
  box-shadow: 0 0 8px 2px rgba(20, 20, 20, 0.2);
}
.form-sidebar .gform_heading h2 {
  font-size: 36px;
}
.form-sidebar .gform_confirmation_wrapper {
  min-height: 500px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

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

    GRAVITY FORM POPUP CONFIRMATION

\*------------------------------------*/
#dc-overlay {
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  display: block;
  float: left;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

.dc-gform-popup {
  display: block;
  margin: auto;
  max-height: 400px;
  max-width: 720px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 100000;
  text-align: center;
}
.dc-gform-popup .button-wrapper {
  margin-top: 40px;
}
.dc-gform-popup .notification-inner {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 60px;
}
.dc-gform-popup:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: -10000;
  background: rgba(40, 40, 40, 0.2);
}

/* FANCYBOX */
/* PAGES */
/*------------------------------------*\

PAGE - SINGLE

\*------------------------------------*/
.single-post article .content,
.single-course article .content {
  position: relative;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1840px;
  margin: 0 auto !important;
}
@media only screen and (min-width: 1200px) {
  .single-post article .content,
.single-course article .content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .single-post article .content,
.single-course article .content {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.single-post article .content .sidebar,
.single-course article .content .sidebar {
  width: 100%;
  margin-top: 160px;
}
@media only screen and (min-width: 768px) {
  .single-post article .content .sidebar,
.single-course article .content .sidebar {
    width: 31%;
    min-width: 320px;
    max-width: 480px;
    margin-top: 240px;
    padding-left: 60px;
  }
}
@media only screen and (min-width: 1000px) {
  .single-post article .content .sidebar,
.single-course article .content .sidebar {
    min-width: 360px;
    margin-top: 260px;
    padding-left: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .single-post article .content .sidebar,
.single-course article .content .sidebar {
    margin-top: 370px;
  }
}

/*------------------------------------*\
   404
\*------------------------------------*/
body.error404 .page_container {
  background: #f1e8dc;
}
body.error404 .panel.main .row .M12 {
  padding: 0;
}
body.error404 .panel.main .row #post-404 {
  width: 100%;
  max-width: 1840px;
  margin: 0 auto !important;
  text-align: center;
  font-size: 18px;
  padding: 120px 30px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 766px) {
  body.error404 .panel.main .row #post-404 {
    padding: 80px 20px;
  }
}
body.error404 .panel.main .row #post-404 .page_not_found {
  max-width: 900px;
  margin: 0 auto 50px;
}
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: #002C4E;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 766px) {
  body.error404 .panel.main .row #post-404 .page_not_found span.not-found-title {
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 15px;
  }
}
body.error404 .panel.main .row #post-404 .page_not_found span.not-found-subtitle {
  color: #002C4E;
  font-size: 180px;
  text-transform: uppercase;
  font-weight: 100;
  line-height: 0.9;
  padding: 0 0 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  body.error404 .panel.main .row #post-404 .page_not_found span.not-found-subtitle {
    font-size: 150px;
  }
}
@media only screen and (max-width: 766px) {
  body.error404 .panel.main .row #post-404 .page_not_found span.not-found-subtitle {
    font-size: 90px;
    padding-bottom: 15px;
  }
}
body.error404 .panel.main .row #post-404 .page_not_found span.not-found-text {
  max-width: 680px;
  margin: 0 auto;
  color: #002C4E;
  font-size: 20px;
  line-height: 1.7;
  font-weight: 300;
}
@media only screen and (max-width: 766px) {
  body.error404 .panel.main .row #post-404 .page_not_found span.not-found-text {
    font-size: 17px;
    line-height: 1.6;
  }
}
body.error404 .panel.main .row #post-404 .error_search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  margin-top: 40px;
}
@media only screen and (max-width: 766px) {
  body.error404 .panel.main .row #post-404 .error_search {
    margin-top: 30px;
  }
}
body.error404 .panel.main .row #post-404 .error_search form.search {
  position: relative;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 766px) {
  body.error404 .panel.main .row #post-404 .error_search form.search {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 15px;
  }
}
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;
  width: 100%;
  min-height: 58px;
  border-radius: 6px !important;
  background: none;
  background-color: var(--light-color) !important;
  padding: 15px 30px !important;
  margin: 0 !important;
  border: 1px solid transparent;
  box-shadow: none;
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 766px) {
  body.error404 .panel.main .row #post-404 .error_search form.search input.search-input {
    width: 100%;
    min-height: 54px;
    padding: 14px 22px !important;
  }
}
body.error404 .panel.main .row #post-404 .error_search form.search input.search-input:focus {
  border-color: var(--theme-color) !important;
  outline: none;
}
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: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 button.search-submit {
  line-height: 44px;
  font-size: 14px;
  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: 19px 35px;
  margin-top: clamp(12px, 2vw, 20px);
  opacity: 1;
  border-radius: 6px;
  -ms-flex-align: center;
      align-items: center;
  color: var(--light-color);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-color: var(--light-color);
  margin: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 58px;
  padding: 14px 34px !important;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  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 {
    line-height: 52px;
  }
}
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:before, body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:after {
  content: "";
  position: absolute;
  top: 0;
  transition: all 250ms ease-in-out;
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:before {
  display: inline-block;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: var(--theme2-color);
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:after {
  width: 30px;
  height: 4px;
  background: var(--light-color);
  right: -15px;
  top: 20px;
}
@media only screen and (min-width: 768px) {
  body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:after {
    top: 24px;
  }
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:hover {
  color: var(--dark-color);
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:hover:before {
  width: 0;
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:hover:after {
  background: var(--theme2-color);
}
@media only screen and (max-width: 766px) {
  body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit {
    width: 100%;
    min-height: 54px;
    padding: 14px 24px !important;
  }
}
@media only screen and (max-width: 650px) {
  body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit {
    padding: 12px 24px !important;
  }
}
body.error404 .panel.main .row #post-404 .error_search form.search button.search-submit:hover {
  background: #002C4E !important;
  color: #FFFFFF !important;
}
body.error404 .panel.main .row #post-404 .error_actions {
  margin-top: 30px;
}
body.error404 .panel.main .row #post-404 .error_actions a {
  color: #002C4E;
  text-decoration: none;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 44, 78, 0.3);
  padding-bottom: 2px;
  transition: all 250ms ease-in-out;
}
body.error404 .panel.main .row #post-404 .error_actions a:hover {
  border-bottom-color: #002C4E;
}