.azela-index-pro{background: #f8f8f8;padding:90px 0;}

.azela-index-pro .tit{text-align:center;}
.azela-index-pro .tit h3{color:#000;font-size:46px;font-weight:700;line-height:1;}
.azela-index-pro .tit h1{color:#000;font-size:46px;font-weight:700;line-height:1;}
.azela-index-pro .tabs{margin-top:45px;}
.azela-index-pro .tabs ul{font-size:0;text-align:center;}
.azela-index-pro .tabs ul li{border-radius:5px;cursor:pointer;display:inline-block;font-weight:500;margin:0 5px 10px;padding:10px 20px;position:relative;transition:0.5s;border:1px solid #f3eaea;font-family:var(--title-font-family);font-size:17px;}
.azela-index-pro .tabs ul li.active, .azela-index-pro .tabs ul li:hover{border-color:var(--color-primary);background:var(--color-primary);color:var(--bg-color);}

.azela-index-pro .content{margin:30px 0 0;}
.azela-index-pro .item{display:none;}
.azela-index-pro .item.ative{display:block;}
.azela-index-pro .item ul{display:flex;flex-wrap:wrap;margin:0 -15px;}
.azela-index-pro .item ul li{width:33.3333333%;padding:15px;}
.azela-index-pro .item ul li > a{display:block;position:relative;overflow:hidden;}
.azela-index-pro .item ul li .txt{position:absolute;padding:0 15px;background:rgba(0,0,0,0.3);text-align:center;transition:0.5s;right:0;top:0;bottom:0;left:0;opacity:0;z-index:9;display:flex;justify-content:center;align-items:center;}
.azela-index-pro .item ul li .txt h5{font-size:20px;font-weight:700;text-transform:capitalize;transition:0.5s;color:var(--bg-color);transform:translateY(10px);transition:transform .5s;opacity:0;}
.azela-index-pro .item ul li .txt h2{font-size:20px;font-weight:700;text-transform:capitalize;transition:0.5s;color:var(--bg-color);transform:translateY(10px);transition:transform .5s;opacity:0;}

.azela-index-pro .item ul li:hover .txt{opacity:1;transform:scale(1, 1);}
.azela-index-pro .item ul li:hover .txt h5{opacity:1;transform:translateY(0);}
.azela-index-pro .item ul li:hover .txt h2{opacity:1;transform:translateY(0);}


@media screen and (max-width:480px){
  .azela-index-pro{
    padding: 10px 0 !important;
  }
  .azela-index-pro .tit h1{
    font-size: 22px !important;
  }
  .azela-index-pro .item ul li .txt h2{
    font-size: 10px;
  }
}