.ai-tabs-section{max-width: 1120px;margin: 0 auto;overflow: hidden; padding: 80px 0;}
.ai-tabs-section 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-cp {padding-left: 24px;cursor: pointer; /*margin-bottom: 40px;  border-left: 1px solid #DBDBDB;*/ }
.tab-a-content-cp:last-child {margin-bottom: 0px;}
.tab-a-content-cp .description{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 14px;line-height: 24px;color: #707070;margin-bottom: 0px;max-width: 272px;}
.tab-a-content-cp h3{font-family: 'avenir_next_worldmedium', 'Verdana';font-weight: normal;font-size: 14px;line-height: 24px;color: #333; margin-bottom: 0px;  /*flex: 1 0 0;*/ }
.tab-a-content-cp.active h3{font-family: 'avenir_next_worldbold', 'Verdana'; font-size: 16px; line-height: 24px;}
.tab-a-content-cp.active .description {display: block;}
.tab-a-content-cp.active:first-child{margin-bottom:16px; margin-top:0;}
.tab-a-content-cp.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-radius: 16px;overflow: hidden;}
#curriculum-bg{background: #FFEEBF; padding: 35px 56px; border:none; }
#curriculum-bg .display-image{box-shadow: -4px 4px 8px 0 rgba(217, 127, 0, 0.40); 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;}
.subtitle span{font-family: 'avenir_next_worlddemi', 'Verdana';font-weight: normal;font-size: 16px;line-height: 28px;text-align: left; color:#C93466;}
.tabbings-cp{display: flex;width: 352px;flex-direction: column;align-items: flex-start;gap: 80px;height: 460px;position: relative;}
.tab-a-content-cp{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-cp:hover{background: #F5F5F5;}
.tabs .tab-a-content-cp.active:hover{background: none;}
.tabbings-cp .cta{position: absolute;bottom: 0px;}
.gradient-yellow-mb{position: relative;display: flex;justify-content: flex-end;align-items: center;z-index: -1;}
.gradient-yellow-mb img{width: 600px; position: absolute;bottom: -170px;right: 50px;}
.ai-tabs-section .title-h2{    margin-bottom: 0;}
@media (min-width: 1920px){
    .ai-tabs-section{/*max-width: 1600px; */ max-width: 1350px;}
    .tabs {max-width: 380px;}
    .tabs-container{gap: 64px; justify-content: flex-start;}
    .tab-a-content-cp h3{width: 100%;}
    .image-container{max-width: 100%; max-height: 100%; width: 1000px;}
    .tabbings-cp{width: 380px;}
    .products-img-sec{width: 100%;}
    .gradient-yellow-mb img{width: 700px; position: absolute;bottom: -170px;right: 180px;}
}
@media (max-width: 1920px) and (min-width: 1700px){
    .gradient-yellow-mb img {right: 220px;}
}
@media (max-width: 1300px) and (min-width: 1024px) {
    .display-image {max-width: 100%; }
    .ai-tabs-section h2{font-size: 28px; line-height: 36px; height: 42px;}
    .ai-tabs-section{padding: 50px 40px;}
    .tabs-container {gap:30px;}
    .image-container{width: 700px;}
    .tabbings-cp{gap: 40px; height: 470px;}
    .tab-a-content-cp.active h3{font-size: 16px;line-height: 24px;}
}
@media (max-width: 1023px) and (min-width: 768px ) {
    .tabs-container {padding: 40px 0 0 0; gap:20px;}
    /* .tab-a-content-cp{margin-bottom: 24px;padding-left: 20px;} */
    .display-image {max-width: 100%;}
    .ai-tabs-section 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-cp.active h3{font-size: 16px;line-height: 24px;}
    .tab-a-content-cp{padding: 0 0 0 20px;}
    .tabbings-cp{gap: 10px;height: 450px; }
    .gradient-yellow-mb img {width: 400px;position: absolute;bottom: -40px;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 h2{font-size: 24px;line-height: 32px;margin: 0px; height: auto; margin-bottom: 4px;}
    .mb-tab-a-content-cp 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-cp p{font-size: 14px;color: #717171;line-height: 24px;text-align: center;margin: 10px 0px 20px 0px;}
    .mb-tab-a-content-cp {margin: 0px auto; display: flex;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch;}
    #curriculum-planning.ai-tabs-section{ padding: 0px; margin: 37px 16px;}
    .exploreai_btn{margin-top: 4px;width: 100%;}
    .mb-tab-a-content-cp h3 span{font-family: 'avenir_next_worldbold', 'Verdana';}
  
    /* .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;} */
}