:root {
  --black: #171717;
  --spacing: .25rem;

  --gray: #525252;
  --orange-500: #fe6e00;
  --orange-600: #f05100;
  --white: white;
  --border-color: #e5e5e5;
  --bg-gray-1: #fafafa;
  --radius: .625rem;
  --text-sm: .875rem;
  --text-7xl: 4.5rem;
  --text-5xl: 3rem;
  --text-4xl: 2.25rem;
  --text-xs: .75rem;
  --text-3xl: 1.875rem;
  --orange-200: #ffd7a8;
  --text-xl: 1.25rem;
  --text-lg: 1.125rem;
  --color: white;
  --text-2xl: 1.5rem;
  --orange-700: #c53c00;
  --radius-2xl: 1.5rem;
  --overlay-color-1: #fe6e0000;
  --overlay-color-2: #fe6e0008;
  --size: 0px;
  --bg-gray-2: #f5f5f5;
  --radius-1xl: 1rem;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --orange-500: lab(64.272% 57.1788 90.3583);
    --orange-600: lab(57.1026% 64.2584 89.8886);
    --border-color: lab(90.952% 0 -.0000119209);
    --bg-gray-1: lab(98.26% -.0000298023 0);
    --orange-200: lab(88.4871% 9.94918 28.8378);
    --orange-700: lab(46.4615% 57.7275 70.8507);
    --overlay-color-1: lab(64.272% 57.1788 90.3583 / 0);
    --overlay-color-2: lab(64.272% 57.1788 90.3583 / .03);
    --bg-gray-2: lab(96.52% -.0000298023 0);
  }
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  color: var(--black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  line-height: 1.3em;
}

.brand {
  height: -moz-fit-content;
  height: fit-content;
}

.navbar {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  object-fit: contain;
  background-color: #fffc;
  border-color: #e5e5e5 #e5e5e5 #000;
  border-color: lab(90.952% 0 -.0000119209) lab(90.952% 0 -.0000119209) #000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  top: 0;
}

.container {
  max-width: 80rem;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}

.container.container-navbar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container.container-contact {
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}

.logo {
  width: 125px;
  height: 38px;
}

.left-nav {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block {
  font-weight: 600;
}

.point {
  background-color: var(--orange-500);
  border-color: oklch(.922 0 0);
  width: calc(var(--spacing) * 1.5);
  height: calc(var(--spacing) * 1.5);
  border-radius: 3.40282e38px;
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.int-site {
  text-transform: uppercase;
  padding-top: calc(var(--spacing) * 1);
  padding-bottom: calc(var(--spacing) * 1);
  padding-left: calc(var(--spacing) * 3);
  padding-right: calc(var(--spacing) * 3);
  border: 1px solid #000;
  grid-column-gap: calc(var(--spacing) * 2);
  grid-row-gap: calc(var(--spacing) * 2);
  color: #737373;
  color: lab(48.496% 0 0);
  background-color: #f5f5f5;
  background-color: lab(96.52% -.0000298023 0);
  border-color: oklch(92.2% 0 0);
  border-radius: 3.40282e38px;
  justify-content: flex-start;
  align-items: center;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.2em;
  display: flex;
}

.nav-link {
  color: var(--gray);
  font-size: 1rem;
  line-height: 1em;
  transition: all .2s;
}

.nav-link:hover {
  color: var(--black);
}

.nav-link.w--current {
  color: var(--orange-500);
}

.button {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--orange-500);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--orange-500);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--orange-500);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--orange-500);
  background-color: var(--orange-600);
  color: var(--white);
  padding-top: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 8);
  padding-left: calc(var(--spacing) * 8);
  grid-column-gap: calc(var(--spacing) * 4);
  grid-row-gap: calc(var(--spacing) * 4);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.button:hover {
  background-color: var(--orange-500);
}

.button.button-small {
  background-color: var(--black);
  padding-top: calc(var(--spacing) * 2.5);
  padding-bottom: calc(var(--spacing) * 2.5);
  padding-left: calc(var(--spacing) * 5);
  padding-right: calc(var(--spacing) * 5);
  border: 1px solid #000;
  font-size: .875rem;
  line-height: 1em;
}

