.ai-tabs-section{max-width: 1120px;margin: 0 auto;overflow: hidden; padding: 56px 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;margin-bottom: 0;}
.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;border-left: 1px solid transparent; }
.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: #707070;margin-bottom: 0px;}
.tab-a-content h3{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 16px;line-height: 24px;color: #000000; margin-bottom: 0px;}
.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 {border-left: 2px solid #333; min-height: 80px;}
.image-container {max-width:800px; max-height: 500px; border:none !important;border-radius: 16px;overflow: hidden;background-color: #FFDAE4;padding: 36px 56px;}
.display-image {max-width: 100%;height: auto;border-radius: 12px;box-shadow: -4px 4px 8px 0 rgba(240, 91, 131, 0.40);}
#assessment-builder .image-container {background-color: #E3F1C3;}
#assessment-builder .display-image {box-shadow: -5px 4px 8px 0 rgba(115, 163, 0, 0.40);}
#grading-assistant .image-container {background-color: #BFFBFB;}
#grading-assistant .display-image {box-shadow: -5px 4px 8px 0 rgba(14, 164, 181, 0.40);}
#ai-tutors .image-container {background-color: #E3E3FF;}
#ai-tutors .display-image {box-shadow: -5px 4px 8px 0 rgba(118, 102, 242, 0.40);}
#progress-reports .image-container {background-color: #C0F3E9;}
#progress-reports .display-image {box-shadow: -5px 4px 8px 0 rgba(7, 168, 133, 0.40);}
#writing-assistant .image-container {background-color: #FFEEBF;}
#writing-assistant .display-image {box-shadow: -5px 4px 8px 0 rgba(217, 127, 0, 0.40);}

.exploreai_btn{width: 120px;height: 48px;border-radius: 8px;border: 1px solid #000;background: #FFFFFF;display: flex;text-align: center;font-family: 'avenir_next_worlddemi', 'Verdana';font-weight: normal;font-size: 16px;line-height: 24px;padding: 13px 16px;margin-top: 0px;color: #000;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: 14px;line-height: 24px;text-align: left; margin-bottom: 0;color: #707070;}
.subtitle{display: none !important;}
.subtitle span{font-family: 'avenir_next_worlddemi', 'Verdana';font-weight: normal;font-size: 16px;line-height: 28px;text-align: left; color:#C93466;}
.tabbings{display: flex;width: 352px;flex-direction: column;align-items: flex-start;gap: 80px;height: 500px;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: 16px;align-self: stretch;}
.tabs .tab-a-content:hover{background: #F5F5F5;}
.tabs .tab-a-content.active:hover{background: none;}
.tabbings .cta{position: absolute;bottom: 0px;display: none !important;}
@media (min-width: 1920px){
    .ai-tabs-section{max-width: 1350px;}
    .tabs {max-width: 380px;}
    .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;}
    .products-img-sec{width: 100%;}
}
@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;}
    .tabbings{gap: 40px; height: 470px;}
    .tab-a-content.active h3{font-size: 16px;line-height: 24px;}
}
@media (max-width: 1023px) and (min-width: 768px ) {
    .tabs-container {padding: 40px 20px 0; gap:20px;justify-content: space-between;}
    .display-image {max-width: 100%;}
    .ai-tabs-section .title-h2{font-size: 28px;line-height: 36px;}
    .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;}
    .tabbings{gap: 10px;height: 450px; }
}
@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;box-shadow: none !important;}
    .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;}
    .exploreai_btn{margin-top: 4px;width: 100%;}
    .mb-tab-a-content h3 span{font-family: 'avenir_next_worldbold', 'Verdana';}
    .hide-lg{display: block !important;}
    .hide-mb{display: none !important;}
    .ai-tabs-section{padding: 0px;margin: 37px 16px;}
    .top-area .right-side{width: 100%;}
}