.ad-ban{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(../images/app-detail/food/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban2{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(../images/app-detail/e-com/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban3{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(../images/app-detail/event/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban4{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(../images/app-detail/stock/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}


.ad-ban5{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), linear-gradient(to right, rgb(0, 0, 0, 0.8), rgb(0, 0, 0, 0.8)), url(../images/app-detail/booking/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban6{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), linear-gradient(to right, rgb(0, 0, 0, 0.8), rgb(0, 0, 0, 0.8)), url(../images/app-detail/spot/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban7{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.8), rgb(0, 0, 0, 0.8)), url(../images/app-detail/social/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban8{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.8), rgb(0, 0, 0, 0.8)), url(../images/app-detail/home/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban9{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.8), rgb(0, 0, 0, 0.8)), url(../images/app-detail/medi/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban10{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.8), rgb(0, 0, 0, 0.8)), url(../images/app-detail/new/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban11{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(../images/app-detail/hair/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban12{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.8), rgb(0, 0, 0, 0.8)), url(../images/app-detail/quiz/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban13{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0.7)), url(../images/app-detail/state/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban14{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0.7)), url(../images/app-detail/learn/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban15{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0.7)), url(../images/app-detail/music/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban16{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0.7)), url(../images/app-detail/fitness/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban17{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0.7)), url(../images/app-detail/wallet/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}

.ad-ban18{
    background: linear-gradient(to right, rgb(0, 0, 0, 0.7), rgb(0, 0, 0, 0.7)), url(../images/app-detail/dating/bannar.jpg) , no-repeat;
    background-size: cover;
    background-position: center;
}


.ad-text{
    padding: 80px 0;
    align-items: center;
    justify-content: center;
}

.ad-text h1{
    font-size: 45px;
    color: #fff;
    font-weight: 400;
    position: relative;
    display: initial;
}

.ad-text h1::after{
    position: absolute;
    content: "";
    background: #fff;
    height: 1px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: -3px;
}

.ad-text h5{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px !important;
}

.ad-text span{
    font-size: 14px;
    color: #fff;
}

.ad-text h4{
    font-size: 17px;
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 300;
}


.ad-text img{
    /* width: 30px; */
    margin-right: 5px;
    /* height: 30px; */
    /* object-fit: contain; */
}

.ad-about{
    padding: 80px 0;
}

.ad-about h3{
    font-weight: 600;
    position: relative;
    padding-top: 12px;
    font-size: 25px;
}

.ad-about h3::after{
    position: absolute;
    content: "";
    background: #000;
    height: 2px;
    width: 80%;
    left: 0;
    top: 0;
}

.mySwiperc img{
    /* height: 400px; */
    /* object-fit: contain; */
}

.ad-features{
    background: #fa6e21;
    padding: 60px 0;
}

.ad-box{
    text-align: center;
    padding: 25px 0;  
    transition: 0.2s all ease-in-out;  
    border-radius: 5px;
}

.ad-box h4{
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
    font-weight: 300;
}

.ad-box:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.color2{
    background: #3b59f9;
}

.color3{
    background: #dc205b;
}

.color4{
    background: #40964f;
}

.color5{
    background: #70a6b2;
}

.color6{
    background: #11c472;
}

.color7{
    background: #063481;
}

.color8{
    background: #12a87b;
}

.color9{
    background: #1976d3;
}

.color10{
    background: #fe5430;
}

.color11{
    background: #fb552f;
}

.color12{
    background: #5562fe
}

.color13{
    background: #0ac5a6;
}

.color14{
    background: #345ffb;
}

.color15{
    background: #4c8af1;
}

.color16{
    background: #000;
}

.color17{
    background: #6d57fa;
}

.color18{
    background: #ec3c3f;
}