.button.button-small:hover {
  background-color: var(--gray);
}

.button.button-white {
  border-color: var(--border-color);
  background-color: var(--white);
  color: var(--black);
}

.button.button-white:hover {
  background-color: var(--bg-gray-1);
}

.button.block-center {
  grid-column-gap: calc(var(--spacing) * 4);
  grid-row-gap: calc(var(--spacing) * 4);
  justify-content: flex-start;
  align-items: center;
}

.button.button-contact {
  box-shadow: 0 2px 4px -2px #0003, 0 4px 6px -1px #0000001a;
}

.button.button-contact:hover {
  box-shadow: 0 10px 15px -3px #0003, 0 4px 6px -4px #0000001a;
}

.right-nav {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section {
  padding-top: calc(var(--spacing) * 32);
  padding-bottom: calc(var(--spacing) * 32);
  position: relative;
}

.section.section-banner {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  min-height: 850px;
  display: flex;
}

.section.section-approach {
  background-color: #f05100;
  background-color: lab(57.1026% 64.2584 89.8886);
}

.section.section-expertise.bg-grid {
  position: relative;
}

.section.section-training {
  background-color: #fe6e00;
  background-color: lab(64.272% 57.1788 90.3583);
}

.section.section-training.bg-grid {
  color: #fffc;
  text-align: center;
}

.section.section-team {
  background-color: var(--bg-gray-1);
}

.gradien-background-1 {
  display: block;
  position: absolute;
  inset: 0%;
}

.elem-square-abs-1 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
  border-radius: calc(var(--radius)  - 4px);
  right: 10%;
  top: calc(var(--spacing) * 64);
  background-color: #fe6e0066;
  position: absolute;
  box-shadow: 0 0 15px #0003;
}

.elem-square-abs-2 {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
  border-radius: calc(var(--radius)  - 4px);
  left: 8%;
  bottom: calc(var(--spacing) * 40);
  background-color: #fe6e0066;
  position: absolute;
  box-shadow: 0 0 15px #0003;
}

.elem-square-abs-3 {
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
  border-radius: calc(var(--radius)  - 4px);
  right: 25%;
  bottom: calc(var(--spacing) * 32);
  background-color: #fe6e0066;
  position: absolute;
  box-shadow: 0 0 15px #0003;
}

.elem-square-abs-4 {
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
  border-radius: calc(var(--radius)  - 4px);
  left: 15%;
  top: calc(var(--spacing) * 48);
  background-color: #fe6e0066;
  position: absolute;
  box-shadow: 0 0 15px #0003;
}

.columns {
  display: flex;
}

.columns.columns-banner {
  grid-column-gap: calc(var(--spacing) * 12);
  grid-row-gap: calc(var(--spacing) * 12);
  justify-content: flex-start;
  align-items: center;
}

.columns.columns-team {
  grid-column-gap: calc(var(--spacing) * 20);
  grid-row-gap: calc(var(--spacing) * 20);
}

.col-1-banner {
  grid-column-gap: calc(var(--spacing) * 8);
  grid-row-gap: calc(var(--spacing) * 8);
  flex-flow: column;
  flex: 0 58.33%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.int-banner {
  color: var(--orange-500);
  font-family: Pixelify Sans, sans-serif;
  font-size: var(--text-sm);
  padding-left: calc(calc(var(--spacing) * 2));
  padding-right: calc(var(--spacing) * 2);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 2);
  border: 1px solid #000;
  background-color: #fafafa;
  background-color: lab(98.26% -.0000298023 0);
  border-color: oklch(92.2% 0 0);
  border-radius: .25rem;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}

.pt40 {
  padding-top: 40px;
}

.pt40.ptflex {
  flex: 1;
}

.ttile-h1 {
  font-size: var(--text-7xl);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.1em;
}

.glitch-word {
  animation: 4s infinite slight-glitch;
}

.glitch-word.glitch-word-gray {
  color: #8c8c8c;
}

