.gradient7-lg{position:relative; display:flex;justify-content: flex-end; align-items: center;z-index:-1;}
.gradient7-lg img{width:375px; position:absolute;top: 133px;right: 31px;}
.ai-tabs-section{max-width: 1120px;margin: 0 auto;overflow: hidden; padding: 55px 0 0 0;}
.ai-tabs-section h2{font-family: 'avenir_next_worldbold', 'Verdana';font-weight: normal;font-size: 40px;line-height: 48px;text-align: center;margin-bottom: 8px;color:#222;}
.tabs-container {display: flex;align-items: flex-start;padding: 64px 0 0 0; display: flex;justify-content: center;align-items: flex-start; gap: 32px;flex-shrink: 0;}
.tabs {display: flex;flex-direction: column; /*max-width: 266px;*/ max-width: 352px;}
.tabbings{ width: 352px;}
.tab-a-content {/*padding-left: 24px;*/cursor: pointer;
    /* margin-bottom: 40px; */
    border-bottom: 1px solid #E6E6E6; transition: border-width 0.3s ease, border-color 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
    align-items: flex-start;
    min-height: 56px;
    padding: 16px;
    transition: padding 0.3s ease;
}
.tab-a-content:last-child {margin-bottom: 0px;}
.tab-a-content .description{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 12px;line-height: 20px;color: #707070;margin-bottom: 0px;margin-top: 4px;}
.tab-title{font-family: 'avenir_next_worlddemi', 'Verdana';font-weight: normal;font-size: 14px;line-height: 24px;color: #707070;}
.tab-a-content.active .tab-title{font-family: 'avenir_next_worldbold', 'Verdana'; font-size: 16px; color: #333; }
.tab-a-content.active .description {display: block;}
/* .tab-a-content.active {border-left: 4px solid #484848;} */
.tab-a-content.active {border-bottom: 1px solid #CCC; background: #FAFAFA; padding: 24px 16px;}
.image-container {max-width:736px; max-height: 496px; /*border:1px solid #000000;*/border-radius: 13.89px;overflow: hidden;box-shadow: 0px 12px 24px 0px rgba(0, 196, 219, 0.30);}
#display-image {max-width: 100%;height: auto;}
.exploreai_btn {display: block;
    margin-top: 46px;
    width: 148px;
    height: 48px;
    padding: 13px 16px;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #222;
    color: #FFF;
    text-align: center;
    font-family: 'avenir_next_worlddemi', 'Verdana';
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;}
.exploreai_btn:hover {background: #3D3D3D;color: #FFF;}
.tab-a-content:hover {
    background: #F9F9F9;
}
.subtitle p{
    text-align: center;
    margin-bottom: 0px;
    color: #707070;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
}
/* .tab-a-content.active:hover {
    background: none;
} */
.products-img-sec{
    display: flex;
    padding: 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
    border-radius: 16px;
    background: #BFFBFB;
}
@media (min-width: 1920px){
    .ai-tabs-section{/*max-width: 1600px; */ max-width: 1400px;}
    .tabs {max-width: 380px;}
    .tabbings{ width: 380px;}
    .tabs-container{gap: 64px; justify-content: flex-start;}
    .tab-a-content-cp h2{width: 100%;}
    /* .tab-a-content {margin-bottom: 50px;} */
    .image-container{max-width: 100%; max-height: 100%; /*width: 1000px;*/}
    .products-img-sec{width: 100%;}
}
@media (max-width: 1920px) and (min-width: 1700px){
    /* .tab-a-content {margin-bottom: 40px;} */
}

@media (max-width: 1300px) and (min-width: 1024px) {
    #display-image {max-width: 100%; }
    .ai-tabs-section h2{font-size: 36px;line-height: 44px;}
    .ai-tabs-section{padding: 40px 40px 0;}
    .tabs-container {gap:30px;}
    .exploreai_btn{margin-top: 40px;}
    /* .image-container{width: 700px;} */
}
@media (max-width: 1023px) and (min-width: 768px ) {
    .tabs-container {padding: 40px 40px 0; gap:20px;}
    /* .tab-a-content{margin-bottom: 24px;padding-left: 20px;} */
    .ai-tabs-section{padding:48px 0 0 0;}
    #display-image {max-width: 100%;}
    .ai-tabs-section h2{font-size: 28px;line-height: 36px; }
    .exploreai_btn{margin-top: 24px;}
    .image-container{width: 450px;}
    .tab-a-content.active{
        padding: 18px 16px;
    }
}
@media (max-width: 991px) {
    .tab-a-content.active .tab-title, .tab-title{
        line-height: 20px;
    }
    .tab-a-content{
        padding: 14px;
    }
    .tab-a-content.active {
        padding: 14px 14px;
    }
    .tab-a-content.active .tab-title{
        font-size: 14px;
    }
    .image-container{
        width: 396px;
    }
    .products-img-sec{
        padding: 24px;
    }
}
@media (max-width: 767px) {
    .tabs-container {padding: 4px 0 0 0;}
    .display-image{/*border: 1px solid #E6E6E6;*/border-radius: 8px;}
    .ai-tabs-section h2{font-size: 24px;line-height: 32px;margin: auto 16px;}
    .mb-tab-a-content .tab-title{font-family: 'avenir_next_worlddemi', 'Verdana';font-size: 16px;line-height:28px;text-align: center;color: #222222;}
    .tabs {display: flex;flex-direction: column;width: 100%; max-width: 100%;}
    .mb-tab-a-content p{font-family: 'avenir_next_worldmedium', 'Verdana';font-size: 14px;color: #717171;line-height: 24px;text-align: center;margin: 8px 0px 13px 0px;}
    .mb-tab-a-content {margin: 20px auto;}
    .ai-tabs-section{max-width: 90%; padding: 0px;}
    .exploreai_btn{margin-top: 4px;width: 100%;}
    .gradient5-mb,.gradient6-mb,.gradient7-mb,.gradient8-mb{position: relative;display: flex;justify-content: flex-end;align-items: center;z-index: -1; }
    .gradient5-mb img{width: 200px;position: absolute;top: 280px;left: 0;}
    .gradient6-mb img{width: 200px;position: absolute;top: 640px;right: 0px;}
    .gradient7-mb img{width: 220px;position: absolute;bottom: 685px;left: 0px;}
    .gradient8-mb img{width: 200px;position: absolute;bottom: 340px;right: 0px;}

    .products-img-sec{
        display: flex;
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 36px;
        border-radius: 16px;
        background: #BFFBFB;
    }
}