.aiv4-tab-section{max-width: 1120px;margin: 0 auto;overflow: hidden;padding: 64px 0 0px;}
.aiv4-tab-section .aiv4-tab-header{text-align: center;margin-bottom: 48px;}
.aiv4-tab-section .aiv4-tab-header h2{font-family: 'avenir_next_worldbold', 'Verdana';font-weight: normal;font-size: 32px;line-height: 40px;color: #333;margin: 0 0 8px;}
.aiv4-tab-section .aiv4-tab-header p{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 16px;line-height: 28px;color: #707070;margin: 0;}
.aiv4-tab-container{display: flex;align-items: flex-start;gap: 32px;justify-content: center;}
.aiv4-tabbings{display: flex;width: 352px;flex-direction: column;align-items: flex-start;gap: 80px;position: relative;flex-shrink: 0;}
.aiv4-tabs{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;width: 100%;}
.aiv4-tab-item{padding: 0 0 0 27px;cursor: pointer;display: flex;flex-direction: column;align-items: flex-start;gap: 4px;width: 100%;min-height: 56px;justify-content: center;position: relative;}
.aiv4-tab-item::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 24px;background: #E6E6E6;transition: all 0.3s;}
.aiv4-tab-item.active::before{top: 28%;}
.aiv4-tab-item:hover{border-radius: 0 8px 8px 0;}
.aiv4-tab-item:hover h3.aiv4-tab-def-title{font-family: 'avenir_next_worlddemi', 'Verdana';}
.aiv4-tab-item.active:hover{background: none;}
.aiv4-tab-item .aiv4-tab-def-title{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 16px;line-height: 24px;color: #000;margin: 0;}
.aiv4-tab-item .aiv4-tab-act-title{font-family: 'avenir_next_worldbold', 'Verdana';font-weight: normal;font-size: 16px;line-height: 24px;color: #333;margin: 0;display: none;}
.aiv4-tab-item .aiv4-tab-desc{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 12px;line-height: 20px;color: #717171;margin: 0;display: none;}
.aiv4-tab-item.active::before{width: 3px;height: 24px;background: #FFDB7F;border-radius: 2px;}
/* display toggling handled by JS for smooth transitions */
.aiv4-tabbings .aiv4-tab-cta{position: absolute;bottom: 0;}
.aiv4-tab-learn-btn{width: 120px;height: 48px;border-radius: 8px;border: 1px solid #000;background: #FFF;display: flex;text-align: center;font-family: 'avenir_next_worlddemi', 'Verdana';font-weight: normal;font-size: 16px;line-height: 24px;padding: 13px 16px;color: #000;justify-content: center;align-items: center;text-decoration: none;}
.aiv4-tab-learn-btn:hover{background: #000;color: #FFF;text-decoration: none;}
.aiv4-tab-image-sec{flex: 1;min-width: 0;}
.aiv4-tab-image-container{border-radius: 15px;overflow: hidden;
    background: linear-gradient(115deg, var(--Pink-950, #FFF0F6) -11.51%, var(--Yellow-900, #FFEEBF) 131.57%);    padding: 30px 48px;}
.aiv4-tab-display-image{max-width: 100%;height: auto;display: block;}

/* Testimonial below tabs */
.aiv4-tab-testimonial-bg{width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;padding: 88px 0px;}
.aiv4-tab-testimonial{max-width: 1120px;margin: 0 auto;padding: 64px;display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;gap: 48px;    background: #fff;}
.aiv4-tab-testimonial-photo{width: 384px;height: 280px;flex-shrink: 0;border-radius: 12px;overflow: hidden;position: relative;background: linear-gradient(138deg, #FFF0F6 21.67%, #FFEEBF 91.21%);}
.aiv4-tab-testimonial-photo img{width: 100%;height: 100%;object-fit: cover;}
.aiv4-tab-testimonial-content{flex: 1;max-width: 480px;}
.aiv4-tab-testimonial-content blockquote{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 18px;line-height: 28px;color: #333;margin: 0 0 40px;padding: 0;border: none;}
.aiv4-tab-testimonial-content blockquote::before{content: '\201C';}
.aiv4-tab-testimonial-content blockquote::after{content: '\201D';}
.aiv4-tab-testimonial-name{font-family: 'avenir_next_worldbold', 'Verdana';font-weight: normal;font-size: 16px;line-height: 24px;color: #333;margin: 0;}
.aiv4-tab-testimonial-role{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 14px;line-height: 24px;color: #707070;margin: 4px 0 0;}

/* Show/hide helpers */
.hide-lg{display: none;}

/* Mobile accordion */
.aiv4-tab-mb-content{display: none;flex-direction: column;gap: 40px;padding: 0 16px;}
.aiv4-tab-mb-item{display: flex;flex-direction: column;gap: 16px;}
.aiv4-tab-mb-item h3{font-family: 'avenir_next_worldregular', 'Verdana';font-size: 16px;line-height: 24px;color: #222;margin: 0;}
.aiv4-tab-mb-item h3 span{font-family: 'avenir_next_worldbold', 'Verdana';}
.aiv4-tab-mb-item img{width: 100%;border-radius: 14px;border: 1px solid #E6E6E6;}

/* Section background accents */
.aiv4-tab-section-wrapper{position: relative;overflow: hidden;}
.aiv4-tab-bg-accent{position: absolute;pointer-events: none;z-index: -1;}

#assessment-builder .aiv4-tab-item.active::before{
    background: #C8E487;
}
#assessment-builder .aiv4-tab-image-container{
    background: linear-gradient(115deg, var(--Blue-950, #E5FBFD) -11.51%, var(--Green-900, #E3F1C3) 131.57%);
}

#ai-tutors .aiv4-tab-item.active::before{
    background: #7FEAF6;
}
#ai-tutors .aiv4-tab-image-container{
    background: linear-gradient(115deg, var(--Purple-950, #FAF1FE) -11.51%, var(--Blue-900, #BFFBFB) 131.57%);
}

#grading-assistant .aiv4-tab-item.active::before{
    background: #E7B9FE;
}
#grading-assistant .aiv4-tab-image-container{
    background: linear-gradient(115deg, var(--Pink-950, #FFF0F6) -11.51%, var(--Purple-900, #F3DCFF) 131.57%);
}

#report-writing .aiv4-tab-item.active::before{
    background: #C8E487;
}
#report-writing .aiv4-tab-image-container{
    background: linear-gradient(115deg, var(--Blue-950, #E5FBFD) -11.51%, var(--Green-900, #E3F1C3) 131.57%);
}

#ai-insights .aiv4-tab-item.active::before{
    background: #FFB5C9;
}
#ai-insights .aiv4-tab-image-container{
    background: linear-gradient(115deg, var(--Purple-950, #FAF1FE) -11.51%, var(--Pink-900, #FFDAE4) 131.57%);
}

#writing-assistant .aiv4-tab-item.active::before{
    background: #C3C3FF;
}
#writing-assistant .aiv4-tab-image-container{
    background: linear-gradient(115deg, var(--Purple-950, #FAF1FE) -11.51%, var(--Violet-900, #E3E3FF) 131.57%);
}

@media (min-width: 1920px){
    .aiv4-tab-section{max-width: 1350px;}
    .aiv4-tabs{max-width: 380px;}
    .aiv4-tab-container{gap: 64px;justify-content: flex-start;}
    .aiv4-tab-image-container{max-width: 100%;max-height: 100%;width: 1000px;}
    .aiv4-tabbings{width: 380px;}
}
@media (max-width: 1300px) and (min-width: 1024px){
    .aiv4-tab-section{padding: 50px 40px;}
    .aiv4-tab-section .aiv4-tab-header h2{font-size: 28px;line-height: 36px;}
    .aiv4-tab-container{gap: 30px;}
    .aiv4-tab-image-container{width: 100%;}
    .aiv4-tabbings{gap: 40px;height: auto;}
    .aiv4-tab-item.active .aiv4-tab-act-title{font-size: 16px;line-height: 24px;}
    .aiv4-tab-testimonial{padding: 48px 40px;}
    .aiv4-tab-testimonial-photo{width: 300px;height: 220px;}
}
@media (max-width: 1024px) and (min-width: 991px){
    .aiv4-tab-testimonial-bg{padding: 50px 0px;}
    .aiv4-tab-testimonial{
        max-width: 96%;
    }
}

@media (max-width: 991px){
    .aiv4-tab-testimonial{
        flex-direction: column;
    }
    .aiv4-tab-testimonial-bg{
        padding: 20px 0px;
    }
}

@media (max-width: 1023px) and (min-width: 768px){
    .aiv4-tab-section{padding: 40px 0;}
    .aiv4-tab-section .aiv4-tab-header{padding: 0 20px;margin-bottom: 32px;}
    .aiv4-tab-section .aiv4-tab-header h2{font-size: 28px;line-height: 36px;}
    .aiv4-tab-container{gap: 20px;padding: 0 20px;}
    .aiv4-tab-image-container{width: 450px;}
    .aiv4-tabbings{gap: 10px;height: auto;width: 245px;}
    .aiv4-tab-item.active .aiv4-tab-act-title{font-size: 16px;line-height: 24px;}
    .aiv4-tab-item{padding: 0 0 0 20px;}
    .aiv4-tab-testimonial{flex-direction: column;padding: 40px 20px;gap: 24px;}
}
@media (max-width: 767px){
    .hide-mb{display: none !important;}
    .hide-lg{display: block !important;}
    .aiv4-tab-section{padding: 40px 0;}
    .aiv4-tab-section .aiv4-tab-header{padding: 0 16px;margin-bottom: 24px;}
    .aiv4-tab-section .aiv4-tab-header h2{font-size: 24px;line-height: 32px;}
    .aiv4-tab-container{display: none;}
    .aiv4-tab-mb-content{display: flex;}
    .aiv4-tab-learn-btn{width: 100%;margin-top: 4px;}
    .aiv4-tab-testimonial{flex-direction: column;padding: 32px 16px;gap: 16px;}
    .aiv4-tab-testimonial-photo{width: 100%;height: 240px;}
    .aiv4-tab-testimonial-content blockquote{font-size: 14px;line-height: 24px;margin-bottom: 24px;}
}