.gradient-word {
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.color-gray {
  color: var(--gray);
}

.items-banner {
  grid-column-gap: calc(var(--spacing) * 4);
  grid-row-gap: calc(var(--spacing) * 4);
  display: flex;
}

.item-banner {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color);
  background-color: var(--white);
  font-size: var(--text-xs);
  padding-top: calc(var(--spacing) * 4);
  padding-left: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 4);
  grid-column-gap: calc(var(--spacing) * 2);
  grid-row-gap: calc(var(--spacing) * 2);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.icon-banner {
  color: var(--orange-500);
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}

.gray {
  color: var(--gray);
}

.text-uppercase {
  text-transform: uppercase;
}

.small-text {
  font-size: var(--text-sm);
}

.small-text.text-block-2 {
  font-weight: 300;
}

.wrapper-button-banner {
  grid-column-gap: calc(var(--spacing) * 4);
  grid-row-gap: calc(var(--spacing) * 4);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.col-2-banner {
  flex: 1;
  position: relative;
}

.bg-banner-blur {
  filter: blur(64px);
  inset: 0%;
  background-color: #ff69001a;
  position: absolute;
  inset: 0;
}

.image {
  position: relative;
}

.int-approach {
  font-family: Pixelify Sans, sans-serif;
  font-size: var(--text-sm);
  padding-left: calc(calc(var(--spacing) * 2));
  padding-right: calc(var(--spacing) * 2);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 2);
  border: 1px solid #000;
  color: #fff7ed;
  color: lab(97.7008% 1.53735 5.90649);
  background-color: #c53c0080;
  background-color: lab(46.4615% 57.7275 70.8507 / .5);
  border-color: oklch(75% .183 55.934 / .5);
  border-radius: .25rem;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}

.title-h2 {
  font-size: var(--text-5xl);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2em;
}

.w70 {
  width: 70%;
}

.color-white {
  color: var(--white);
}

.orange-200 {
  color: var(--orange-200);
}

.pt20 {
  padding-top: 20px;
}

.pt20.ptflex {
  flex: 1;
}

.text-xl {
  font-size: var(--text-xl);
  line-height: 1.625em;
}

.wrapper-approach {
  grid-column-gap: calc(var(--spacing) * 6);
  grid-row-gap: calc(var(--spacing) * 6);
  margin-top: 60px;
  display: flex;
}

.item-approach {
  background-color: var(--color);
  border-radius: 20px;
  padding: 41px;
  font-weight: 300;
  transition: all .3s;
}

.item-approach:hover {
  transform: translate(0, -.25rem) !important;
}

.item-approach.text-xl {
  font-weight: 300;
  transition-duration: .2s;
  box-shadow: 0 8px 10px -6px #0003, 0 20px 25px -5px #0003;
}

.icon-approach {
  color: var(--orange-500);
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}

.title-h4 {
  font-size: var(--text-2xl);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2em;
}

.pt10 {
  padding-top: 10px;
}

.bg-icon-approach {
  background-color: #fff7ed;
  background-color: lab(97.7008% 1.53735 5.90649);
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
}

.int-expertise {
  color: var(--orange-500);
  font-family: Pixelify Sans, sans-serif;
  font-size: var(--text-sm);
  padding-left: calc(calc(var(--spacing) * 2));
  padding-right: calc(var(--spacing) * 2);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 2);
  border: 1px solid #000;
  background-color: #fff7ed;
  background-color: lab(97.7008% 1.53735 5.90649);
  border-color: oklch(90.1% .076 70.697);
  border-radius: .25rem;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}

.color-1 {
  color: var(--orange-500);
}

.w50 {
  width: 50%;
}

.color-0200 {
  color: var(--orange-200);
}

.wrapper-expertise {
  grid-column-gap: calc(var(--spacing) * 8);
  grid-row-gap: calc(var(--spacing) * 8);
  flex-flow: wrap;
  margin-top: 60px;
  display: flex;
}

.item-expertise {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color);
  background-color: var(--bg-gray-1);
  padding-top: calc(var(--spacing) * 12);
  padding-right: calc(var(--spacing) * 12);
  padding-bottom: calc(var(--spacing) * 12);
  padding-left: calc(var(--spacing) * 12);
  flex-flow: column;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc(50% - (calc(var(--spacing) * 12) / 2));
  border-radius: 1.5rem;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
}

