.banner-img{
    background: url(images/subscription-plan-banner.jpg);
    position: relative;
    background-position:left top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 400px;
    position: relative;

}
.banner-content {
    color: #fff;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 9;
    padding: 0 20%;

}
.banner-content p{
    font-size: 16px;
    text-align:center;
}
.subscription-plans .packages-box .name {
    font-size: 30px;
    /* margin-bottom: 20px; */
}
.packages-box .after-box{
    flex-direction: column;
    display: flex;
    flex: 1
}

.packages-box .name span{font-size:18px;}
.packages-box .after-box h3{border-radius:3px;}
.banner-content a {
    background: #56a0f8;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block;
}
.subscription-plans .box {
    background:none;
    border:none;
}
.subscription-plans .packages-box .box-inner{
    min-height: 400px;
}
.subscription-plans .packages-box .after-box{
    background:#fff;
    min-height: 210px;
}
.diverse .circles span {
    fill: #fff;
    width: 70px;
}
.section.diverse p {
    text-align: center;
}

.subscription-plans .packages-box .after-box ul{margin: 0;
                                                width: 100%; max-width:100%;
                                                display: inline-block;}
.subscription-plans .packages-box .after-box ul li{
    text-align: center;
    margin: 0;
    line-height: 26px;
}
.banner-img::after {
    background: rgba(0 ,0, 0, 0.5);
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
}

.banner-content h2 {
    line-height: 1.5;
    font-weight: 600;
}

.box-shadow {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 25px rgba(0,0,0,0.10);
}
.diverse .circles {
    width: 9rem;
    height: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--first-color);
    border-radius: 50%;
    padding: 1rem;
    margin: 0 auto;
}
.diverse h5 {
    font-size: calc(112.5% + 0.29vw);
    line-height: 1.59;
    font-weight: 300;
}
.text-small {
    font-size: 18px;
    margin-top: 20px;
}
.diverse .icn.icn-75 {
    padding: 1.5rem;
}
.diverse .icn.icn-75 svg{
    fill: #fff;
}

.subs-pakages .packages-box .name{ min-height: 125px;}



@media only screen and (max-width: 767px) {
        .dataTable{ border:none !important;}
    .banner-img{
    background-position: right bottom;}
    .packages-box .box {
    padding: 0 !important;
}
.subs-pakages{ padding-top:0 !important;}

}