/* Abou Us Page */
.top-layout {
  align-items: center;
  position: relative; }
  .top-layout:before {
    content: "";
    background: #F7F7F7;
    position: absolute;
    width: 100vw;
    height: 420px;
    z-index: -1;
    left: 200px;
    top: -140px; }

.top-image {
  justify-self: flex-end; }

.top-description {
  margin-left: 210px; }
  .top-description .v-layout-1-2 {
    grid-column-gap: 70px; }

.top-description-text {
  max-width: 730px; }

.v-inl-block {
  display: inline-block;
  max-width: 660px;
  vertical-align: top; }
  .v-inl-block span {
    display: block; }

.about-us-video {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative; }
  .about-us-video:before {
    content: "";
    background: #F7F7F7;
    position: absolute;
    width: 100vw;
    height: 550px;
    z-index: -1;
    left: 600px;
    top: 20px; }
  .about-us-video .v-text {
    text-align: left;
    display: inline-block;
    margin-left: 60px; }

.video-wrapper {
  position: relative; }

.video-play {
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .video-play:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #000;
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translate(-50%, -50%); }

.work-with-us {
  max-width: 720px; }
  .work-with-us h3 {
    display: inline-block;
    margin-right: 7px; }

.work-with-us-list {
  display: flex;
  justify-content: space-between; }
  .work-with-us-list p {
    max-width: 150px; }

.btn-learn {
  display: flex;
  align-items: center; }

.img-full-width {
  width: 100%; }

.profitable-sessions .v-layout-2-3 {
  grid-column-gap: 90px; }
  .profitable-sessions .v-layout-2-3 p {
    max-width: 550px; }

.profitable-sessions .v-layout-1-3 {
  justify-content: space-between; }
  .profitable-sessions .v-layout-1-3 a {
    grid-column: 3; }

.profit-able-description-list {
  grid-column: span 2;
  grid-row-gap: 60px;
  grid-column-gap: 30px; }
  .profit-able-description-list > li {
    position: relative;
    padding-top: 50px;
    max-width: 250px; }
    .profit-able-description-list > li:before {
      content: "";
      width: 30px;
      height: 30px;
      background: #E6CCC0;
      position: absolute;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: bold; }
    .profit-able-description-list > li:nth-child(1):before {
      content: "1"; }
    .profit-able-description-list > li:nth-child(2):before {
      content: "2"; }
    .profit-able-description-list > li:nth-child(3):before {
      content: "3"; }
    .profit-able-description-list > li:nth-child(4):before {
      content: "4"; }

.quote-container {
  display: flex; }
  .quote-container p {
    max-width: 750px; }

.expert-list {
  justify-content: space-between;
  grid-column-gap: 20px; }
  .expert-list img {
    width: 100%; }

.nav-controls {
  display: flex; }
  .nav-controls a {
    width: 50px;
    height: 50px;
    background: rgba(53, 215, 176, 0.1);
    display: flex;
    justify-content: center;
    align-items: center; }
    .nav-controls a:last-child {
      margin-left: 10px; }
    .nav-controls a:first-child {
      transform: scale(-1); }

.clients-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */ }
  .clients-list > li {
    flex-basis: calc((100px - 60px) / 5);
    margin-right: 15px; }
  .clients-list::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0; }

.do-plan {
  grid-column-gap: 90px; }
  .do-plan .do-plan-description {
    justify-self: end; }

.profit-able-forbes {
  margin-top: 200px; }
  .profit-able-forbes .profit-able-forbes-text-wrapper {
    position: relative; }
    .profit-able-forbes .profit-able-forbes-text-wrapper:before {
      content: "";
      background: url("../images/graphic-100.svg") no-repeat;
      background-size: contain;
      position: absolute;
      left: 400px;
      top: -100px; }
    .profit-able-forbes .profit-able-forbes-text-wrapper .v-subtitle {
      color: rgba(0, 0, 0, 0.3); }
    .profit-able-forbes .profit-able-forbes-text-wrapper + p {
      grid-row: 2;
      grid-column: span 2; }
  .profit-able-forbes svg {
    transform: translate(-170px, -50px) scale(0.9); }