.item-expertise:hover {
  border-color: var(--orange-200);
}

.bg-icon-expertise {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color);
  background-color: var(--color);
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}

.icon-expertise {
  color: var(--gray);
  width: calc(var(--spacing) * 10);
  height: calc(var(--spacing) * 10);
}

.icon-expertise.glitch-icon {
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.title-h3 {
  font-size: var(--text-3xl);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2em;
}

.glitch-icon {
  display: inline-block;
}

.elem-square-abs-5 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
  border-radius: calc(var(--radius)  - 4px);
  left: 20%;
  bottom: calc(var(--spacing) * 20);
  background-color: #fe6e0066;
  position: absolute;
  box-shadow: 0 0 15px #f9731666;
}

.subtitle {
  font-family: Pixelify Sans, sans-serif;
  font-size: var(--text-2xl);
}

.block-center {
  margin-left: auto;
  margin-right: auto;
}

.wrapper-training {
  grid-column-gap: calc(var(--spacing) * 8);
  grid-row-gap: calc(var(--spacing) * 8);
  margin-top: 60px;
  display: flex;
}

.item-training {
  background-color: var(--color);
  color: var(--black);
  text-align: left;
  padding-top: calc(var(--spacing) * 10);
  padding-right: calc(var(--spacing) * 10);
  padding-bottom: calc(var(--spacing) * 10);
  padding-left: calc(var(--spacing) * 10);
  border-radius: 1.5rem;
  flex-flow: column;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.item-training.item-shadow {
  box-shadow: 0 8px 10px -6px #0003;
}

.bg-icon-training {
  width: calc(var(--spacing) * 48);
  height: calc(var(--spacing) * 48);
  background-color: #fff7ed;
  background-color: lab(97.7008% 1.53735 5.90649);
  border: 1px solid #ffd7a8;
  border: 1px solid lab(88.4871% 9.94918 28.8378);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.bg-icon-training.block-center {
  transition: opacity .2s;
}

.icon-training.glitch-icon {
  color: var(--orange-600);
  width: calc(var(--spacing) * 24);
  height: calc(var(--spacing) * 24);
}

.elem-square-abs-6 {
  background-color: var(--orange-700);
  opacity: .3;
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
  border-radius: calc(var(--radius)  - 4px);
  left: 10%;
  top: calc(var(--spacing) * 32);
  position: absolute;
  box-shadow: 0 0 15px #0003;
}

.elem-square-abs-7 {
  background-color: var(--orange-700);
  opacity: .7;
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
  border-radius: calc(var(--radius)  - 4px);
  right: 15%;
  bottom: calc(var(--spacing) * 48);
  position: absolute;
  box-shadow: 0 0 15px #0003;
}

.elem-square-abs-8 {
  background-color: var(--orange-700);
  opacity: .3;
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
  border-radius: calc(var(--radius)  - 4px);
  left: 20%;
  bottom: calc(var(--spacing) * 20);
  position: absolute;
  box-shadow: 0 0 15px #f9731666;
}

.col-1-contact {
  flex: 0 50%;
  max-width: 50%;
}

.items-contact {
  grid-column-gap: calc(var(--spacing) * 4);
  grid-row-gap: calc(var(--spacing) * 4);
  flex-flow: wrap;
  margin-top: 60px;
  display: flex;
}

.item-contact {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color);
  background-color: var(--white);
  font-size: var(--text-sm);
  letter-spacing: .05px;
  padding-top: calc(var(--spacing) * 2);
  padding-left: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 2);
  grid-column-gap: calc(var(--spacing) * 2);
  grid-row-gap: calc(var(--spacing) * 2);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 1px 2px -1px #0003, 0 1px 3px #0000001a;
}

.text-block-2 {
  letter-spacing: .05rem;
}

.col-2-team {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color);
  padding-left: calc(var(--spacing) * 20);
  max-width: 50%;
}

