#accreditation-management.ai-tabs-section{max-width: 1120px;margin: 0 auto;overflow: hidden; padding: 80px 0 120px 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: 48px 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:first-child{margin-bottom:16px; margin-top:0;}
.tab-a-content.active {border-left: 4px solid #484848; min-height: 84px;margin:16px 0;/*transition: padding 0.5s ease;*/}
.image-container {max-width:736px; max-height: 460px;border-radius: 16px;overflow: hidden;}
#ai-bg{background: #E3E3FF; padding: 35px 56px; border:none; }
#ai-bg .display-image{box-shadow: -4px 4px 8px 0px #7666F266;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;}
#accreditation-management .subtitle span{font-family: 'avenir_next_worlddemi', 'Verdana';font-weight: normal;font-size: 16px;line-height: 28px;text-align: left; color:#C93466;}
#acr-tabs-container .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-yal-mb{position: relative;display: flex;justify-content: flex-end;align-items: center;z-index: -1;}
.gradient-yal-mb img{width: 600px; position: absolute;bottom: 100px;right: 0px;}
@media (min-width: 1920px){
    #accreditation-management.ai-tabs-section{/*max-width: 1600px; */ max-width: 1350px;}
    .tabs {max-width: 380px; gap: 20px;}
    .tabs-container{gap: 64px; justify-content: flex-start;}
    .tab-a-content h3{width: 100%;}
    .image-container{max-width: 100%; max-height: 100%; width: 1000px;} 
    .gradient-yal-mb img{width: 800px; bottom: 200px;}
    #acr-tabs-container .tabbings{ height: 500px; width: 380px;}
    .products-img-sec{width: 100%;}
}
@media (max-width: 1920px) and (min-width: 1700px){

}
@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;}
    #accreditation-management.ai-tabs-section{padding: 50px 40px 120px;}
    .tabs-container {gap:30px;}
    .image-container{width: 700px;}
    #acr-tabs-container .tabbings{gap: 40px; height: 450px;}
    .tab-a-content.active h3{font-size: 16px;line-height: 24px;}
    .gradient-yal-mb img {width: 600px;position: absolute;bottom: -20px;right: 0px;}
}
@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%;}
    #accreditation-management.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;}
    #accreditation-management.ai-tabs-section{padding: 40px 0 80px;}
    .tab-a-content.active h3{font-size: 16px;line-height: 24px;}
    .tab-a-content{padding: 0 0 0 20px;}
    #acr-tabs-container .tabbings{gap: 10px;height: 430px; }
    .gradient-yal-mb img {width: 400px;position: absolute;bottom: 120px;right: 0px;}
}
@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;}
    #accreditation-management.ai-tabs-section{ padding: 0px; margin: 37px 16px;}
    .exploreai_btn{margin-top: 4px;width: 100%;}
    .mb-tab-a-content h3 span{font-family: 'avenir_next_worldbold', 'Verdana';}
    .ai-tabs-section{ padding: 0px; margin: 60px 16px;}
}