.home {
  .section-title {
    font-size: 2.5rem;
    margin-bottom: 20px;
    line-height: 3rem;
  }

  .home-intro {
    background-image: url('https://logikom.b-cdn.net/projects/logikom_com/images/logikom_homepage_background.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    /*aspect-ratio: 16 / 9;*/
    height: 1100px;
    position: relative;

    .clutch-widget-container {
      position: relative;
      top: 290px;
      left: 100px;
      display: inline-block;

      .clutch-widget-card {
        background-color: white;
        border-radius: 10px;
        padding: 10px;
      }

      iframe {
        width: 282px;
        height: 340px;
      }
    }

    #home-partners {
      position: absolute;
      transform: translate(0, 50%);
      width: 100%;
      bottom: 0;

      .partner-card {
        width: 220px;
        height: 84px;
        background-color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        box-shadow: 0 0 10px 0 rgba(56, 56, 56, .12);

        img {
          position: relative;
          max-height: 64px;
          
          &:hover, &:focus {
            animation-name: elementor-animation-bob-float, elementor-animation-bob;
            animation-duration: .3s, 1.5s;
            animation-delay: 0s, .3s;
            animation-timing-function: ease-out, ease-in-out;
            animation-iteration-count: 1, infinite;
            animation-fill-mode: forwards;
            animation-direction: normal, alternate;
          }
        }
      }
    }
  }

  .quienes-somos {

    .side-image-container {
      position: relative;
      background-image: url('https://logikom.b-cdn.net/projects/logikom_com/images/multi-ethnic-engineer-coding-html-script-information-on-programming-computer-at-desk.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      height: calc(100% - 70px);

      .side-image-cover {
        display: flex;
        bottom: -50px;
        position: absolute;
        height: 260px;
        width: 100%;

        .side-image-cover-shape-col {
          width: 50px;
          position: relative;
          margin-left: 15px;

          .side-image-cover-shape {
            position: absolute;
            background-image: linear-gradient(225deg, var(--color-red-one) 50%, #FFFFFF00 0);
            bottom: 0;
            right: 0;
            width: 50px;
            height: 50px;
          }
        }

        .side-image-cover-rectangle {
          background-color: var(--color-red-one);
          /* background-color: rgba(var(--color-red-one-rgb), .5); */
          width: calc(100% - 80px);
          padding: 20px;
          color: white;
        }
      }
    }
  }
}

@keyframes elementor-animation-bob {
  0% {
    transform: translateY(-8px)
  }

  50% {
    transform: translateY(-4px)
  }

  100% {
    transform: translateY(-8px)
  }
}

@keyframes elementor-animation-bob-float {
  100% {
    transform: translateY(-8px)
  }
}