@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";

@import "custom/breadcrumbs";
@import "custom/banner-style";

.solution-list{
  @include media-breakpoint-down(xs) {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .col-sm-6{
     @include media-breakpoint-down(xs) {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 13px !important;
     }
  }
  .single-box{
     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    &:hover {
    .fig img {
      transform: scale(1.08);
    }
  }
  .cnt {
     @include media-breakpoint-down(xs) {
      display: none;
     }
      p a{
        color: #606563;
      }
   }
  .fig{
    position: relative;
    overflow: hidden;  
    border: 7px solid $white;
    border-bottom: none;
    @include media-breakpoint-down(xs) {border: none;}
    img {
      transform: scale(1);
      width: 100%;
      height: auto !important;
      @include transition(all 2s cubic-bezier(0.165, 0.84, 0.44, 1));
    }
    h3 {
      position: absolute;
      bottom: 0; 
      left: 0;
      padding: 10px;
      color: $light;  
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 0;
      a{
        color: inherit;
      }
    }
  }
 }

}