.wrapper-image-contact {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color);
  height: calc(var(--spacing) * 72);
  border-radius: 1rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.wrapper-image-contact.item-shadow {
  box-shadow: 0 8px 10px -6px #0003;
}

.image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.block-image-city {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  background-color: var(--bg-gray-1);
  font-size: var(--text-sm);
  padding-top: calc(var(--spacing) * 1.5);
  padding-bottom: calc(var(--spacing) * 1.5);
  padding-left: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 4);
  bottom: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 4);
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
}

.wrapper-contact {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color);
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
  border-bottom-left-radius: var(--radius-2xl);
  border-bottom-right-radius: var(--radius-2xl);
  background-color: var(--white);
  text-align: center;
  padding-top: calc(var(--spacing) * 20);
  padding-right: calc(var(--spacing) * 20);
  padding-bottom: calc(var(--spacing) * 20);
  padding-left: calc(var(--spacing) * 20);
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 10px -6px #0000001a, 0 20px 25px -5px #0003;
}

.overlay {
  filter: blur(24px);
  pointer-events: none;
  inset: 0%;
  background-color: #fe6e000d;
  background-color: lab(64.272% 57.1788 90.3583 / .05);
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  position: absolute;
  inset: 0;
}

.icon-contact {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
  justify-content: center;
  align-items: center;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
}

.elem-square-abs-9 {
  opacity: .3;
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
  border-radius: calc(var(--radius)  - 4px);
  left: 15%;
  top: calc(var(--spacing) * 24);
  background-color: #fe6e00;
  background-color: lab(64.272% 57.1788 90.3583);
  position: absolute;
  box-shadow: 0 0 15px #f9731666;
}

.elem-square-abs-10 {
  opacity: .3;
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
  border-radius: calc(var(--radius)  - 4px);
  left: 10%;
  bottom: calc(var(--spacing) * 10);
  background-color: #fe6e00;
  background-color: lab(64.272% 57.1788 90.3583);
  position: absolute;
  box-shadow: 0 0 15px #f9731666;
}

.footer.bg-grid {
  border-top: 1px solid var(--border-color);
}

.wrapper-footer {
  padding-top: calc(var(--spacing) * 10);
  padding-left: calc(var(--spacing) * 6);
  padding-right: calc(var(--spacing) * 6);
  padding-bottom: calc(var(--spacing) * 32);
  width: 100%;
}

