.highlight-blog{
  .hb-list{
    width: calc(100% - 120px);
    margin: 0 auto;
  }
  .hb-item{
    margin: 1px;
    .hb-img{
      overflow: hidden;
      img{
        display: block;
        width: 100%;
        transition: all ease .3s;
      }
    }
    .hb-info{
      position: relative;
      width: 100%;
      padding: 15px 15px 15px 0;
      border-top: 5px solid #3b3131;
      .hb-title{
        margin-bottom: 20px;
        color: $color-main;
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
        text-transform: uppercase;
        transition: all ease .3s;
      }
    }
    &:hover{
      .hb-img{
        img{
          transform: scale(1.2);
        }
      }
      .hb-info{
        .hb-title{
          color: $color-sec;
        }
      }
    }
  }
  @media(max-width: $width-mobile){
    .hb-list{
      width: calc(100% - 30px);
    }
    .hb-item{
      .hb-info{
        margin-bottom: 10px;
      }
    }
    .owl-carousel{
      .owl-dots{
        display: flex;
        justify-content: center;
        .owl-dot{
          padding: 0 5px;
          span{
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: $color-main;
          }
          &.active{
            span{
              background: $color-sec;
            }
          }
        }
      }
    }
  }
}