@import "../../../styles/mixins";
@import "../../../styles/variables";

.homeTechnologyAndInnovations {
  color: $black;

  h1 {
    @include h1;
    margin: $hl-9 0
  }

  h4 {
    @include h4;
    color: $font-color-6;
  }

  .h5 {
    @include h5;
    color: $font-color-8;
    margin: 0 auto;
    max-width: 600px;
  }

  .title {
    text-align: center;
    padding-bottom: $hl-4;
  }

  .item {
    .h3 {
      color: $black;
      text-align: left;
      line-height: 1.75;
      @include h3;
    }

    .customCard {
      border-radius: $radius;
      box-shadow: $shadow-normal;
      overflow: hidden;
      height: 100%;
    }
    .image {
      padding-top: 38.5%;

      img {
        object-fit: cover;
      }
    }
    .cardContent {
      padding: 1.5rem 2rem 2rem;
    }
    .content {
      line-height: 1.75;
      color: $font-color-6;
      margin-top: 0.625rem;
      min-height: 3.5rem;
      text-align: left;
      @include multi-line-ellipsis();
    }
  }
}

.inner {
  display: block;

  .imgContent {
    border-radius: $radius $radius 0 0;
  }

  .innerContent {
    padding: $hl-8 $hl-7 $hl-7 $hl-7;
  }

  h5 {
    opacity: 0.6;
    margin-top: $hl-9;
  }
}