.col-1-footer {
  grid-column-gap: calc(var(--spacing) * 3);
  grid-row-gap: calc(var(--spacing) * 3);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-bold {
  font-weight: 700;
}

.elem-square-abs-11 {
  opacity: .3;
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
  border-radius: calc(var(--radius)  - 4px);
  right: 15%;
  top: calc(var(--spacing) * 4);
  background-color: #fe6e00;
  background-color: lab(64.272% 57.1788 90.3583);
  position: absolute;
  box-shadow: 0 0 15px #f9731666;
}

.overlay-expertise {
  background-image: linear-gradient(135deg, var(--overlay-color-1), var(--overlay-color-2));
  opacity: 0;
  pointer-events: none;
  inset: 0%;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  display: block;
  position: absolute;
  inset: 0;
}

.icon-contact-letter {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-lg {
  font-size: var(--text-lg);
  line-height: 1.625em;
}

.text-lg.text-bold {
  font-weight: 500;
}

.pt60 {
  padding-top: 60px;
}

.wrapper-list-team {
  grid-column-gap: calc(var(--spacing) * 3);
  grid-row-gap: calc(var(--spacing) * 3);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.line-list-team {
  grid-column-gap: calc(var(--spacing) * 4);
  grid-row-gap: calc(var(--spacing) * 4);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-team {
  color: var(--orange-500);
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}

.item-shadow {
  box-shadow: 0 8px 10px -6px #0003, 0 20px 25px -5px #0003;
}

.item-shadow:hover {
  transform: translate(0, -.25rem) !important;
}

.item-shadow.text-xl {
  font-weight: 300;
  transition-duration: .2s;
  box-shadow: 0 8px 10px -6px #0003, 0 20px 25px -5px #0003;
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: calc(var(--spacing) * 6);
    padding-right: calc(var(--spacing) * 6);
    max-width: 80rem;
  }

  .int-site {
    width: -moz-fit-content;
    width: fit-content;
  }

  .section.section-banner.bg-grid {
    height: auto;
  }

  .columns.columns-banner {
    grid-column-gap: calc(var(--spacing) * 12);
    grid-row-gap: calc(var(--spacing) * 12);
    flex-flow: wrap;
  }

  .columns.columns-team {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .col-1-banner {
    flex-basis: 100%;
  }

  .ttile-h1 {
    font-size: var(--text-7xl);
  }

  .col-2-banner {
    flex: 0 100%;
  }

  .w70 {
    width: 100%;
  }

  .item-approach {
    padding: 25px;
  }

  .w50 {
    width: 100%;
  }

  .item-expertise {
    padding-left: calc(var(--spacing) * 8);
    padding-right: calc(var(--spacing) * 8);
  }

  .item-training {
    padding-left: calc(var(--spacing) * 6);
    padding-right: calc(var(--spacing) * 6);
  }

  .bg-icon-training {
    width: calc(var(--spacing) * 38);
    height: calc(var(--spacing) * 38);
  }

  .bg-icon-training.block-center {
    width: 100%;
  }

  .col-1-contact {
    flex: 0 100%;
    max-width: 100%;
  }

  .col-2-team {
    flex: 0 100%;
    max-width: 100%;
    padding-left: 0;
  }

  .wrapper-footer {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .nav-menu {
    display: none;
  }

  .item-shadow {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .ttile-h1 {
    font-size: var(--text-5xl);
  }

  .item-banner {
    grid-column-gap: calc(var(--spacing) * 2);
    grid-row-gap: calc(var(--spacing) * 2);
  }

  .title-h2 {
    font-size: var(--text-4xl);
  }

  .text-xl {
    font-size: var(--text-lg);
  }

  .wrapper-approach {
    flex-flow: wrap;
  }

  .title-h4 {
    font-size: var(--text-xl);
  }

  .item-expertise {
    flex: 0 100%;
  }

  .title-h3 {
    font-size: var(--text-2xl);
  }

  .wrapper-training {
    flex-flow: wrap;
  }

  .item-training {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bg-icon-training.block-center {
    height: calc(var(--spacing) * 38);
    width: calc(var(--spacing) * 38);
    margin-left: 0;
  }

  .col-2-team {
    border-left-style: none;
  }

  .wrapper-contact {
    padding-left: calc(var(--spacing) * 10);
    padding-right: calc(var(--spacing) * 10);
    padding-top: calc(var(--spacing) * 10);
    padding-bottom: calc(var(--spacing) * 10);
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    min-width: 71px;
    min-height: 38px;
  }

  .container {
    padding-left: calc(var(--spacing) * 4);
    padding-right: calc(var(--spacing) * 4);
  }

  .logo {
    object-fit: contain;
  }

  .text-block, .int-site {
    display: none;
  }

  .button {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .div-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section {
    padding-top: calc(var(--spacing) * 22);
    padding-bottom: calc(var(--spacing) * 22);
  }

  .section.section-banner {
    padding-top: calc(var(--spacing) * 32);
    height: auto;
  }

  .section.section-training.bg-grid {
    text-align: left;
  }

  .int-banner {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
  }

  .ttile-h1 {
    font-size: var(--text-4xl);
  }

  .items-banner {
    flex-flow: wrap;
  }

  .item-banner {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(50% - (calc(var(--spacing) * 2)));
    min-width: auto;
  }

  .wrapper-button-banner {
    flex-flow: column;
    align-items: stretch;
  }

  .title-h2 {
    font-size: var(--text-3xl);
  }

  .text-xl {
    font-size: 18px;
  }

  .wrapper-contact {
    padding-left: calc(var(--spacing) * 5);
    padding-right: calc(var(--spacing) * 5);
  }

  .icon-contact-letter {
    display: none;
  }

  .text-lg {
    font-size: 16px;
  }
}