.forbes-description {
  margin-left: 270px;
  max-width: 900px;
  margin: 260px auto 0;
  position: relative; }
  .forbes-description h2 {
    max-width: 370px; }
  .forbes-description p {
    max-width: 470px; }
  .forbes-description img {
    position: absolute;
    top: -120px;
    left: 350px;
    z-index: -1; }

.profit-able-forbes-list > ul {
  grid-gap: 20px;
  align-items: center; }

.profit-able-forbes-list h4 {
  position: relative; }
  .profit-able-forbes-list h4:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #E6CCC0;
    transform: translatex(-50%) rotate(45deg);
    top: -40px;
    left: 50%; }

.profit-able-forbes-list .forbes-list-bubble {
  background: #F8F0EC;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: top;
  justify-content: flex-start;
  text-align: center;
  height: 380px;
  padding: 80px 20px 0; }
  .profit-able-forbes-list .forbes-list-bubble li:not(last-child) {
    margin-bottom: 10px; }
  .profit-able-forbes-list .forbes-list-bubble:nth-child(2) {
    background: rgba(53, 215, 176, 0.2); }
    .profit-able-forbes-list .forbes-list-bubble:nth-child(2) h4:before {
      background: #35D7B0; }
  .profit-able-forbes-list .forbes-list-bubble:nth-child(3) {
    background: rgba(54, 40, 239, 0.2); }
    .profit-able-forbes-list .forbes-list-bubble:nth-child(3) h4:before {
      background: #3628EF; }

.profit-able-forbes-list .forbes-tags {
  display: flex;
  max-width: 1000px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto; }
  .profit-able-forbes-list .forbes-tags li {
    background: rgba(230, 204, 192, 0.3);
    padding: 12px;
    margin: 0 10px 20px 10px;
    border-radius: 10px;
    white-space: nowrap; }

.us-different {
  grid-column-gap: 60px;
  margin: 90px auto;
  max-width: 800px; }
  .us-different .us-different-description {
    max-width: 400px; }
  .us-different img {
    width: 100%; }

.our-team {
  max-width: 1000px;
  margin: 80px auto; }
  .our-team .team-list {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    margin: 80px auto; }
    .our-team .team-list li {
      text-align: center; }

.get-started,
.parameters-section {
  max-width: 1000px;
  margin: 80px auto; }

.get-solutions-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative; }
  .get-solutions-wrapper:before {
    content: "";
    background: #F7F7F7;
    position: absolute;
    width: 920px;
    height: 330px;
    z-index: -1;
    left: 0px;
    top: 75px; }
  .get-solutions-wrapper > div {
    margin-top: 265px;
    margin-left: 40px; }
  .get-solutions-wrapper img {
    max-width: 550px;
    margin-top: 165px; }

.parameters-list {
  grid-gap: 50px 20px; }
  .parameters-list img {
    background: #C4C4C4;
    width: 100%;
    max-height: 210px;
    object-fit: cover; }

.video-with-text {
  display: flex;
  align-items: center; }

.work-demo-slider {
  position: relative;
  height: 700px; }
  .work-demo-slider > a {
    width: 50px;
    height: 50px;
    background: rgba(54, 40, 239, 0.1);
    position: absolute;
    bottom: -30px; }
    .work-demo-slider > a + a {
      left: 60px; }
    .work-demo-slider > a > svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .work-demo-slider > a:first-child {
      transform: scale(-1); }
  .work-demo-slider .rslides_nav {
    font-size: 0; }

/* Slider styles */
.slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.slider > li {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 100%;
  float: none !important;
  position: absolute !important; }

.slider > li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain; }

.team-modal {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: none; }
  .team-modal.active {
    display: block; }
  .team-modal .team-modal-inner {
    background: #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 110px 40px 40px;
    max-width: 500px;
    width: 100%;
    border-radius: 6px;
    text-align: center;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); }
    .team-modal .team-modal-inner img {
      position: absolute;
      top: -150px;
      left: 50%;
      transform: translatex(-50%); }
    .team-modal .team-modal-inner p {
      text-align: left;
      font-size: 14px;
      padding-top: 20px;
      position: relative; }
      .team-modal .team-modal-inner p:before {
        content: "";
        height: 1px;
        background: rgba(0, 0, 0, 0.2);
        left: -40px;
        right: -40px;
        position: absolute;
        top: 0; }
    .team-modal .team-modal-inner svg {
      position: absolute;
      top: 30px;
      right: 30px; }
