/*
 * Current Theme Style
 * -----------------------------------------------
*/

// Feature Current Style1
.feature-current-item-style1 {
  .tm-feature {
    position: relative;
    .thumb {
      position: relative;
      overflow: hidden;
      img {
        @include transition(all .5s);
        @media (max-width:1399px) {
          width: 100%;
        }
      }
    }
    .item-overlay {
      background: rgba(0, 44, 91, 0.92);
      bottom: 0;
      height: auto;
      right: 50%;
      position: absolute;
      padding: 40px 40px;
      width: calc(100% - 40px);
      @include translate(50%, 0px);
      @include transition(all .5s);
      @include media-breakpoint-down(md) {
        padding: 30px;
      }
    }
    .content {
      align-items: center;
      display: flex;
      .feature-title {
        color: $white;
        margin-top: 0;
        margin-bottom: 0;
      }
    }
    &:hover {
      .thumb {
        img {
          @include scale(1.1);
        }
      }
      .item-overlay {
      }
    }
  }
}
// Feature Current Style2
.feature-current-item-style2 {
  padding: 38px 40px;
  @include transition(all .3s);
  .number-box {
    display: table-cell;
    vertical-align: middle;
    padding-right: 22px;
    .number {
      color: #fff;
      font-size: 14px;
      height: 40px;
      width: 40px;
      margin-bottom: 0;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      background-color: #fc6a20;
    }
  }
  .content {
    display: table-cell;
  }
  &:hover {
    background: #F0F3F5;
  }
}


.line-shape-bottom-center {
  position: relative;
  &:after {
    background-image: url(../images/current-theme/title-shape-line.png);
    background-repeat: no-repeat;
    bottom: -15px;
    content: "";
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 151px;
  }
}

.why-chose-us {
  position: relative;
  &:before {
    background-image: url(../images/current-theme/divider-bg3.jpg);
    bottom: 115px;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 40%;
    @media (max-width: $ele-breakpoint-tablet-max) {
      opacity: 0;
    }
  }
}