/** ////////////////////////////////// */
/** /////////////! WHO ////////////// */
/** ///////////////////////////////// */
.who .globe-model .img {
  background-image: url(/static/images/incs/board-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 80vh;
  -webkit-animation: leaves-who 9s ease-in-out;
  animation: leaves-who 9s ease-in-out;
}
@-webkit-keyframes leaves-who {
  10% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  10% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes leaves-who {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  10% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/** ////////////////////////////////// */
/** ///////// Intro Section ///////// */
/** ///////////////////////////////// */
.who.about.intro-section {
  margin: 55px 0;
}
.who.about.intro-section.first {
  margin: -55px 0 0;
}
.who.about.intro-section .row {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 8pt;
  background: #1f232c66;
  padding: 1em 2em;
}
.who .text-box .content .title {
  font-size: clamp(var(--title-min-h), 7.5vw, 6.4em);
}
.who.intro-section .small-title {
  font-size: 16px;
  color: rgb(115, 168, 255);
  margin-bottom: 15px;
  text-align: left;
}
.who.intro-section .description {
  text-align: left;
  padding: 0;
}
.who.about.intro-section:not(.first) .description {
  margin-bottom: 30px;
}
.who.about.intro-section:not(.first) .description:nth-child(3) {
  margin: 0;
}
/** ////////////////////////////////// */
/** /////////// Clients ///////////// */
/** ///////////////////////////////// */
.who.s-clients {
  margin: 8em 0;
}
.who.s-clients .col {
  width: 100%;
}
.who.s-clients .big-title {
  font-size: clamp(2.5em, 7vw, 4.5em);
  width: 56%;
  font-weight: 600;
  text-align: left;
}
.who.s-clients .clients-grid {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
  grid-template-columns: repeat(5, 1fr);
  -ms-grid-rows: 1fr 0px 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-left: 1px solid hsl(220deg 15% 20%);
}
.who.s-clients .clients-grid .client {
  position: relative;
  padding: 2em;
}
.who.s-clients .clients-grid .client::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/static/images/incs/grid.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.who.s-clients .clients-grid .client .logo {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: auto;
  height: 120px;
}
.who.who.s-clients .n1 .logo {
  background-image: var(--cl-4);
}
.who.who.s-clients .n2 .logo {
  background-image: var(--cl-3);
}
.who.who.s-clients .n3 .logo {
  background-image: var(--cl-2);
}
.who.who.s-clients .n4 .logo {
  background-image: var(--cl-6);
}
.who.who.s-clients .n5 .logo {
  background-image: var(--cl-1);
}
.who.who.s-clients .n6 .logo {
  background-image: var(--cl-5);
}
.who.who.s-clients .n7 .logo {
  background-image: var(--cl-7);
}
.who.who.s-clients .n8 .logo {
  background-image: var(--cl-8);
}
.who.who.s-clients .n9 .logo {
  background-image: var(--cl-9);
}
.who.who.s-clients .n10 .logo {
  background-image: var(--cl-10);
}
.who.who.s-clients .n11 .logo {
  background-image: var(--cl-11);
}
.who.who.s-clients .n12 .logo {
  background-image: var(--cl-12);
}
.who.who.s-clients .n13 .logo {
  background-image: var(--cl-13);
}
.who.who.s-clients .n14 .logo {
  background-image: var(--cl-14);
}
.who.who.s-clients .n15 .logo {
  background-image: var(--cl-15);
}
.who.who.s-clients .n16 .logo {
  background-image: var(--cl-16);
}
.who.who.s-clients .n17 .logo {
  background-image: var(--cl-17);
}
.who.who.s-clients .n18 .logo {
  background-image: var(--cl-18);
}
.who.who.s-clients .n19 .logo {
  background-image: var(--cl-19);
}
.who.who.s-clients .n20 .logo {
  background-image: var(--cl-20);
}
.who.who.s-clients .n21 .logo {
  background-image: var(--cl-21);
}
.who.who.s-clients .n22 .logo {
  background-image: var(--cl-22);
}
.who.who.s-clients .n23 .logo {
  background-image: var(--cl-23);
}
.who.who.s-clients .n24 .logo {
  background-image: var(--cl-24);
}
.who.who.s-clients .n25 .logo {
  background-image: var(--cl-25);
}
.who.who.s-clients .n26 .logo {
  background-image: var(--cl-26);
}

/** ////////////////////////////////// */
/** ////////////// Team ///////////// */
/** ///////////////////////////////// */
.who.s-clients.team {
  margin: 15em 0 10em;
}
.who.s-clients .team-grid {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0px 1fr 0px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr 0px 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.who.s-clients .team-grid .item {
  position: relative;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  /* Temp */
  background: #18191e;
}
.who.s-clients .team-grid .item:hover {
  -webkit-box-shadow: 0 0 100px 0px #0d0e11;
  box-shadow: 0 0 100px 0px #0d0e11;
  z-index: 22;
}
.who.s-clients .team-grid .item:hover::before {
  -webkit-box-shadow: 0 0 100px 0px #0d0e11;
  box-shadow: 0 0 100px 0px #0d0e11;
  z-index: 22;
}
.who.s-clients .team-grid .item .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  width: 100%;
}
.who.who.s-clients .n1 .image {
  background-image: url("");
}

@-webkit-keyframes leaves {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }

  2% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes leaves {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }

  2% {
    -webkit-transform: scale(2);
    transform: scale(2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/** ////////////////////////////////// */
/** ///////////// Footer //////////// */
/** ///////////////////////////////// */
.who .app-footer {
  background-color: #15161b;
}