.ai-tabs-section{max-width: 1120px;margin: 0 auto;overflow: hidden; padding: 80px 0;}
.ai-tabs-section .title-h2{font-family: 'avenir_next_worldbold', 'Verdana';font-weight: normal;font-size: 32px;line-height: 40px;text-align: left; height: 48px;color:#333;}
.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: 352px;}
.tab-a-content {padding-left: 24px;cursor: pointer; /*margin-bottom: 40px;  border-left: 1px solid #DBDBDB;*/}
.tab-a-content:last-child {margin-bottom: 0px;}
.tab-a-content .description{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 14px;line-height: 24px;color: #717171;margin-bottom: 0px;max-width:272px;}
.tab-a-content h3{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 14px;line-height: 24px;color: #333;  /*flex: 1 0 0;*/ }
.tab-a-content.active h3{font-family: 'avenir_next_worldbold', 'Verdana'; font-size: 16px; line-height: 24px;  }
.tab-a-content.active .description {display: block;}
.tab-a-content.active .act-title {display: block;}
.tab-a-content .act-title {display: none;}
.tab-a-content.active:first-child{margin-bottom:16px; margin-top:0;}
.tab-a-content.active {border-left: 2px solid #333; min-height: 84px;margin: 16px 0;/*transition: padding 0.5s ease;*/}
.image-container {max-width:736px; max-height: 460px; border:1px solid #000000;border-radius: 16px;overflow: hidden;}
#assessment-bg{background: #BFFBFB; padding: 35px 56px; border:none; }
#assessment-bg .display-image{box-shadow: -4px 4px 8px 0px #0EA4B566;border-radius: 12px;}
.display-image {max-width: 100%;height: auto;}
.exploreai_btn{width: 106px;height: 48px;border-radius: 8px;border: 1px solid #333;background: #FFFFFF;display: flex;text-align: center;font-family: 'avenir_next_worlddemi', 'Verdana';font-weight: normal;font-size: 14px;line-height: 20px;padding: 14px 0;margin-top: 0px;color: #333;justify-content: center;align-items: center;gap: 24px;}
.exploreai_btn:hover {background: #000;color: #FFF;}
.ai-tabs-section .top-area{display: flex; align-items: center;gap: 40px;}
.top-area .icn-img img{width: 96px; height: 96px;}
.top-area .right-side{display: flex; flex-direction: column; align-items: flex-start; gap: 16px;}
.content-area p{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 16px;line-height: 28px;text-align: left; margin-bottom: 0;color:#707070;}
#assessments .subtitle span{font-family: 'avenir_next_worlddemi', 'Verdana';font-weight: normal;font-size: 16px;line-height: 28px;text-align: left; color:#BF8000;}
#assessments .tabbings{display: flex;width: 352px;flex-direction: column;align-items: flex-start;gap: 80px;height: 460px;position: relative;}
.tab-a-content{display: flex;padding: 0 0 0 24px;justify-content: center;align-items: center;gap: 8px;align-self: stretch;flex-direction: column;align-items: flex-start;min-height: 56px;}
.tabs{display: flex;flex-direction: column;align-items: flex-start;gap: 0;align-self: stretch;}
.tabs .tab-a-content:hover{background: #F5F5F5;}
.tabs .tab-a-content.active:hover{background: none;}
.tabbings .cta{position: absolute;bottom: 0px;}
.gradient-rd-mb, .gradient-pr-mb{position: relative;display: flex;justify-content: flex-end;align-items: center;z-index: -1;}
.gradient-rd-mb img{width: 400px; position: absolute;bottom: -140px;right: 0px;}
.gradient-pr-mb img{width: 600px; position: absolute;bottom: -50px;left: 400px;}
@media (min-width: 1920px){
    .ai-tabs-section{/*max-width: 1600px; */ max-width: 1350px;}
    #assessments .tabs {max-width: 380px; height: 650px; gap: 24px;}
    .tabs-container{gap: 64px; justify-content: flex-start;}
    .tab-a-content h3{width: 100%;}
    .image-container{max-width: 100%; max-height: 100%; width: 1000px;}
    .tabbings{width: 380px;}
    .gradient-pr-mb img{bottom: -140px; left: 550px; width: 700px;}
    #assessments .tabbings{height: 640px; width: 380px;}
    .products-img-sec{width: 100%;}
}
@media (max-width: 1920px) and (min-width: 1700px){
    .gradient-rd-mb img {width: 600px;position: absolute; bottom: -180px;right: 0px;}
    .gradient-pr-mb img{left: 500px;}
    #assessments .tabbings{height: 600px;}
}
@media (max-width: 1300px) and (min-width: 1024px) {
    .display-image {max-width: 100%; }
    .ai-tabs-section .title-h2{font-size: 28px; line-height: 36px; height: 42px;}
    .ai-tabs-section{padding: 50px 40px;}
    .tabs-container {gap:30px;}
    .image-container{width: 700px;}
    #assessments .tabbings{gap: 40px; height: 495px;}
    .tab-a-content.active h3{font-size: 16px;line-height: 24px;}
    .gradient-pr-mb img{bottom: -40px;left: 60px;}
}
@media (max-width: 1023px) and (min-width: 768px ) {
    .tabs-container {padding: 40px 0 0 0; gap:20px;}
    /* .tab-a-content{margin-bottom: 24px;padding-left: 20px;} */
    .display-image {max-width: 100%;}
    .ai-tabs-section .title-h2{font-size: 28px;line-height: 36px; margin-bottom: 30px;}
    .exploreai_btn{margin-top: 20px;}
    .image-container{width: 450px;}
    .top-area .right-side{gap: 8px;}
    .ai-tabs-section .top-area{margin: auto 20px;}
    .ai-tabs-section{padding: 40px 0;}
    .tab-a-content.active h3{font-size: 16px;line-height: 24px;}
    .tab-a-content{padding: 0 0 0 20px;}
    #assessments .tabbings{gap: 10px;height: 490px; }
    .gradient-rd-mb img {width: 300px;position: absolute;bottom: -40px;right: 0px;}
    .gradient-pr-mb img{width: 400px;position: absolute;bottom: 120px;left: 120px;}
}
@media (max-width: 767px) {
    .top-area{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch;}
    .tabs-container {padding: 16px 0 0 0;}
    .display-image{border: 1px solid #000000;border-radius: 13.89px;}
    .ai-tabs-section .title-h2{font-size: 24px;line-height: 32px;margin: 0px; height: auto; margin-bottom: 4px;}
    .mb-tab-a-content h3{font-family: 'avenir_next_worldregular', 'Verdana';font-size: 16px;line-height:24px;text-align: left;color: #222222;}
    .tabs {display: flex;flex-direction: column;width: 100%; max-width: 100%; gap: 40px;}
    .mb-tab-a-content p{font-size: 14px;color: #717171;line-height: 24px;text-align: center;margin: 10px 0px 20px 0px;}
    .mb-tab-a-content {margin: 0px auto; display: flex;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch;}
    .ai-tabs-section{ padding: 0px; margin: 60px 16px;}
    .exploreai_btn{margin-top: 4px;width: 100%;}
    .mb-tab-a-content h3 span{font-family: 'avenir_next_worldbold', 'Verdana';}
}